"abouts page full responsive page"
Bootstrap 3.1.0 Snippet by dg393024

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="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--===========================================-->
<section class="section-75 section-bottom-60 section-md-100 bg-default bg-image" style="background-image: url(http://hmbarman.com/wp-content/uploads/2016/05/slider-03.jpg);">
<div class="container">
<div class="row row-40 no-gutters justify-content-center justify-content-md-end align-items-center">
<div class="col-sm-10 col-md-7 col-lg-6 col-xl-5" style="max-width:430px;">
<div class="box bg-cello section-relative">
<h3 class="text-white abouts_h">About Us</h3>
<p class="text-white abouts_p">We are dedicated to providing professional service with the highest degree of honesty and integrity, and strive to add value to our tax and consulting services.</p>
<ul class="list-marked">
<li class="text-white">Highly Competent Professionals</li>
<li class="text-white">Affordable Prices</li>
<li class="text-white">High Successful Recovery</li>
</ul>
<div class="button-block"><a class="btn btn-icon btn-icon-right btn-white-outline" href="appointment.html"><span class="icon icon-xs-smaller fa-angle-right text-primary"></span>make An Appointment</a></div>
</div>
</div>
<div class="col-sm-10 col-md-4 col-lg-3 col-xl-2 box-list-xs" style="margin-top: 25px;">
<div class="counter-boxed box-xs bg-cello text-center">
<div class="counter animated">23</div>
<div class="offset-top-5">
<p class="text-bismark text-sbold">Consultants</p>
</div>
</div>
<div class="counter-boxed box-xs bg-cello text-center">
<div class="counter animated">546</div>
<div class="offset-top-5">
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
.section-bottom-60 {
padding-bottom: 60px;
}
.section-75 {
padding-top: 75px;
padding-bottom: 75px;
}
.bg-image {
-webkit-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.row-40 {
margin-bottom: -40px;
}
.align-items-center {
align-items: center !important;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.row-40 > * {
margin-bottom: 40px;
}
.box {
box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.3);
padding: 50px 30px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: