"Aboutus-Section"
Bootstrap 3.0.0 Snippet by jeevan123456

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.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="aboutus-area">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="aboutus-image float-left hidden-sm"><img src="https://devitems.com/preview/sopnovilla/sopnovilla/img/about/1.jpg" alt=""></div>
</div>
<div class="col-md-8 col-sm-6 col-xs-12">
<div class="aboutus-content ">
<h1>aboutus <span>Sopno</span></h1>
<h4>Property Details</h4>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has oots in a piece of classitin literature from 45 BC, making it over 2000 years old. Richard McClint professor at Hamden dney College irginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature.</p>
<div class="counter ">
<div class="single-counter text-center">
<h2 class="counter">1500</h2>
<p>Square Feet</p>
</div>
<div class="single-counter text-center">
<h2 class="counter">10</h2>
<p>Bedrooms</p>
</div>
<div class="single-counter text-center">
<h2 class="counter">5</h2>
<p>Bathrooms</p>
</div>
<div class="single-counter text-center">
<h2 class="counter">6</h2>
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
.aboutus-area {
padding-top:120px;
padding-bottom:120px;
}
/*-- aboutus Image --*/
.aboutus-image {
margin-right: 52px;
width: 318px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.aboutus-image {
margin-right: 35px;
width: 345px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.aboutus-image {
margin-bottom: 30px;
float: none; } }
@media only screen and (max-width: 767px) {
.aboutus-image {
margin-bottom: 30px;
margin-right: 0;
float: none;
width: auto; } }
.aboutus-image img {
width: 100%; }
/*-- aboutus Content --*/
.aboutus-content h1 {
font-size: 40px;
font-weight: 800;
line-height: 40px;
margin-bottom: 2px; }
@media only screen and (max-width: 479px) {
.aboutus-content h1 {
font-size: 30px;
line-height: 30px; } }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments:

e

xhat007 (1) - 3 years ago - Reply 0