home.erb

<div class="row">
  <div class="small-12 columns">
    <ul class="menu">
      <li><a href="#">Navigation 1</a></li>
      <li><a href="#">Navigation 2</a></li>
      <li><a href="#">Navigation 3</a></li>
    </ul>
  </div>
</div>


<div class="row">
  <div class="small-12 medium-6 large-6 columns">
    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=550×550&w=550&h=550">
  </div>

  <div class="small-12 medium-6 large-6 columns">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris consectetur pharetra lectus, euismod cursus ex. Nunc vel pellentesque sem. In finibus libero sed neque fermentum ultricies. Fusce vitae finibus tellus, fringilla congue tortor. Proin convallis ullamcorper est, nec dignissim sapien elementum vitae. Pellentesque sagittis lorem sed turpis euismod porttitor. Integer quis sapien arcu. Sed a nisi egestas eros pretium suscipit non id velit. Fusce blandit ante vulputate massa porta mattis. Sed sit amet rutrum urna.
      Cras ac dignissim diam, tincidunt viverra arcu. Phasellus lobortis interdum diam, a iaculis orci scelerisque id. Phasellus fringilla facilisis rhoncus. Aliquam pellentesque nunc in mi dictum, vitae vulputate diam imperdiet. Fusce a bibendum leo. Pellentesque eu scelerisque enim, ac dictum dui. Nunc consectetur vestibulum turpis quis placerat. Sed lacus est, suscipit sit amet commodo quis, ultricies at metus. Proin semper rhoncus quam non aliquet. Praesent dignissim felis quis elementum consectetur. Proin sapien arcu, efficitur sit amet vestibulum nec, venenatis quis dolor. Proin lobortis lorem felis, sit amet semper sem placerat at. Integer nec nibh sed ipsum pretium malesuada sit amet id ipsum.
      Donec neque leo, bibendum id dignissim ac, finibus eu mauris. Vivamus sed tortor vitae risus blandit fermentum venenatis a libero. Aliquam sed tempor ligula. Sed a justo elit. Pellentesque lacinia venenatis lacus nec auctor. Aliquam blandit eu dui laoreet euismod. Maecenas tristique orci arcu, ac semper tortor aliquam et.
    </p>
  </div>
</div>

<div class="row">
  <div class="small-6 small-centered columns text-center">
    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=150×950&w=950&h=150">
  </div>
</div>

<br>

<div class="row small-up-2 medium-up-3 large-up-3">
  <% 20.times do %>
    <div class="column column-block">
      <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=550×550&w=550&h=550">
      <p>test</p>
    </div>
  <% end %>
</div>