gistfile1.erb

<style>
	.blog-post-one,
	.blog-post-two {
		height: 206px;
		overflow: hidden !important;
		margin: 0px 10px 10px 10px;
		border: #eee 1px solid;
	}
	.blog-post-one { background: #fff url(<%=image_path('blog-placeholder.jpg') %>) center no-repeat }
	.blog-post-two { background: #fff url(<%=image_path('blog-placeholder.jpg') %>) center no-repeat }
	.blog-post-one h4,
	.blog-post-two h4 { background: rgba(255,95,0,0.8) }
	.blog-post-one span,
	.blog-post-two span {
		color: #ff5c00;
		white-space: nowrap;
	}

	.blog-description {
		height: 236px;
		background-color: #ff5c00;
		position: relative;
		border: #eee 1px solid;
	}
	h5.description {
		padding: 0px 10px 0px 10px;
		color: #fff;
	}
	.blog-feed {
		background: url(http://zurb.com/expo/assets/blog-feed-line-3f672dbda86c2aa3f6ce4830b1f22def.png) 0px 16px no-repeat;
	}
</style>

<div class="row">
<div class="large-12 columns">

<!-- Navigation -->

<div class="row" >
  <div class="large-12 columns">

    <nav class="top-bar">
      <ul class="title-area">
        <!-- Title Area -->
        <li class="name">
          <h1>
            <a href="#">
              Top Bar Title
            </a>
          </h1>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
      </ul>

      <section class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
          <li class="divider"></li>
          <li class="has-dropdown">
            <a href="#">Main Item 1</a>
            <ul class="dropdown">
              <li><label>Section Name</label></li>
              <li class="has-dropdown">
                <a href="#" class="">Has Dropdown, Level 1</a>
                <ul class="dropdown">
                  <li><a href="#">Dropdown Options</a></li>
                  <li><a href="#">Dropdown Options</a></li>
                  <li><a href="#">Level 2</a></li>
                  <li><a href="#">Subdropdown Option</a></li>
                  <li><a href="#">Subdropdown Option</a></li>
                  <li><a href="#">Subdropdown Option</a></li>
                </ul>
              </li>
              <li><a href="#">Dropdown Option</a></li>
              <li><a href="#">Dropdown Option</a></li>
              <li class="divider"></li>
              <li><label>Section Name</label></li>
              <li><a href="#">Dropdown Option</a></li>
              <li><a href="#">Dropdown Option</a></li>
              <li><a href="#">Dropdown Option</a></li>
              <li class="divider"></li>
              <li><a href="#">See all &rarr;</a></li>
            </ul>
          </li>
          <li class="divider"></li>
          <li><a href="#">Main Item 2</a></li>
          <li class="divider"></li>
          <li class="has-dropdown">
            <a href="#">Main Item 3</a>
            <ul class="dropdown">
              <li><a href="#">Dropdown Option</a></li>
              <li><a href="#">Dropdown Option</a></li>
              <li><a href="#">Dropdown Option</a></li>
              <li class="divider"></li>
              <li><a href="#">See all &rarr;</a></li>
            </ul>
          </li>
        </ul>
      </section>
    </nav>
    <!-- End Top Bar -->
  </div>
</div>

<!-- End Navigation -->

<div class="row">
  <div class="large-12 columns">
    <h1 class="docs header">
      Афигенный слоган
    </h1>
    <%= link_to 'New Project', new_project_path %>
    <hr>
  </div>
  <!-- Side Bar -->

  <div class="large-4 small-12 columns blog-feed">
    <div class="hide-for-small  blog-description">
      <h5 class="description">Header</h5>
      <h5 class="description">Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis.
      </h5>
    </div>
  </div>
  <!-- End Side Bar -->
  <!-- Thumbnails -->
  <div class="large-8 columns blog-feed">

    <ul class="your-class-name blog-feed">

    <% @projects.each do |project| %>
    <li style="margin-top: 1%" class="blog-feed">

        <%=link_to image_tag(project.image_url.to_s ,:class => "th radius"), project_path(project) %>

        <div class="panel">
          <h5 class="subheader"><%= project.title %></h5>
        </div>

	</li>
	 <% end %>

    </ul>

    <!-- End Thumbnails -->


    <!-- Managed By -->
    <!--<div class="row">
      <div class="large-12 columns">
        <div class="panel">
          <div class="row">

            <div class="large-2 small-6 columns">
              <img src="http://placehold.it/300x300&text=Site Owner">
            </div>

            <div class="large-10 small-6 columns">
              <strong>This Site Is Managed By<hr/></strong>

              Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis
            </div>

          </div>
        </div>
      </div>

      &lt;!&ndash; End Managed By &ndash;&gt;

    </div>-->
  </div>
</div>


<!-- Footer -->

<footer class="row">
  <div class="large-12 columns"><hr />
    <div class="row">

      <div class="large-6 columns">
        <p>&copy; Copyright no one at all. Go to town.</p>
      </div>

      <div class="large-6 columns">
        <%= link_to 'New Project', new_project_path %>
      </div>

    </div>
  </div>
</footer>

<!-- End Footer -->

</div>
</div>