"home page"
Bootstrap 3.3.0 Snippet by pindipoluravikumar

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="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3" style="margin-left:15%">
<div class="db-wrapper">
<div class="db-pricing-eleven db-bk-color-one">
<div class="price">
<p class="plan-name">Basic</p>
<span class="price-text">$</span>299
</div>
<div class="plan-div">
<p class="plan-text">
The watch will be analyzed and graded by one of our professional watchmakers. Due to demand,
completion of grading currently takes two to three weeks from receipt of the watch.
</p>
</div>
<div class="pricing-footer">
<a href="#" class="btn db-button-color-square btn-m round">Select Plan</a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="db-wrapper">
<div class="db-pricing-eleven db-bk-color-one">
<div class="price">
<p class="plan-name">Premium</p>
<span class="price-text">$</span>379
</div>
<div class="plan-div">
<p class="plan-text">
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
.db-bk-color-one {
background-color: #f8f8f8;
}
.plan-text{
font-family: calibri;
font-size: 13px;
text-align: left;
color:black;
font-size:13px;
}
.plan-div{
padding:2%;
height:130px;
}
.price-text{
font-size: 12px;
}
.plan-name{
font-size:14px;
margin-bottom:30px;
}
.db-padding-btm {
padding-bottom: 10px;
}
.db-button-color-square {
color: #fff;
background-color: rgba(0, 0, 0, 0.50);
border: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.db-button-color-square round:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.50);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: