Documentation Examples Landingpage Layout

Landingpage Layout Example

CTA
Navigation
Signup
Service #1
Service #2
Service #3
About Us
Footer

The code:


<div class="container">
  <div class="row">
    <div class="tiny-12">
      <div>CTA</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12">
      <div>Navigation</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12">
      <div>Signup</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12 small-4 medium-4 large-4">
      <div>Service #1</div>
    </div>
    <div class="tiny-12 small-4 medium-4 large-4">
      <div>Service #2</div>
    </div>
    <div class="tiny-12 small-4 medium-4 large-4">
      <div>Service #3</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12">
      <div>About Us</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12">
      <div>Footer</div>
    </div>
  </div>
</div>