"Work Examples"
Bootstrap 3.3.0 Snippet by MikeClark

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <section class="portfolio"> <div class="container"> <div class="sectionTitle">Examples Of My Work</div> <div class="container" style="margin-top:10px;"> <div class="row form-group"> <div class="col-xs-12 col-md-4" style="hieght:300px;"> <a href="portfolioRelentless.php"> <div class="panel panel-default"> <div class="panel-image hide-panel-body"> <img src="http://mikeclark.mossycity.com/img/kellywebbutton.png" class="panel-image-preview" /> </div> <div class="panel-footer text-center"> <h4>RELENTLESS RECRUITING</h4> See More<span class="glyphicon glyphicon-share-alt"></span> </div> </div> </a> </div> <div class="col-xs-12 col-md-4"> <a href="portfolioMikesBikes.php"> <div class="panel panel-default"> <div class="panel-image hide-panel-body"> <img src="http://mikeclark.mossycity.com/img/mikesbikes.png" class="panel-image-preview" /> </div> <div class="panel-footer text-center"> <h4>MIKES USED BIKE'S</h4> See More<span class="glyphicon glyphicon-share-alt"></span> </div> </div> </a> </div> </div> </div> </div> </section>
/* Portfolio Grid */ .panel, .card { box-shadow: 0px 0px 4px #777777; } .panel-image img.panel-image-preview { width: 100%; border-radius: 4px 4px 0px 0px; } /* section classes */ .sectionTitle { padding: 0 0 0px 70px; margin: 50px 0; position: relative; } .sectionTitle:before { background-color: #33a4c9; border-radius: 25px; content: ' '; display: block; height: 50px; left: 0; position: absolute; top: 0px; width: 50px; } .sectionTitle-font, .sectionTitle { font-size: 2rem; } section { font-size: 1.8rem; }

Related: See More


Questions / Comments: