UHasselt Component Library

Contact Expertise 

<section class="contact-expertise">
    <span class="heading h2">
        Gebruik maken van onze expertise in uw project?
    </span>
    <a href="#" class="button button-white-border ">
        <span>
            <span class="icon fal fa-envelope   " aria-hidden="true"></span>
            <span class="text">
                Contacteer ons
            </span>
        </span>
    </a>

</section>
 
<section class="contact-expertise">
    {{ render '@heading' heading merge=true }}
    {{ render '@button--white-border' button merge=true }}
</section>
 
{
  "heading": {
    "tag": "span",
    "text": "Gebruik maken van onze expertise in uw project?",
    "modifier": "h2"
  },
  "button": {
    "icon": false,
    "text": "Contacteer ons"
  }
}
  • Content: 
    .contact-expertise
{
    @apply bg-red;
    @apply text-white;
    @apply pt-11;
    @apply pb-8;
    @apply px-8;
    @apply grid;
    @apply justify-center;
    @apply text-center;

    .h2
    {
        @apply mb-6;   
    }
}
  • URL: /components/raw/contact-expertise/contact-expertise.css
  • Filesystem Path: src\components\04-organisms\contact-expertise\contact-expertise.css
  • Size: 244 Bytes

No notes defined.