index.html.erb

<h1>Coleções de Recursos</h1>

<% if @collections.count == 0 %>
    <div class="row no-collections">
      <p>Nenhuma coleção foi criada, seja o primeiro!</p>
    </div>
<% else %>

    <div class="row recommend-collections">
      <h2>Recomendamos para você</h2>

      <!-- item -->
      <div class="col-sm-4">
        <div class="row">
          <h4><b>Compreensão oral</b></h4>

          <div class="object-vertical">
            <div class="panel">
              <div>
                <img src="http://dummyimage.com/250x150/363336/fff" alt="dummy image" class="img-responsive">
              </div>
              <div class="panel-body">
                <h4 class="media-heading">Los derechos del animal (1)</h4>
                <span class="glyphicon glyphicon-eye-open">200&nbsp;</span>
                <span class="glyphicon glyphicon-star">4,5&nbsp;</span>
                <span>Por <a>Usuário&nbsp;</a></span>
              </div>
            </div>
          </div>
          <p>
            <a href="#">Ver Mais</a>
          </p>
        </div>
      </div>
      <!-- /item -->


      <div class="col-sm-4">
        <div class="row">
          <h4><b>Educação Básica</b></h4>

          <div class="object-vertical">
            <div class="panel">
              <div>
                <img src="http://dummyimage.com/250x150/363336/fff" alt="dummy image" class="img-responsive">
              </div>
              <div class="panel-body">
                <h4 class="media-heading">Los derechos del animal (1)</h4>
                <span class="glyphicon glyphicon-eye-open">200&nbsp;</span>
                <span class="glyphicon glyphicon-star">4,5&nbsp;</span>
                <span>Por <a>Usuário&nbsp;</a></span>
              </div>
            </div>
          </div>

          <p>
            <a href="#">Ver Mais</a>
          </p>
        </div>
      </div>


      <div class="col-sm-4">
        <div class="row">
          <h4><b>Ensino Médio</b></h4>

          <div class="object-vertical">
            <div class="panel">
              <div>
                <img src="http://dummyimage.com/250x150/363336/fff" alt="dummy image" class="img-responsive">