"About Us - Simple & Acordion"
Bootstrap 3.3.0 Snippet by maykolrg

Post to Facebook Tweet this

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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<section class="wrapper services" id="services">
<div class="container">
<div class="gap"></div>
<div class="row">
<div class="col-md-12">
<div class="center gap fade-down section-heading text-center">
<h2 class="main-title">About Us</h2>
<hr>
</div>
</div>
</div>
<div class="row dsk">
<div class="col-lg-6">
<p class="">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus porta justo at ornare porta. Aliquam facilisis
sollicitudin tortor quis placerat. Duis tempus lectus non mi
sodales rhoncus. In sed orci vestibulum, egestas urna iaculis
, suscipit erat.</p><p> Praesent tempus volutpat ligula, ut mollis quam
finibus nec. Morbi pretium nec neque non porttitor. Morbi
ultrices enim vel purus feugiat, sed rutrum metus efficitur.
Fusce at tristique lorem, eget malesuada nisi. Vestibulum semper
lorem vitae nulla elementum aliquet.
</p>
</div>
<div class="col-lg-6">
<img src="http://two4seven.com/wp-content/uploads/2016/05/creative_team.png">
</div>
</div><!--/.row-->
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
.about .blog-posts .featured {
width: 100% !important;
height: 250px !important;
margin: 0.5em 0 1em 0 !important;
}
.container .blog-posts .featured .image {
height: 250px !important;
}
.container .blog-posts .featured .content {
height: 250px !important;
}
.container .blog-posts .row {
display: flex;
}
.container .blog-posts .post {
flex: 1;
overflow: hidden;
background: white;
height: 200px;
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
margin-right: 1em;
margin-bottom: 1em;
}
.container .blog-posts .post:hover {
-moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
}
.container .blog-posts .post:hover .image {
opacity: 0.8;
}
.container .blog-posts .post .image, .container .blog-posts .post .content {
display: inline-block;
position: relative;
-moz-transition: all 500ms ease;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Full Calendar
Simple Vertical timeline
Simple white navbar
BS4 clean & simple invoice template

Questions / Comments: