"contact us page "
Bootstrap 4.1.1 Snippet by csshint

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 ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="thm-container">
<div class="row">
<div class="col-md-8">
<div class="contact-form-content">
<div class="title">
<span>Contact with us</span>
<h2>Send Message</h2>
</div><!-- /.title -->
<form action="inc/sendemail.php" class="contact-form" novalidate="novalidate">
<input type="text" name="name" placeholder="Your full name">
<input type="text" name="email" placeholder="Your email address">
<textarea name="message" placeholder="What you are looking for?"></textarea>
<button type="submit" class="thm-btn yellow-bg">Submit Now</button>
<div class="form-result"></div><!-- /.form-result -->
</form>
</div><!-- /.contact-form-content -->
</div><!-- /.col-md-8 -->
<div class="col-md-4">
<div class="contact-info text-center">
<div class="title text-center">
<span>Contact info</span>
<h2>Details</h2>
</div><!-- /.title -->
<div class="single-contact-info">
<h4>Address</h4>
<p>88 New Street, Washington DC <br> United States, America</p>
</div><!-- /.single-contact-info -->
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
body {
font-family: 'Rubik', sans-serif;
color: #757575;
font-size: 18px;
line-height: 32px;
}
.thm-container {
width: 100%;
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
display: block;
}
.contact-form-content {
background: #F5F6FA;
padding: 80px 0;
padding-left: 80px;
padding-right: 80px;
}
.thm-container .title {
margin-bottom: 50px;
}
.thm-container .title span {
font-family: 'Rubik', sans-serif;
font-size: 20px;
color: #FF4328;
}
.thm-container .title h2 {
color: #212121;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: