"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 ---------->
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<div class="aboutus-section">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="aboutus">
<h2 class="aboutus-title">About Us</h2>
<p class="aboutus-text">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.</p>
<p class="aboutus-text">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem</p>
<a class="aboutus-more" href="#">read more</a>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="aboutus-banner">
<img src="http://themeinnovation.com/demo2/html/build-up/img/home1/about1.jpg" alt="">
</div>
</div>
<div class="col-md-5 col-sm-6 col-xs-12">
<div class="feature">
<div class="feature-box">
<div class="clearfix">
<div class="iconset">
<span class="glyphicon glyphicon-cog icon"></span>
</div>
<div class="feature-content">
<h4>Work with heart</h4>
<p>Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.</p>
</div>
</div>
</div>
<div class="feature-box">
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
body {
font-family: 'Roboto';font-size: 16px;
}
.aboutus-section {
padding: 90px 0;
}
.aboutus-title {
font-size: 30px;
letter-spacing: 0;
line-height: 32px;
margin: 0 0 39px;
padding: 0 0 11px;
position: relative;
text-transform: uppercase;
color: #000;
}
.aboutus-title::after {
background: #fdb801 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 54px;
}
.aboutus-text {
color: #606060;
font-size: 13px;
line-height: 22px;
margin: 0 0 35px;
}
a:hover, a:active {
color: #ffb901;
text-decoration: none;
outline: 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: