-
Notifications
You must be signed in to change notification settings - Fork 2
/
contact_us.html
178 lines (150 loc) · 8.44 KB
/
contact_us.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Title -->
<title>About Agency | Front - Responsive Website Template</title>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Favicon -->
<link href="./favicon.ico" rel="shortcut icon">
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<!-- CSS Implementing Plugins -->
<link href="assets/front_v3_3/vendor/fontawesome/css/all.min.css" rel="stylesheet">
<link href="assets/front_v3_3/vendor/hs-mega-menu/dist/hs-mega-menu.min.css" rel="stylesheet">
<!-- CSS Front Template -->
<link href="assets/front_v3_3/css/theme.min.css" rel="stylesheet">
</head>
<body>
<!-- ========== HEADER ========== -->
<header-component></header-component>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN ========== -->
<main id="content" role="main">
<!-- Contact Form Section -->
<div class="container space-top-3 space-top-lg-4 space-bottom-2">
<div class="row">
<div class="col-lg-6 mb-9 mb-lg-0">
<div class="mb-5">
<h1>Get in touch</h1>
<p>We'd love to talk about how we can help you.</p>
</div>
<!-- Leaflet -->
<div class="min-h-300rem mb-5" data-hs-leaflet-options='{
"map": {
"scrollWheelZoom": false,
"coords": [37.4040344, -122.0289704]
},
"marker": [
{
"coords": [37.4040344, -122.0289704],
"icon": {
"iconUrl": "assets/front_v3_3/svg/components/map-pin.svg",
"iconSize": [50, 45]
},
"popup": {
"text": "153 Williamson Plaza, Maggieberg"
}
}
]
}' id="map"></div>
<!-- End Leaflet -->
<div class="row">
<div class="col-sm-6">
<div class="mb-3">
<span class="d-block h5 mb-1">Email us:</span>
<span class="d-block text-body font-size-1">[email protected]</span>
</div>
</div>
<div class="col-sm-6">
<div class="mb-3">
<span class="d-block h5 mb-1">Address:</span>
<span class="d-block text-body font-size-1"><a class="nav-link media" href="https://goo.gl/maps/GMKQnV4LsEbwrw2i8">Science and Engineering Complex, 150 Western Ave, Boston, MA 02134</a></span>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="ml-lg-5">
<!-- Form -->
<form class="js-validate card shadow-lg mb-4">
<div class="card-header border-0 bg-light text-center py-4 px-4 px-md-6">
<h2 class="h4 mb-0">General Enquiries</h2>
</div>
<div class="card-body p-4 p-md-6">
<div class="row">
<div class="col-sm-6">
<!-- Form Group -->
<div class="js-form-message form-group">
<label class="input-label" for="firstName">First name</label>
<input aria-label="Nataly" class="form-control" data-msg="Please enter first your name" id="firstName" name="firstName" placeholder="Pavlos" required type="text">
</div>
<!-- End Form Group -->
</div>
<div class="col-sm-6">
<!-- Form Group -->
<div class="js-form-message form-group">
<label class="input-label" for="lastName">Last name</label>
<input aria-label="Gaga" class="form-control" data-msg="Please enter last your name" id="lastName" name="lastName" placeholder="Protopapas" required type="text">
</div>
<!-- End Form Group -->
</div>
<div class="col-sm-12">
<!-- Form Group -->
<div class="js-form-message form-group">
<label class="input-label" for="emailAddress">[email protected]</label>
<input aria-label="[email protected]" class="form-control" data-msg="Please enter a valid email address" id="emailAddress" name="emailAddress" placeholder="[email protected]" required type="email">
</div>
<!-- End Form Group -->
</div>
<div class="col-sm-12">
<!-- Form Group -->
<div class="js-form-message form-group">
<label class="input-label" for="message">Message</label>
<div class="input-group">
<textarea aria-label="Hi there, I would like to ..." class="form-control" data-msg="Please enter a reason." id="message" name="message" placeholder="Hi there, I would like to ..." required rows="4"></textarea>
</div>
</div>
<!-- End Form Group -->
</div>
</div>
<button class="btn btn-block btn-primary transition-3d-hover" type="submit">Submit</button>
</div>
</form>
<!-- End Form -->
<div class="text-center">
<p class="small">We'll get back to you</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Contact Form Section -->
</main>
<!-- ========== END MAIN ========== -->
<!-- ========== FOOTER ========== -->
<footer-component></footer-component>
<!-- ========== END FOOTER ========== -->
<!-- JS Global Compulsory -->
<script src="assets/front_v3_3/vendor/jquery/dist/jquery.min.js"></script>
<script src="assets/front_v3_3/vendor/jquery-migrate/dist/jquery-migrate.min.js"></script>
<script src="assets/front_v3_3/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- JS Implementing Plugins -->
<script src="assets/front_v3_3/vendor/hs-header/dist/hs-header.min.js"></script>
<script src="assets/front_v3_3/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
<script src="assets/front_v3_3/vendor/hs-unfold/dist/hs-unfold.min.js"></script>
<script src="assets/front_v3_3/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
<script src="assets/front_v3_3/vendor/hs-show-animation/dist/hs-show-animation.min.js"></script>
<script src="assets/front_v3_3/vendor/jquery-validation/dist/jquery.validate.min.js"></script>
<!-- JS Front -->
<script src="assets/front_v3_3/js/theme.min.js"></script>
<!-- IE Support -->
<script>
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) document.write('<script src="assets/front_v3_3/vendor/babel-polyfill/dist/polyfill.js"><\/script>');
</script>
<!-- JS -->
<script src="assets/common_components/js/header.js"></script>
<script src="assets/common_components/js/footer.js"></script>
</body>
</html>