Support Articles

Code Snippet Library - Homepage CTA Banner

Zapnito Jun 28, 2023

Preview

HTML

<div class="container mt-12">
  <div class="flex flex-col sm:flex-row bg-brand-secondary 
  text-brand-secondary-contrast items-center p-5 space-y-4 sm:space-y-0">
    <!-- Left half of the banner -->
    <div class="w-2/3 flex justify-start text-center">
      <p class="m-0 text-xl font-semibold">Banner text</p>
    </div>
    <!-- Right half of the banner -->
    <div class="w-1/3 flex justify-center sm:justify-end">
    <!-- Add button URL below -->
      <a href="" class="btn btn--primary">Button text</a>
    </div>
  </div>
</div>