"Call to Action "
Bootstrap 3.3.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="//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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="padding20 bgcolor-red">
<div class="container">
<div class="col-md-9">
<h2>Establish yourself all over the world</h2>
</div>
<div class="col-md-3 pull-right">
<br>
<button type="button" class="btn-lg btn-block color-blue radius20 ">Button 1</button>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="padding20 bgcolor-skyblue">
<div class="container">
<div class="col-xs-7 col-sm-9 col-md-9">
<h3>Economic</h3>
<p>Nulla facilisi. Duis pharetra aliquam justo, non tincidunt mi. Nunc consectetur rutrum
laoreet.</p>
</div>
<div class="col-xs-5 col-sm-3 col-md-3">
<br> <br>
<button type="button" class="btn btn-block btn-default">SUBMIT NOW</button>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="padding20 bgcolor-orange">
<div class="container">
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
.bgimage4 {
background: url(https://images.pexels.com/photos/162616/coffee-work-desk-mug-keyboard-162616.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 200px;
padding: 50px 0 50px;
}
.bgimage3 {
background: url(https://images.pexels.com/photos/248824/pexels-photo-248824.jpeg?w=940&h=650&auto=compress&cs=tinysrgb)no-repeat center;
background-size: cover;
min-height: 200px;
}
.padding80 {
padding: 80px 0;
}
.text-color-light {
color: #fff;
}
.half-right {
background: url(https://images.pexels.com/photos/79290/black-and-white-code-programming-tech-79290.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
min-height: 500px;
text-align: center;
padding: 8em 0 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: