Bootstrap Crowdfunding Grid


	<div class="container">
    <div class="row">
      <ul class="thumbnails list-unstyled">
        <li class="col-md-3">
          <div class="thumbnail" style="padding: 0">
            <div style="padding:4px">
              <img alt="300x200" style="width: 100%" src="http://placehold.it/200x150">
            </div>
            <div class="caption">
              <h2>Project A</h2>
              <p>My project description</p>
              <p><i class="icon icon-map-marker"></i> Place, Country</p>
            </div>
            <div class="modal-footer" style="text-align: left">
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                    <span class="sr-only">60% Complete</span>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4"><b>60%</b><br><small>FUNDED</small></div>
                <div class="col-md-4"><b>$400</b><br><small>PLEDGED</small></div>
                <div class="col-md-4"><b>18</b><br><small>DAYS</small></div>
              </div>
            </div>
          </div>
        </li>
        <li class="col-md-3">
          <div class="thumbnail" style="padding: 0">
            <div style="padding:4px">
              <img alt="300x200" style="width: 100%" src="http://placehold.it/200x150">
            </div>
            <div class="caption">
              <h2>Project B</h2>
              <p>My project description</p>
              <p><i class="icon icon-map-marker"></i> Place, Country</p>
            </div>
            <div class="modal-footer" style="text-align: left">
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                    <span class="sr-only">60% Complete</span>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4"><b>250%</b><br><small>FUNDED</small></div>
                <div class="col-md-4"><b>$50000</b><br><small>PLEDGED</small></div>
                <div class="col-md-4"><b>FUNDED</b><br><small>AUG 5</small></div>
              </div>
            </div>
          </div>
        </li>
        <li class="col-md-3">
        <div class="thumbnail" style="padding: 0">
          <div style="padding:4px">
            <img alt="300x200" style="width: 100%" src="http://placehold.it/200x150">
          </div>
          <div class="caption">
            <h2>Project C</h2>
            <p>My project description</p>
            <p><i class="icon icon-map-marker"></i> Place, Country</p>
          </div>
          <div class="modal-footer" style="text-align: left">
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
                    <span class="sr-only">60% Complete</span>
                </div>
              </div>
            <div class="row">
              <div class="col-md-4"><b>30%</b><br><small>FUNDED</small></div>
              <div class="col-md-4"><b>$1000</b><br><small>PLEDGED</small></div>
              <div class="col-md-4"><b>NOT FUNDED</b><br><small></small></div>
            </div>
          </div>
        </div>
      </li>
      </ul>
    </div>
</div>
	<script type="text/javascript">
	
	</script>