"banner "
Bootstrap 4.1.1 Snippet by prageen

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/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ---------->
<section class="section"><div class="container-fluid">
<div class="row row-eq-height no-gutter">
<div class="col-sm-6">
<div class="about full">
<div class="about-image clearfix" style="background-image:url(images/about/01.jpg)"></div>
<div class="about-details">
<h4 class="title">Who we are</h4>
<div class="about-des">Incididunt ut labore et dolore lorem ipsum dolor sit amet, sed do eiusmod tempor magna aliqua. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<a class="button link" href="#"><span>Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></span></a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="about full">
<div class="about-image clearfix" style="background-image:url(images/about/02.jpg)"></div>
<div class="about-details">
<h4 class="title">What we do</h4>
<div class="about-des">Eiusmod tempor incididunt lorem ipsum dolor sit amet, sed do ut labore et dolore magna aliqua. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<a class="button link" href="#"><span>Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></span></a>
</div>
</div>
</div>
</div>
<div class="row row-eq-height no-gutter">
<div class="col-sm-6">
<div class="about about-right full">
<div class="about-image clearfix" style="background-image:url(images/about/03.jpg)"></div>
<div class="about-details">
<h4 class="title">Why choose us</h4>
<div class="about-des"> Magna aliqua. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore.</div>
<a class="button link" href="#"><span>Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></span></a>
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
.page-section-ptb{padding:80px 0;} .page-section-pt{padding: 80px 0 0;} .page-section-pb{padding: 0 0 80px;}
.page-section-ptb2{padding:20px 0;} .page-section-pt2{padding:20px 0 0;} .page-section-pb2{padding:0 0 20px;}
.page-section-ptb3{padding:30px 0;} .page-section-pt3{padding:30px 0 0;} .page-section-pb3{padding:0 0 30px;}
.page-section-ptb4{padding:40px 0;} .page-section-pt4{padding:40px 0 0;} .page-section-pb4{padding:0 0 40px;}
.page-section-ptb5{padding:50px 0;} .page-section-pt5{padding:50px 0 0;} .page-section-pb5{padding:0 0 50px;}
.page-section-ptb6{padding:60px 0;} .page-section-pt6{padding:60px 0 0;} .page-section-pb6{padding:0 0 60px;}
.page-section-ptb7{padding:70px 0;} .page-section-pt7{padding:70px 0 0;} .page-section-pb7{padding:0 0 70px;}
.page-section-ptb9{padding:90px 0;} .page-section-pt9{padding:90px 0 0;} .page-section-pb9{padding:0 0 90px;}
.page-section-ptb100{padding:100px 0;} .page-section-pt9{padding:100px 0 0;} .page-section-pb9{padding:0 0 100px;}
.page-section-ptb125{padding:125px 0;} .page-section-pt9{padding:125px 0 0;} .page-section-pb9{padding:0 0 125px;}
.page-section-ptb150{padding:150px 0;} .page-section-pt9{padding:150px 0 0;} .page-section-pb9{padding:0 0 150px;}
.mall-20{margin:20px !important;}
.mall-40{margin:40px !important;}
.mall-50{margin:50px !important;}
.mall-60{margin:60px !important;}
.mall-80{margin:80px !important;}
.mall-10{margin:100px !important;}
.mt-0 { margin-top: 0px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Dashboard PRO React

Questions / Comments: