← Back to Featured Banner

Featured Banner Preview

Simple (title + button)

Looking for support? We're here to help.

Explore Services
View HTML 
<div class="txds-featured-banner txds-featured-banner--simple">
  <div class="txds-featured-banner__inner">
    <h2 class="txds-featured-banner__title">Looking for support? We're here to help.</h2>
    <a href="#" class="txds-featured-banner__action">Explore Services</a>
  </div>
</div>

With description

Let us know what you think.

Did you find the information you're looking for?
Your feedback helps us improve TDOA.

Complete Survey
View HTML 
<div class="txds-featured-banner txds-featured-banner--alt">
  <div class="txds-featured-banner__inner">
    <div class="txds-featured-banner__content">
      <h2 class="txds-featured-banner__title">Let us know what you think.</h2>
      <p class="txds-featured-banner__text">Did you find the information you're looking for?<br>Your feedback helps us improve TDOA.</p>
    </div>
    <a href="#" class="txds-featured-banner__action">Complete Survey</a>
  </div>
</div>

Mobile Variants (375px)

Simple

View HTML 
<div class="txds-featured-banner txds-featured-banner--simple">
  <div class="txds-featured-banner__inner">
    <h2 class="txds-featured-banner__title">Looking for support? We're here to help.</h2>
    <a href="#" class="txds-featured-banner__action">Explore Services</a>
  </div>
</div>

With description

View HTML 
<div class="txds-featured-banner txds-featured-banner--alt">
  <div class="txds-featured-banner__inner">
    <div class="txds-featured-banner__content">
      <h2 class="txds-featured-banner__title">Let us know what you think.</h2>
      <p class="txds-featured-banner__text">Did you find the information you're looking for?<br>Your feedback helps us improve TDOA.</p>
    </div>
    <a href="#" class="txds-featured-banner__action">Complete Survey</a>
  </div>
</div>