<%= render partial: "forever_style_guide/sections/components/navigation/marketing_signed_in" %>
<%= link_to '#', title: "Holiay Gift Guide", class: 'btn btn-promo btn-action' do %> <% end %>

Here's our page headline.

This content exists independent of the promotion

<%= link_to 'Primary Call-To-Action', '#', class: 'js-signup-intro btn btn-primary btn-lg hero-block-cta hero-block-cta-justified l-section-close', title: 'Primary Call-To-Action' %> <%= link_to 'Secondary CTA', '#', class: 'btn btn-secondary btn-lg hero-block-cta hero-block-cta-justified l-section-close', title: "Secondary Call-To-Action" %>

Promo Banner

To implement:

  1. Grab the promo markup and insert it onto your page immediately after your <header> element.
  2. Make your promo precedes any on page content
  3. You can customize the background-image and color etc. by changing the $promo-color variable and/or assigning a background-image to the .promo-banner class locally