"Contact Form . Stylish contact page"
Bootstrap 3.3.0 Snippet by Divscodebd

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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div style="margin-left:20%">
<iframe width="560" height="315" src="https://www.youtube.com/embed/R0g_9g9vb2A?controls=0" frameborder="0" allowfullscreen></iframe>
</div>
<section id="contact" style="">
<div class="container">
<div class="row">
<div class="about_our_company" style="margin-bottom: 20px;">
<h1 style="color:#fff;">Write Your Message</h1>
<div class="titleline-icon"></div>
<p style="color:#fff;">Lorem Ipsum is simply dummy text of the printing and typesetting </p>
</div>
</div>
<div class="row">
<div class="col-md-8">
<form name="sentMessage" id="contactForm" novalidate="">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name *" id="name" required="" data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required="" data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required="" data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
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
section#contact {
background-color: #222222;
background-image: url('http://artdnaswitchbd.com/componants/images/map-image.png');
background-position: center;
background-repeat: no-repeat;
}
section {
padding: 30px 0PX;
}
section#contact .section-heading {
color: white;
}
section#contact .form-group {
margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
padding: 20px;
}
section#contact .form-group input.form-control {
height: auto;
}
section#contact .form-group textarea.form-control {
height: 236px;
}
section#contact .form-control:focus {
border-color: #fed136;
box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #eeeeee;
}
.gellary_bg_none img{
width: 100%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Material Dashboard PRO
Contact Form
Bootstrap Contact Form
Bootstrap Contact Form

Questions / Comments:

how do i get it to send the message to a specific address

ikey isaac Carlson () - 8 years ago - Reply 0