xxxxxxxxxx1
<div class="container mt-5">2
3
4
<!--Section: Content-->5
<section class="dark-grey-text mb-5">6
7
<style>8
.map-container-section {9
overflow:hidden;10
padding-bottom:56.25%;11
position:relative;12
height:0;13
}14
.map-container-section iframe {15
left:0;16
top:0;17
height:100%;18
width:100%;19
position:absolute;20
}21
</style>22
23
<!-- Section heading -->24
<h3 class="font-weight-bold text-center mb-4">Contact Us</h3>25
<!-- Section description -->26
<p class="text-center w-responsive mx-auto pb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit.27
Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam28
eum porro a pariatur veniam.</p>29
30
<!-- Grid row -->31
<div class="row">32
33
<!-- Grid column -->34
<div class="col-lg-5 mb-lg-0 pb-lg-3 mb-4">35
36
<!-- Form with header -->37
<div class="card">38
<div class="card-body">39
<!-- Header -->40
<div class="form-header blue accent-1">41
<h3 class="mt-2"><i class="fas fa-envelope"></i> Write to us:</h3>42
</div>43
<p class="dark-grey-text">We'll write rarely, but only the best content.</p>44
<!-- Body -->45
<div class="md-form">46
<i class="fas fa-user prefix grey-text"></i>47
<input type="text" id="form-name" class="form-control">48
<label for="form-name">Your name</label>49
</div>50
<div class="md-form">51
<i class="fas fa-envelope prefix grey-text"></i>52
<input type="text" id="form-email" class="form-control">53
<label for="form-email">Your email</label>54
</div>55
<div class="md-form">56
<i class="fas fa-tag prefix grey-text"></i>57
<input type="text" id="form-Subject" class="form-control">58
<label for="form-Subject">Subject</label>59
</div>60
<div class="md-form">61
<i class="fas fa-pencil-alt prefix grey-text"></i>62
<textarea id="form-text" class="form-control md-textarea" rows="3"></textarea>63
<label for="form-text">Send message</label>64
</div>65
<div class="text-center">66
<button class="btn btn-light-blue">Submit</button>67
</div>68
</div>69
</div>70
<!-- Form with header -->71
72
</div>73
<!-- Grid column -->74
75
<!-- Grid column -->76
<div class="col-lg-7">77
78
<!--Google map-->79
<div id="map-container-section" class="z-depth-1-half map-container-section mb-4" style="height: 400px">80
<iframe src="https://maps.google.com/maps?q=Manhatan&t=&z=15&ie=UTF8&iwloc=&output=embed" frameborder="0"81
style="border:0" allowfullscreen></iframe>82
</div>83
<!-- Buttons-->84
<div class="row text-center">85
<div class="col-md-4">86
<a class="btn-floating blue accent-1">87
<i class="fas fa-map-marker-alt"></i>88
</a>89
<p>New York, 94126</p>90
<p class="mb-md-0">United States</p>91
</div>92
<div class="col-md-4">93
<a class="btn-floating blue accent-1">94
<i class="fas fa-phone"></i>95
</a>96
<p>+ 01 234 567 89</p>97
<p class="mb-md-0">Mon - Fri, 8:00-22:00</p>98
</div>99
<div class="col-md-4">100
<a class="btn-floating blue accent-1">101
<i class="fas fa-envelope"></i>102
</a>103
<p>info@gmail.com</p>104
<p class="mb-0">sale@gmail.com</p>105
</div>106
</div>107
108
</div>109
<!-- Grid column -->110
111
</div>112
<!-- Grid row -->113
114
</section>115
<!--Section: Content-->116
117
118
</div>1
1
1
1
Console errors: 0