"contact us"
Bootstrap 3.0.0 Snippet by karimsharf12252

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="//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 ---------->
<header class="business-header bg-overlay CONTACT US ">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="detalis all holder image price">
<div class="detalis holder about image price">
<h2>CONTACT <span> US </span></h2>
</div>
<div class="detalis about image price">
<h2>LOREM IPSUM DOLOR</h2>
</div>
<div class="hr-title-holder about image price">
<div class="hr-title">
<hr>
</div>
</div>
</div>
<div class="contact holder ">
<p>Duis convallis vel urna et vestibulum. Suspendisse gravida lacinia tellus in rhoncus. Proin rutrum pulvinar nulla, ut sollicitudin lectus imperdiet vitae. Pellentesque portabi neque nisi.</p>
</div>
<div class="col-md-4 col-xs-12">
<div class="contact holder">
<input type="text" name="#" placeholder="NAME">
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="contact holder">
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
/*start contact us*/
.bg-overlay.CONTACT.US {
margin-top: 30px;
height: 550px;
background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),url('file:///C:/Users/NewVision/Desktop/new%20project/img/fitness9.jpg') center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.contact.holder input{
width: 100%;
padding: 0px;
padding-left: 9px;
font-size: 20px;
background: rgba(14, 13, 14, 0.58);
border: 1px solid #d4145a;
padding: 4px 14px 6px 15px;
height: 51px;
}
.contact.holder p {
margin-top: 51px;
margin-bottom: 45px;
color: white;
padding-right: 9%;
padding-left: 9%;
font-size: 20px;
}
.detalis.all.holder.image.price {
margin-top: 54px;
}
.detalis.holder.about.image.price h2 {
color: #3f3939;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Light Bootstrap Dashboard React
Contact Form
Bootstrap Contact Form
Bootstrap Contact Form

Questions / Comments: