-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
149 lines (123 loc) · 6.23 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="(description of website)" />
<meta name="author" content="(name of author)" />
<title>(Site or Page Identifier)</title>
<!-- Favicon-->
<!--use a small image for favicon-->
<link rel="icon" type="image/png" href="./apple-brand.png" />
<!-- Custom -->
<link href="./css/custom.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="./css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<div class="card text-white bg-secondary py-3 text-center">
<div class="card-body">
(Content)
</div>
</div>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<section class="my-5">
<div class="bg-white">
<section class="section-preview">
<!--Section: Contact v.2-->
<section class="mb-4 mt-10">
<!--Section heading-->
<h2 class="h1-responsive font-weight-bold text-center my-4">Contact us</h2>
<!--Section description-->
<p class="text-center w-responsive mx-auto mb-5">Do you have any questions? Please do not
hesitate to contact us directly. Our team will come back to you within
a matter of hours to help you.</p>
<div class="row">
<!--Grid column-->
<div class="col-md-9 mb-md-0 mb-5">
<form id="contact-form" name="contact-form" method="POST">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="name" name="name" class="form-control">
<label for="name" class="">Name</label>
</div>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="email" name="email" class="form-control">
<label for="email" class="">Email</label>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
<!--Grid row-->
<div class="row">
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="subject" name="subject" class="form-control">
<label for="subject" class="">Subject</label>
</div>
</div>
</div>
<!--Grid row-->
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-12">
<div class="md-form">
<textarea type="text" id="message" name="message" rows="2"
class="form-control md-textarea"></textarea>
<label for="message">Message</label>
</div>
</div>
</div>
<!--Grid row-->
</form>
<div id="status"></div>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-3 text-center">
<ul class="list-unstyled mb-0">
<li>
<p>(City, State, Zip, Country)</p>
</li>
<li><i class="fas fa-phone mt-4 fa-2x"></i>
<p><a class="btn btn-primary w-50" role="btn" href="tel:(phone number)">(phone number)</a></p>
</li>
<li><i class="fas fa-envelope mt-4 fa-2x"></i>
<p><a class="btn btn-primary w-50" role="btn" href="mailto:(email)">(email)</a></p>
</li>
</ul>
</div>
</div>
</section>
</section>
</div>
</div>
</section>
<div class="card text-white bg-secondary py-3 text-center">
<div class="card-body">
(Content)
</div>
</div>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-4 px-lg-5">
<p class="m-0 text-center text-white">Copyright © (Copyright Name) 2024</p>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>