HTML
xxxxxxxxxx
1
<div class="container z-depth-1 my-5 px-0">
2
3
<!--Section: Content-->
4
<section class="my-md-5"
5
style="background-image: url('https://mdbootstrap.com/img/Photos/Horizontal/People/12-col/img%20(97).jpg'); background-size: cover; background-position: center center;">
6
7
<div class="rgba-black-strong rounded p-5">
8
9
<!-- Section heading -->
10
<h3 class="text-center font-weight-bold text-white mt-3 mb-5">Contact Us</h3>
11
12
<form class="mx-md-5" action="">
13
14
<div class="row">
15
<div class="col-md-6 mb-4">
16
17
<div class="card">
18
<div class="card-body px-4">
19
20
<!-- Name -->
21
<div class="md-form md-outline mt-0">
22
<input type="text" id="name" class="form-control">
23
<label for="name">Your Name</label>
24
</div>
25
<!-- Email -->
26
<div class="md-form md-outline">
27
<input type="text" id="email" class="form-control">
28
<label for="email">Your Email Address</label>
29
</div>
30
<!-- Message -->
31
<div class="md-form md-outline">
32
<textarea id="message" class="md-textarea form-control" rows="3"></textarea>
33
<label for="message">Your Message</label>
34
</div>
35
36
<button type="submit" class="btn btn-primary btn-md btn-block ml-0 mb-0">Submit inquiry</button>
37
38
</div>
39
</div>
40
41
</div>
42
<div class="col-md-5 offset-md-1 mt-md-4 mb-4 white-text">
43
44
<h5 class="font-weight-bold">Address</h5>
45
<p class="mb-0">1632 Main Street</p>
46
<p class="mb-0">New York, 94126</p>
47
<p class="mb-4 pb-2">United States</p>
48
49
<h5 class="font-weight-bold">Phone</h5>
50
<p class="mb-4 pb-2">+ 01 234 567 89</p>
51
52
<h5 class="font-weight-bold">Email</h5>
53
<p>info@gmail.com</p>
54
55
</div>
56
</div>
57
58
</form>
59
60
</div>
61
62
</section>
63
<!--Section: Content-->
64
65
66
</div>
CSS
1
1
JS
1
1
Console errors: 0