team

team.html

ul.team-list li.team-member img.member-image
      {
        height: 200px;
      }

      ul.team-list li.team-member
      {
        width: 285px;
      }
      
    </style>

    <div class="container">
      <div class="main-content">
        <div class="thumbnail basic-information">
          <h3>Equipo</h3>
          <ul class="thumbnails team-list">
            <!-- Dayana -->
            <li class="span3 team-member">
              <div class="thumbnail">
                <img class="member-image" src="http://dev.bumbea.com/site/img/resources/Dayu.jpg" alt="Dayana Jabif">
                <div class="caption">
                  <h4>Dayana Jabif</h4>
                  <p>Live simply, dream big, be grateful, give love, laugh lots</p>
                  <p><a href="http://bit.ly/DayanaJabif" target="_blank" class="btn-block zocial linkedin">Dayana Jabif</a></p>
                </div>
              </div>
            </li>
            <!-- Bruno -->
            <li class="span3 team-member">
              <div class="thumbnail">
                <img class="member-image" src="http://dev.bumbea.com/site/img/resources/Bruno.png" alt="Bruno Hartmann">
                <div class="caption">
                  <h4>Bruno Hartmann</h4>
                  <p>Campeón mundial de Fifa 98 con la selección de Croacia, miembro de SCB y fiel seguidor de L'Autentika (la que te arranca la cabeza)</p>
                  <p><a href="http://bit.ly/BrunoHartmann" target="_blank" class="btn-block zocial linkedin">Bruno Hartmann</a></p>
                </div>
              </div>
            </li>
            <!-- Diego -->
            <li class="span3 team-member">
              <div class="thumbnail">
                <img class="member-image" src="http://placehold.it/151x200" alt="Diego Acosta">
                <div class="caption">
                  <h4>Diego Acosta</h4>
                  <p>The real trouble with reality is that there's no background music.</p>
                  <p><a href="http://bit.ly/DiegoAcosta" target="_blank" class="btn-block zocial linkedin">Diego Acosta</a></p>
                </div>
              </div>
            </li>
            <!-- Camilo -->
            <li class="span3 team-member">
              <div class="thumbnail">
                <img class="member-image" src="http://placehold.it/151x200" alt="Camilo García">
                <div class="caption">
                  <h4>Camilo García</h4>
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                  <p><a href="http://bit.ly/CamiloGarcia" target="_blank" class="btn-block zocial linkedin">Camilo García</a></p>
                </div>
              </div>
            </li>
            <!-- Agustin -->
            <li class="span3 team-member">
              <div class="thumbnail">
                <img class="member-image" src="http://dev.bumbea.com/site/img/resources/Agustin.jpg" alt="Agustín Haller">
                <div class="caption">
                  <h4>Agustín Haller</h4>
                  <p>Web Developer and Entrepreneur, love tennis and classic cars.</p>
                  <p><a href="http://bit.ly/AgustinHaller" target="_blank" class="btn-block zocial linkedin">Agustín Haller</a></p>
                </div>
              </div>
            </li>
          </ul>
        </div>