Bootstrap Snippet Call to Action using HTML CSS Bootstrap

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

"Call to Action "
Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"Call to Action " Bootstrap 3.3.0 Snippet by jeevan123456

Related: See More

Questions / Comments:

"Call to Action "
Bootstrap 3.3.0 Snippet by jeevan123456