div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large
  h2.text-xlarge.text-color-heading.text-uppercase(data-trans='about.title')

  div.segment.lg-two-third.margin-top-small.padding-right-xlarge
    div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center
      h3.text-color-heading.text-semibold.text-uppercase(data-trans='about.card1.subTitle')
      div
        p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph1')
        p.segment.whitespace-normal.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.text-top
    div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center
      div.segment.margin-top-small
        div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary
      h3.text-color-heading.text-semibold.text-uppercase.text-medium(data-trans='about.card2.subTitle')
      p(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