"services-box"
Bootstrap 3.3.0 Snippet by Darkrune

<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 ----------> <div class="srvices_main1"> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="service_first"> <!--<img src="images/canon.png" alt=""/>--> <h1 class="heading">Hp printer Support</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only. </p> <div class="service_button"><a href="hp-printer-support.php">More</a></div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="service_first"> <!--<img src="images/canon.png" alt=""/>--> <h1 class="heading">Dell Printer Support</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only </p> <div class="service_button"><a href="dell-printer-support.php">More</a></div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="service_first"> <!--<img src="images/canon.png" alt=""/>--> <h1 class="heading">Epson Printer Support</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only </p> <div class="service_button"><a href="epson-printer-support.php">More</a></div> </div> </div> </div>
.srvices_main1 { overflow: hidden; padding: 30px 0 0; width: 100%; } .service_first { background: #f2efef none repeat scroll 0 0; border: 1px dotted #c0c0c0; border-radius: 0; padding: 20px 10px; width: 100%; } .service_first h1 { color: #000; font-family: roboto; font-size: 20px; font-weight: 400; margin-top: 0; padding: 5px 0 15px; text-align: center; text-transform: uppercase; } .heading { border-bottom: 1px solid #fcab0e; padding-bottom: 9px; position: relative; } .service_first p { font-family: roboto; font-size: 14px; font-weight: 400; margin: 0; padding: 0 15px 15px; text-align: center; } .service_button { padding: 10px 0; width: 100%; } .service_button a { background-color: rgb(255, 102, 0); background-image: linear-gradient(to bottom, rgb(240, 146, 4), rgb(230, 92, 0)); border: 1px solid; border-radius: 0; color: #fff; font-family: roboto; font-size: 16px; margin: 0 135px; padding: 5px 25px; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .service_button a:hover { background: #000000 none repeat scroll 0 0; } .service_first:hover { background: #fff none repeat scroll 0 0; border: 1px dashed #aaa; cursor: auto; display: block; }

Related: See More


Questions / Comments: