The Ounce › Style Guide


Landing Get Involved CTA


This component designed specifically for content used to promote the different ways to get involved. It has potential to be repurposed for future content needs.

<section class="get-involved">
  <div class="container l-get-involved">
    <div class="l-get-involved__intro">
      <h1 class="section-title">Get Involved</h1>
      <h2 class="display-text">Join us and help the Ounce of Prevention Fund change the lives of at-risk young children.</h2>  
    </div>
    <nav class="l-get-involved__nav subnavigation">
      <ul>
        <li><a href="#">Make a Gift <i class="ss-icon left">navigateright</i></a></li>
        <li><a href="#">Advocate for Early Childhood <i class="ss-icon left">navigateright</i></a></li>
        <li><a href="#">Attend an Event <i class="ss-icon left">navigateright</i></a></li>
        <li><a href="#">Read our Publications <i class="ss-icon left">navigateright</i></a></li>
        <li><a href="#">Tour Educare of Chicago <i class="ss-icon left">navigateright</i></a></li>
      </ul>
    </nav>
  </div>
</section>