Vebego Component Library

Work cta 

<div class="mol-work-cta">
    <h2 class="atm-heading ">Wanna work together?</h2>

    <h3 class="atm-heading ">let&#x27;s talk</h3>

    <a class="atm-button atm-button-secondary button-md ">
        <div class="button-content-wrapper">
            <span class="button-content">
                <span>Tell us more</span>
                <i class="atm-icon  far fa-long-arrow-right   "></i>

                <span class="button-underline"></span>
            </span>
        </div>
    </a>

</div>
 
<div class="mol-work-cta">
    {{ render '@heading' heading }}
    {{ render '@heading' subHeading }}
    {{render '@button-secondary' cta merge=true}}
</div>
 
{
  "heading": {
    "text": "Wanna work together?",
    "tag": "h2"
  },
  "subHeading": {
    "text": "let's talk",
    "tag": "h3"
  },
  "cta": {
    "text": "Tell us more",
    "iconLeft": true
  }
}
  • Content: 
    .mol-work-cta {
    h2.atm-heading {
        @apply sm:text-h2 text-h4;
    }
    h3.atm-heading {
        @apply text-gray-400 font-extralight sm:text-h3 text-h5;
    }
    h6.atm-heading {
        @apply font-body;
    }
}
  • URL: /components/raw/work-cta/work-cta.css
  • Filesystem Path: src\components\03-molecules\work-cta\work-cta.css
  • Size: 236 Bytes

No notes defined.