xxxxxxxxxx1
<div class="container my-5 py-5 z-depth-1">2
3
4
<!--Section: Content-->5
<section class="px-md-5 mx-md-5 text-center dark-grey-text">6
7
<style>8
.map-container {9
height: 200px;10
position: relative;11
}12
13
.map-container iframe {14
left: 0;15
top: 0;16
height: 100%;17
width: 100%;18
position: absolute;19
}20
</style>21
22
<!--Google map-->23
<div id="map-container-google-1" class="z-depth-1 map-container mb-5">24
<iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0"25
style="border:0" allowfullscreen></iframe>26
</div>27
<!--Google Maps-->28
29
<!--Grid row-->30
<div class="row d-flex justify-content-center mb-5">31
32
<!--Grid column-->33
<div class="col-md-6 text-center">34
35
<h3 class="font-weight-bold">Contact Us</h3>36
37
<!-- Material outline input -->38
<div class="md-form md-outline mt-3">39
<input type="email" id="form-email" class="form-control">40
<label for="form-email">E-mail</label>41
</div>42
43
<!-- Material outline input -->44
<div class="md-form md-outline">45
<input type="text" id="form-subject" class="form-control">46
<label for="form-subject">Subject</label>47
</div>48
49
<!--Material textarea-->50
<div class="md-form md-outline mb-3">51
<textarea id="form-message" class="md-textarea form-control" rows="5"></textarea>52
<label for="form-message">How we can help?</label>53
</div>54
55
<button type="submit" class="btn btn-info btn-sm ml-0">Submit<i class="far fa-paper-plane ml-2"></i></button>56
57
</div>58
<!--Grid column-->59
60
</div>61
<!--Grid row-->62
63
<!--Grid row-->64
<div class="row text-center">65
66
<!--Grid column-->67
<div class="col-lg-4 col-md-12 mb-4 mb-md-0">68
69
<i class="fas fa-map-marker-alt fa-2x blue-text"></i>70
71
<p class="font-weight-bold my-3">Address</p>72
73
<p class="text-muted">New York, 94126, United States</p>74
75
</div>76
<!--Grid column-->77
78
<!--Grid column-->79
<div class="col-lg-4 col-md-6 mb-4 mb-md-0">80
81
<i class="fas fa-phone fa-2x blue-text"></i>82
83
<p class="font-weight-bold my-3">Phone number</p>84
85
<p class="text-muted">+ 01 234 567 89</p>86
87
</div>88
<!--Grid column-->89
90
<!--Grid column-->91
<div class="col-lg-4 col-md-6 mb-4 mb-md-0">92
93
<i class="fas fa-envelope fa-2x blue-text"></i>94
95
<p class="font-weight-bold my-3">E-mail</p>96
97
<p class="text-muted">info@gmail.com</p>98
99
</div>100
<!--Grid column-->101
102
</div>103
<!--Grid row-->104
105
106
</section>107
<!--Section: Content-->108
109
110
</div>111
1
1
1
1
Console errors: 0