Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container-fluid">
<div class="row equal">
<!--begin panel 1 -->
<div class="col-xs-4">
<div class="panel panel-primary panel-small">
<div class="panel-heading">
<h1 class="panel-title">Web y Metrícas</h1>
</div>
<!-- end panel-heading -->
<div class="panel-body">
<p>
<img src="//placehold.it/120" class="img-responsive center-block">
</p>
<p class="text-left lead2">Apoyamos estratégicamente la presencia de tu empresa en el mundo digital, a través de la construcción de recursos web atractivos para tus clientes.</p>
<ul class="text-left">
<li>Data Mining</li>
</ul> <a class="btn btn-primary" href="#">Ver más »</a>
</div>
<!-- end panel-body -->
</div>
<!-- end panel-primary -->
</div>
<!--end col-xs-4 -->
<!-- begin panel 2 -->
<div class="col-xs-4">
<div class="panel panel-primary">
<div class="panel-heading">
<h1 class="panel-title">Gestíon de Redes Socials</h1>
</div>
<!-- end panel-heading -->
<div class="panel-body">
<p>
<img src="//placehold.it/120x150" class="img-responsive center-block">
</p>
<a class="btn btn-primary" href="#">Ver más »</a>
</div>
<!-- end panel-body -->
</div>
<!-- end panel-primary -->
</div>
<!-- end col-xs-4 -->
<!--begin panel 3 -->
<div...
CSS
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 10px;
}
.equal {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.panel {
height: 100%;
}
.panel-small {
height: 50%;
overflow: hidden;
}
JavaScript
/* Latest compiled and minified JavaScript included as External Resource */