"boxes"
Bootstrap 3.0.0 Snippet by Basmah-am

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="page-content-inner"> <div class="container establishment-container"> <h2>BOXES</h2> <div class="col-sm-4"> <div class="establishment-box"> <h5>NAME</h5> <button class="btn btn-primary btn-sm">button</button> </div> </div> <div class="col-sm-4"> <div class="establishment-box"> <h5>NAME</h5> <button class="btn btn-primary btn-sm">button</button> </div> </div> <div class="col-sm-4"> <div class="establishment-box"> <h5>NAME</h5> <button class="btn btn-primary btn-sm">button</button> </div> </div> </div> </div>
.establishment-container{ background-color: white; text-align: center; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; padding: 30px 20px; margin-bottom: 50px; } .establishment-box { background: #f5f6f7; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; margin-top: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; overflow:hidden; }

Related: See More


Questions / Comments: