xxxxxxxxxx1
<div class="container my-5 py-5 z-depth-1">2
3
4
<!--Section: Content-->5
<section class="text-center px-md-5 mx-md-5 dark-grey-text">6
7
<!-- Section heading -->8
<h3 class="font-weight-bold mb-4">Contact Us</h3>9
<!-- Section description -->10
<p class="text-center w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit.11
Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam12
eum porro a pariatur veniam.</p>13
14
<!-- Grid row -->15
<div class="row">16
17
<!-- Grid column -->18
<div class="col-md-9 mb-md-0 mb-5">19
20
<form>21
22
<!-- Grid row -->23
<div class="row">24
25
<!-- Grid column -->26
<div class="col-md-6">27
<div class="md-form mb-0">28
<input type="text" id="contact-name" class="form-control">29
<label for="contact-name" class="">Your name</label>30
</div>31
</div>32
<!-- Grid column -->33
34
<!-- Grid column -->35
<div class="col-md-6">36
<div class="md-form mb-0">37
<input type="text" id="contact-email" class="form-control">38
<label for="contact-email" class="">Your email</label>39
</div>40
</div>41
<!-- Grid column -->42
43
</div>44
<!-- Grid row -->45
46
<!-- Grid row -->47
<div class="row">48
49
<!-- Grid column -->50
<div class="col-md-12">51
<div class="md-form mb-0">52
<input type="text" id="contact-Subject" class="form-control">53
<label for="contact-Subject" class="">Subject</label>54
</div>55
</div>56
<!-- Grid column -->57
58
</div>59
<!-- Grid row -->60
61
<!-- Grid row -->62
<div class="row">63
64
<!-- Grid column -->65
<div class="col-md-12">66
<div class="md-form">67
<textarea id="contact-message" class="form-control md-textarea" rows="3"></textarea>68
<label for="contact-message">Your message</label>69
</div>70
</div>71
<!-- Grid column -->72
73
</div>74
<!-- Grid row -->75
76
</form>77
78
<div class="text-center text-md-left">79
<a class="btn btn-primary btn-md btn-rounded">Send</a>80
</div>81
82
</div>83
<!-- Grid column -->84
85
<!-- Grid column -->86
<div class="col-md-3 text-center">87
<ul class="list-unstyled mb-0">88
<li>89
<i class="fas fa-map-marker-alt fa-2x blue-text"></i>90
<p>San Francisco, CA 94126, USA</p>91
</li>92
<li>93
<i class="fas fa-phone fa-2x mt-4 blue-text"></i>94
<p>+ 01 234 567 89</p>95
</li>96
<li>97
<i class="fas fa-envelope fa-2x mt-4 blue-text"></i>98
<p class="mb-0">contact@example.com</p>99
</li>100
</ul>101
</div>102
<!-- Grid column -->103
104
</div>105
<!-- Grid row -->106
107
</section>108
<!--Section: Content-->109
110
111
</div>1
1
1
1
Console errors: 0