Bootstrap Snippet services-box using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.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;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"services-box"
Bootstrap 3.3.0 Snippet by jaikesh yadav

Related: See More

Questions / Comments:

"services-box" Bootstrap 3.3.0 Snippet by jaikesh yadav

Related: See More

Questions / Comments:

"services-box"
Bootstrap 3.3.0 Snippet by jaikesh yadav