feature: page about
This commit is contained in:
		| @ -1,17 +1,18 @@ | ||||
| .views-container | ||||
|   h2(data-trans='about.title') | ||||
|   div.flex-content-white | ||||
|     div | ||||
|       div | ||||
|         h3(data-trans='about.card1.subTitle') | ||||
|         p(data-trans='about.card1.paragraph1') | ||||
|         p(data-trans='about.card1.paragraph2') | ||||
|       div | ||||
|         a(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/ | ||||
| div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.clearfix | ||||
|   h2.text-xlarge.text-color-heading.text-uppercase(data-trans='about.title') | ||||
|  | ||||
|     div | ||||
|   div.segment.lg-two-third.margin-top-small.padding-right-xlarge.float-left | ||||
|     div.segment.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center | ||||
|       h3.text-color-heading.text-semibold(data-trans='about.card1.subTitle') | ||||
|       div | ||||
|         h3(data-trans='about.card2.subTitle') | ||||
|         p(data-trans='about.card2.paragraph1') | ||||
|         p.segment.float-left.text-large(data-trans='about.card1.paragraph1') | ||||
|         p.segment.float-left.text-large(data-trans='about.card1.paragraph2') | ||||
|         a.link.text-xlarge(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/ | ||||
|  | ||||
|   div.segment.lg-third.margin-top-small.float-left | ||||
|     div.segment.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center | ||||
|       div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary | ||||
|       h3.text-color-heading.text-semibold.text-medium(data-trans='about.card2.subTitle') | ||||
|       div | ||||
|         a(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta | ||||
|         p.segment.float-left(data-trans='about.card2.paragraph1') | ||||
|         a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta | ||||
| @ -19,6 +19,7 @@ a { | ||||
|   &.button { | ||||
|     padding: 7.5px 20px; | ||||
|     border-radius: 16.5px; | ||||
|     text-decoration: none; | ||||
|  | ||||
|     &.rounded { | ||||
|       border-radius: 50%; | ||||
|  | ||||
| @ -32,7 +32,6 @@ | ||||
|   display: inline-block; | ||||
|   text-decoration: inherit; | ||||
|   width: 1em; | ||||
|   margin-right: 0.2em; | ||||
|   text-align: center; | ||||
|   /* opacity: .8; */ | ||||
|  | ||||
|  | ||||
| @ -10,4 +10,7 @@ | ||||
|   &.float-right { | ||||
|     float: right; | ||||
|   } | ||||
|   &.center { | ||||
|     margin: 0 auto; | ||||
|   } | ||||
| } | ||||
|  | ||||
| @ -5,8 +5,17 @@ | ||||
|  | ||||
|  | ||||
| :root { | ||||
|   box-sizing: border-box; | ||||
|   color: #636363; | ||||
|   font-family: Open Sans, sans-serif; | ||||
|   font-size: 14px; | ||||
| } | ||||
|  | ||||
| *, | ||||
| *:before, | ||||
| *:after { | ||||
|   box-sizing: inherit; | ||||
| } | ||||
|  | ||||
| @import 'hubl-framework/_index'; | ||||
| @import 'hubl-app/_index'; | ||||
|  | ||||
		Reference in New Issue
	
	Block a user