xxxxxxxxxx1
<div class="container my-5">2
3
4
<!--Section: Content-->5
<section class="contact-section dark-grey-text mb-5">6
7
<style>8
.contact-section .form .btn-floating {9
left: 3px;10
}11
</style>12
13
<!-- Form with header -->14
<div class="card">15
16
<!-- Grid row -->17
<div class="row">18
19
<!-- Grid column -->20
<div class="col-lg-8">21
22
<div class="card-body form">23
24
<!-- Header -->25
<h3 class="font-weight-bold dark-grey-text mt-4"><i class="fas fa-envelope pr-2 mr-1"></i>Write to us:</h3>26
27
<!-- Grid row -->28
<div class="row">29
30
<!-- Grid column -->31
<div class="col-md-6">32
<div class="md-form mb-0">33
<input type="text" id="form-contact-name" class="form-control">34
<label for="form-contact-name" class="">Your name</label>35
</div>36
</div>37
<!-- Grid column -->38
39
<!-- Grid column -->40
<div class="col-md-6">41
<div class="md-form mb-0">42
<input type="text" id="form-contact-email" class="form-control">43
<label for="form-contact-email" class="">Your email</label>44
</div>45
</div>46
<!-- Grid column -->47
48
</div>49
<!-- Grid row -->50
51
<!-- Grid row -->52
<div class="row">53
54
<!-- Grid column -->55
<div class="col-md-6">56
<div class="md-form mb-0">57
<input type="text" id="form-contact-phone" class="form-control">58
<label for="form-contact-phone" class="">Your phone</label>59
</div>60
</div>61
<!-- Grid column -->62
63
<!-- Grid column -->64
<div class="col-md-6">65
<div class="md-form mb-0">66
<input type="text" id="form-contact-company" class="form-control">67
<label for="form-contact-company" class="">Your company</label>68
</div>69
</div>70
<!-- Grid column -->71
72
</div>73
<!-- Grid row -->74
75
<!-- Grid row -->76
<div class="row">77
78
<!-- Grid column -->79
<div class="col-md-12">80
<div class="md-form mb-0">81
<textarea id="form-contact-message" class="form-control md-textarea" rows="3"></textarea>82
<label for="form-contact-message">Your message</label>83
<a class="btn-floating btn-lg blue">84
<i class="far fa-paper-plane"></i>85
</a>86
</div>87
</div>88
<!-- Grid column -->89
90
</div>91
<!-- Grid row -->92
93
</div>94
95
</div>96
<!-- Grid column -->97
98
<!-- Grid column -->99
<div class="col-lg-4">100
101
<div class="card-body contact text-center h-100 white-text">102
103
<h3 class="font-weight-bold my-4 pb-2">Contact information</h3>104
<ul class="text-lg-left list-unstyled ml-4">105
<li>106
<p><i class="fas fa-map-marker-alt pr-2"></i>New York, 94126, USA</p>107
</li>108
<li>109
<p><i class="fas fa-phone pr-2"></i>+ 01 234 567 89</p>110
</li>111
<li>112
<p><i class="fas fa-envelope pr-2"></i>contact@example.com</p>113
</li>114
</ul>115
<hr class="hr-light my-4">116
<ul class="list-inline text-center list-unstyled">117
<li class="list-inline-item">118
<a class="p-2 fa-lg tw-ic">119
<i class="fab fa-twitter"></i>120
</a>121
</li>122
<li class="list-inline-item">123
<a class="p-2 fa-lg li-ic">124
<i class="fab fa-linkedin-in"> </i>125
</a>126
</li>127
<li class="list-inline-item">128
<a class="p-2 fa-lg ins-ic">129
<i class="fab fa-instagram"> </i>130
</a>131
</li>132
</ul>133
134
</div>135
136
</div>137
<!-- Grid column -->138
139
</div>140
<!-- Grid row -->141
142
</div>143
<!-- Form with header -->144
145
</section>146
<!--Section: Content-->147
148
149
</div>1
1
1
1
Console errors: 0