<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="padding5em green "> <div class="container"> <div class="text-heading"> <h3>Our Forest</h3> <p>Preservance is the Key. Nunc vitae tempor dolor, sed euismod mauris. </p> <div class="text-heading-line"> </div> </div> <div class="col-md-12 margintop5em"> <div class="col-md-4 "> <div class="box1"> <div class="box1-img"> <a href="single.html"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8AsYd7yeCGJRKrFZZ3h3XNPqWfhJdjMa_qrX-OnFfMCUNXmG_qQ" alt=""></a> </div> <div class="box1 a"> <a href="single.html">Forest Preservation Scheme</a> <p>Nunc vitae tempor dolor, sed euismod mauris. Vivamus ornare convallis tincidunt. Morbi orci leo, vulputate et aliquam nec, pulvinar sed nibh.</p> </div> </div> </div> <div class="col-md-4 "> <div class="box1"> <div class="box1-img"> <a href="single.html"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8AsYd7yeCGJRKrFZZ3h3XNPqWfhJdjMa_qrX-OnFfMCUNXmG_qQ" alt=""></a> </div> <div class="box1 a"> <a href="single.html">Forest Preservation Scheme</a> <p>Nunc vitae tempor dolor, sed euismod mauris. Vivamus ornare convallis tincidunt. Morbi orci leo, vulputate et aliquam nec, pulvinar sed nibh.</p> </div> </div> </div> <div class="col-md-4 "> <div class="box1"> <div class="box1-img"> <a href="single.html"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8AsYd7yeCGJRKrFZZ3h3XNPqWfhJdjMa_qrX-OnFfMCUNXmG_qQ" alt=""></a> </div> <div class="box1 a"> <a href="single.html">Forest Preservation Scheme</a> <p>Nunc vitae tempor dolor, sed euismod mauris. Vivamus ornare convallis tincidunt. Morbi orci leo, vulputate et aliquam nec, pulvinar sed nibh.</p> </div> </div> </div> <div class="clearfix"> </div> </div> </div> </div>

.padding5em { padding: 5em 0em; } .green { background : #e6ede8; } .text-heading { text-align: center; padding-bottom: 1em; } .text-heading h3 { font-size: 2.5em; color: #aebe27; font-family: 'helvetica', cursive; text-transform: uppercase; letter-spacing: 4px; margin: 0; } .text-heading-line { position: relative; content: ""; height: 1px; background: #cecece; width: 14%; margin: 0 auto; top: 11px; } .text-heading-line:before { content: ""; height: 3px; background: #aebe27; position: absolute; width: 25%; top: -1px; left: 61px; } .margintop5em { margin: 5em 0 0 0; } .box1 a { color: #000000; font-size: 1.5em; margin: 0; text-decoration: none; } p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .box1 a img{ width:100%; margin-bottom:1em; }