-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact-us.html
More file actions
1351 lines (1303 loc) · 83.5 KB
/
contact-us.html
File metadata and controls
1351 lines (1303 loc) · 83.5 KB
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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Contact Us | Porto - Responsive HTML5 Template</title>
<meta name="keywords" content="HTML5 Template" />
<meta name="description" content="Porto - Responsive HTML5 Template">
<meta name="author" content="okler.net">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<!-- Web Fonts --> <link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">
<!-- Vendor CSS --> <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css"> <link rel="stylesheet" href="vendor/animate/animate.compat.css"> <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/theme-elements.css">
<link rel="stylesheet" href="css/theme-blog.css">
<link rel="stylesheet" href="css/theme-shop.css">
<!-- Skin CSS --> <link id="skinCSS" rel="stylesheet" href="css/skins/default.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<!-- Head Libs -->
<script src="vendor/modernizr/modernizr.min.js"></script>
</head>
<body data-plugin-page-transition>
<div class="body">
<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyStartAt': 45, 'stickySetTop': '-45px', 'stickyChangeLogo': true}">
<div class="header-body">
<div class="header-container container">
<div class="header-row">
<div class="header-column">
<div class="header-row">
<div class="header-logo">
<a href="index.html">
<img alt="Porto" width="100" height="48" data-sticky-width="82" data-sticky-height="40" data-sticky-top="25" src="img/logo-default-slim.png">
</a>
</div>
</div>
</div>
<div class="header-column justify-content-end">
<div class="header-row pt-3">
<nav class="header-nav-top"> <ul class="nav nav-pills"> <li class="nav-item nav-item-anim-icon d-none d-md-block"> <a class="nav-link ps-0" href="about-us.html"><i class="fas fa-angle-right"></i> About Us</a> </li> <li class="nav-item nav-item-anim-icon d-none d-md-block"> <a class="nav-link" href="contact-us.html"><i class="fas fa-angle-right"></i> Contact Us</a> </li> <li class="nav-item nav-item-left-border nav-item-left-border-remove nav-item-left-border-md-show"> <span class="ws-nowrap"><i class="fas fa-phone"></i> (123) 456-789</span> </li> </ul> </nav>
<div class="header-nav-features"> <div class="header-nav-feature header-nav-features-search d-inline-flex"> <a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch"><i class="fas fa-search header-nav-top-icon"></i></a> <div class="header-nav-features-dropdown" id="headerTopSearchDropdown"> <form role="search" action="page-search-results.html" method="get"> <div class="simple-search input-group"> <input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search..."> <button class="btn" type="submit"> <i class="fas fa-search header-nav-top-icon"></i> </button> </div> </form> </div> </div> <div class="header-nav-feature header-nav-features-cart d-inline-flex ms-2"> <a href="#" class="header-nav-features-toggle"> <img src="img/icons/icon-cart.svg" width="14" alt="" class="header-nav-top-icon-img"> <span class="cart-info d-none"> <span class="cart-qty">1</span> </span> </a> <div class="header-nav-features-dropdown" id="headerTopCartDropdown"> <ol class="mini-products-list"> <li class="item"> <a href="#" title="Camera X1000" class="product-image"><img src="img/products/product-1.jpg" alt="Camera X1000"></a> <div class="product-details"> <p class="product-name"> <a href="#">Camera X1000 </a> </p> <p class="qty-price"> 1X <span class="price">$890</span> </p> <a href="#" title="Remove This Item" class="btn-remove"><i class="fas fa-times"></i></a> </div> </li> </ol> <div class="totals"> <span class="label">Total:</span> <span class="price-total"><span class="price">$890</span></span> </div> <div class="actions"> <a class="btn btn-dark" href="#">View Cart</a> <a class="btn btn-primary" href="#">Checkout</a> </div> </div> </div> </div>
</div>
<div class="header-row">
<div class="header-nav pt-1">
<div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1">
<nav class="collapse">
<ul class="nav nav-pills" id="mainNav">
<li class="dropdown"> <a class="dropdown-item dropdown-toggle active" href="index.html"> Home </a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="index.html"> Landing Page </a> </li> <li> <a class="dropdown-item" href="index.html#demos"> Demos <span class="tip tip-dark">hot</span> </a> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Classic</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-classic.html">Classic - Original</a></li> <li><a class="dropdown-item" href="index-classic-color.html">Classic - Color</a></li> <li><a class="dropdown-item" href="index-classic-light.html">Classic - Light</a></li> <li><a class="dropdown-item" href="index-classic-video.html">Classic - Video</a></li> <li><a class="dropdown-item" href="index-classic-video-light.html">Classic - Video - Light</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Corporate</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-corporate.html">Corporate - Version 1</a></li> <li><a class="dropdown-item" href="index-corporate-2.html">Corporate - Version 2</a></li> <li><a class="dropdown-item" href="index-corporate-3.html">Corporate - Version 3</a></li> <li><a class="dropdown-item" href="index-corporate-4.html">Corporate - Version 4</a></li> <li><a class="dropdown-item" href="index-corporate-5.html">Corporate - Version 5</a></li> <li><a class="dropdown-item" href="index-corporate-6.html">Corporate - Version 6</a></li> <li><a class="dropdown-item" href="index-corporate-7.html">Corporate - Version 7</a></li> <li><a class="dropdown-item" href="index-corporate-8.html">Corporate - Version 8</a></li> <li><a class="dropdown-item" href="index-corporate-9.html">Corporate - Version 9</a></li> <li><a class="dropdown-item" href="index-corporate-10.html"->Corporate - Version 10</a></li> <li><a class="dropdown-item" href="index.html#demos"->More...</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Portfolio</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-portfolio.html">Portfolio - Version 1</a></li> <li><a class="dropdown-item" href="index-portfolio-2.html">Portfolio - Version 2</a></li> <li><a class="dropdown-item" href="index-portfolio-3.html">Portfolio - Version 3</a></li> <li><a class="dropdown-item" href="index-portfolio-4.html">Portfolio - Version 4</a></li> <li><a class="dropdown-item" href="index-portfolio-5.html">Portfolio - Version 5</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Blog</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-blog.html">Blog - Version 1</a></li> <li><a class="dropdown-item" href="index-blog-2.html">Blog - Version 2</a></li> <li><a class="dropdown-item" href="index-blog-3.html">Blog - Version 3</a></li> <li><a class="dropdown-item" href="index-blog-4.html">Blog - Version 4</a></li> <li><a class="dropdown-item" href="index-blog-5.html">Blog - Version 5</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">One Page</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-one-page.html">One Page Original</a></li> </ul> </li> </ul> </li> <li class="dropdown dropdown-mega"> <a class="dropdown-item dropdown-toggle" href="elements.html"> Elements </a> <ul class="dropdown-menu"> <li> <div class="dropdown-mega-content"> <div class="row"> <div class="col-lg-3"> <span class="dropdown-mega-sub-title">Elements 1</span> <ul class="dropdown-mega-sub-nav"> <li><a class="dropdown-item" href="elements-accordions.html">Accordions</a></li> <li><a class="dropdown-item" href="elements-toggles.html">Toggles</a></li> <li><a class="dropdown-item" href="elements-tabs.html">Tabs</a></li> <li><a class="dropdown-item" href="elements-icons.html">Icons</a></li> <li><a class="dropdown-item" href="elements-icon-boxes.html">Icon Boxes</a></li> <li><a class="dropdown-item" href="elements-carousels.html">Carousels</a></li> <li><a class="dropdown-item" href="elements-modals.html">Modals</a></li> <li><a class="dropdown-item" href="elements-lightboxes.html">Lightboxes</a></li> <li><a class="dropdown-item" href="elements-word-rotator.html">Word Rotator</a></li> <li><a class="dropdown-item" href="elements-before-after.html">Before / After</a></li> <li><a class="dropdown-item" href="elements-360-image-viewer.html">360º Image Viewer</a></li> <li><a class="dropdown-item" href="elements-random-images.html">Random Images</a></li> </ul> </div> <div class="col-lg-3"> <span class="dropdown-mega-sub-title">Elements 2</span> <ul class="dropdown-mega-sub-nav"> <li><a class="dropdown-item" href="elements-buttons.html">Buttons</a></li> <li><a class="dropdown-item" href="elements-badges.html">Badges</a></li> <li><a class="dropdown-item" href="elements-lists.html">Lists</a></li> <li><a class="dropdown-item" href="elements-cards.html">Cards</a></li> <li><a class="dropdown-item" href="elements-image-gallery.html">Image Gallery</a></li> <li><a class="dropdown-item" href="elements-image-frames.html">Image Frames</a></li> <li><a class="dropdown-item" href="elements-image-hotspots.html">Image Hotspots</a></li> <li><a class="dropdown-item" href="elements-testimonials.html">Testimonials</a></li> <li><a class="dropdown-item" href="elements-blockquotes.html">Blockquotes</a></li> <li><a class="dropdown-item" href="elements-sticky-elements.html">Sticky Elements</a></li> <li><a class="dropdown-item" href="elements-shape-dividers.html">Shape Dividers</a></li> </ul> </div> <div class="col-lg-3"> <span class="dropdown-mega-sub-title">Elements 3</span> <ul class="dropdown-mega-sub-nav"> <li><a class="dropdown-item" href="elements-typography.html">Typography</a></li> <li><a class="dropdown-item" href="elements-call-to-action.html">Call to Action</a></li> <li><a class="dropdown-item" href="elements-pricing-tables.html">Pricing Tables</a></li> <li><a class="dropdown-item" href="elements-tables.html">Tables</a></li> <li><a class="dropdown-item" href="elements-progressbars.html">Progress Bars</a></li> <li><a class="dropdown-item" href="elements-process.html">Process</a></li> <li><a class="dropdown-item" href="elements-counters.html">Counters</a></li> <li><a class="dropdown-item" href="elements-countdowns.html">Countdowns</a></li> <li><a class="dropdown-item" href="elements-sections-parallax.html">Sections & Parallax</a></li> <li><a class="dropdown-item" href="elements-tooltips-popovers.html">Tooltips & Popovers</a></li> <li><a class="dropdown-item" href="elements-read-more.html">Read More</a></li> </ul> </div> <div class="col-lg-3"> <span class="dropdown-mega-sub-title">Elements 4</span> <ul class="dropdown-mega-sub-nav"> <li><a class="dropdown-item" href="elements-headings.html">Headings</a></li> <li><a class="dropdown-item" href="elements-dividers.html">Dividers</a></li> <li><a class="dropdown-item" href="elements-animations.html">Animations</a></li> <li><a class="dropdown-item" href="elements-medias.html">Medias</a></li> <li><a class="dropdown-item" href="elements-maps.html">Maps</a></li> <li><a class="dropdown-item" href="elements-arrows.html">Arrows</a></li> <li><a class="dropdown-item" href="elements-star-ratings.html">Star Ratings</a></li> <li><a class="dropdown-item" href="elements-alerts.html">Alerts</a></li> <li><a class="dropdown-item" href="elements-posts.html">Posts</a></li> <li><a class="dropdown-item" href="elements-forms.html">Forms</a></li> <li><a class="dropdown-item" href="elements-cascading-images.html">Cascading Images</a></li> </ul> </div> </div> </div> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Features </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Headers</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-overview.html">Overview</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Classic</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-classic.html">Classic</a></li> <li><a class="dropdown-item" href="feature-headers-classic-language-dropdown.html">Classic + Language Dropdown</a></li> <li><a class="dropdown-item" href="feature-headers-classic-big-logo.html">Classic + Big Logo</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Flat</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-flat.html">Flat</a></li> <li><a class="dropdown-item" href="feature-headers-flat-top-bar.html">Flat + Top Bar</a></li> <li><a class="dropdown-item" href="feature-headers-flat-top-bar-top-borders.html">Flat + Top Bar + Top Border</a></li> <li><a class="dropdown-item" href="feature-headers-flat-colored-top-bar.html">Flat + Colored Top Bar</a></li> <li><a class="dropdown-item" href="feature-headers-flat-borders.html">Flat + Borders</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Center</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-center.html">Center</a></li> <li><a class="dropdown-item" href="feature-headers-center-double-navs.html">Center + Double Navs</a></li> <li><a class="dropdown-item" href="feature-headers-center-nav-buttons.html">Center + Nav + Buttons</a></li> <li><a class="dropdown-item" href="feature-headers-center-below-slider.html">Center Below Slider</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Floating</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-floating-bar.html">Floating Bar</a></li> <li><a class="dropdown-item" href="feature-headers-floating-icons.html">Floating Icons</a></li> </ul> </li> <li><a class="dropdown-item" href="feature-headers-below-slider.html">Below Slider</a></li> <li><a class="dropdown-item" href="feature-headers-full-video.html">Full Video</a></li> <li><a class="dropdown-item" href="feature-headers-narrow.html">Narrow</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Sticky</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-sticky-shrink.html">Sticky Shrink</a></li> <li><a class="dropdown-item" href="feature-headers-sticky-static.html">Sticky Static</a></li> <li><a class="dropdown-item" href="feature-headers-sticky-change-logo.html">Sticky Change Logo</a></li> <li><a class="dropdown-item" href="feature-headers-sticky-reveal.html">Sticky Reveal</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Transparent</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-transparent-light.html">Transparent Light</a></li> <li><a class="dropdown-item" href="feature-headers-transparent-dark.html">Transparent Dark</a></li> <li><a class="dropdown-item" href="feature-headers-transparent-light-bottom-border.html">Transparent Light + Bottom Border</a></li> <li><a class="dropdown-item" href="feature-headers-transparent-dark-bottom-border.html">Transparent Dark + Bottom Border</a></li> <li><a class="dropdown-item" href="feature-headers-transparent-bottom-slider.html">Transparent Bottom Slider</a></li> <li><a class="dropdown-item" href="feature-headers-semi-transparent-light.html">Semi Transparent Light</a></li> <li><a class="dropdown-item" href="feature-headers-semi-transparent-dark.html">Semi Transparent Dark</a></li> <li><a class="dropdown-item" href="feature-headers-semi-transparent-bottom-slider.html">Semi Transparent Bottom Slider</a></li> <li><a class="dropdown-item" href="feature-headers-semi-transparent-top-bar-borders.html">Semi Transparent + Top Bar + Borders</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Full Width</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="feature-headers-full-width-borders.html">Full Width + Borders</a></li> <li><a class="dropdown-item" href="feature-headers-full-width-transparent-light.html">Full Width Transparent Light</a></li> <li><a class="dropdown-item" href="feature-headers-full-width-transparent-dark.html">Full Width Transparent Dark</a></li> <li><a class="dropdown-item" href="feature-headers-full-width-semi-transparent-light.html">Full Width Semi Transparent Light</a></li> <li><a class="dropdown-item" href="feature-headers-full-width-semi-transparent-dark.html">Full Width Semi Transparent Dark</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Navbar</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-navbar.html">Navbar</a></li> <li><a class="dropdown-item" href="feature-headers-navbar-full.html">Navbar Full</a></li> <li><a class="dropdown-item" href="feature-headers-navbar-pills.html">Navbar Pills</a></li> <li><a class="dropdown-item" href="feature-headers-navbar-divisors.html">Navbar Divisors</a></li> <li><a class="dropdown-item" href="feature-headers-navbar-icons-search.html">Nav Bar + Icons + Search</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Side Header</a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Side Header Left</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-side-header-left-dropdown.html">Dropdown</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-left-expand.html">Expand</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-left-columns.html">Columns</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-left-slide.html">Slide</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-left-semi-transparent.html">Semi Transparent</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-left-dark.html">Dark</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Side Header Right</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-side-header-right-dropdown.html">Dropdown</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-right-expand.html">Expand</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-right-columns.html">Columns</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-right-slide.html">Slide</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-right-semi-transparent.html">Semi Transparent</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-right-dark.html">Dark</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Side Header Offcanvas</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-side-header-offcanvas-push.html">Push</a></li> <li><a class="dropdown-item" href="feature-headers-side-header-offcanvas-slide.html">Slide</a></li> </ul> </li> <li><a class="dropdown-item" href="feature-headers-side-header-narrow-bar.html">Side Header Narrow Bar</a></li> </ul> </li> <li><a class="dropdown-item" href="feature-headers-sign-in-sign-up.html">Sign In / Sign Up</a></li> <li><a class="dropdown-item" href="feature-headers-logged.html">Logged</a></li> <li><a class="dropdown-item" href="feature-headers-mini-cart.html">Mini Cart</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Search Styles</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-search-simple-input.html">Simple Input</a></li> <li><a class="dropdown-item" href="feature-headers-search-simple-input-reveal.html">Simple Input Reveal</a></li> <li><a class="dropdown-item" href="feature-headers-search-dropdown.html">Dropdown</a></li> <li><a class="dropdown-item" href="feature-headers-search-big-input-hidden.html">Big Input Hidden</a></li> <li><a class="dropdown-item" href="feature-headers-search-full-screen.html">Full Screen</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Extra</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-headers-extra-big-icon.html">Big Icon</a></li> <li><a class="dropdown-item" href="feature-headers-extra-big-icons-top.html">Big Icons Top</a></li> <li><a class="dropdown-item" href="feature-headers-extra-button.html">Button</a></li> <li><a class="dropdown-item" href="feature-headers-extra-background-color.html">Background Color</a></li> </ul> </li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Navigations</a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Pills</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-pills.html">Pills</a></li> <li><a class="dropdown-item" href="feature-navigations-pills-arrows.html">Pills + Arrows</a></li> <li><a class="dropdown-item" href="feature-navigations-pills-dark-text.html">Pills Dark Text</a></li> <li><a class="dropdown-item" href="feature-navigations-pills-color-dropdown.html">Pills Color Dropdown</a></li> <li><a class="dropdown-item" href="feature-navigations-pills-square.html">Pills Square</a></li> <li><a class="dropdown-item" href="feature-navigations-pills-rounded.html">Pills Rounded</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Stripes</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-stripe.html">Stripe</a></li> <li><a class="dropdown-item" href="feature-navigations-stripe-dark-text.html">Stripe Dark Text</a></li> <li><a class="dropdown-item" href="feature-navigations-stripe-color-dropdown.html">Stripe Color Dropdown</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Hover Effects</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-hover-top-line.html">Top Line</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-top-line-animated.html">Top Line Animated</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-top-line-color-dropdown.html">Top Line Color Dropdown</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-bottom-line.html">Bottom Line</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-bottom-line-animated.html">Bottom Line Animated</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-slide.html">Slide</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-sub-title.html">Sub Title</a></li> <li><a class="dropdown-item" href="feature-navigations-hover-line-under-text.html">Line Under Text</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Vertical</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-vertical-dropdown.html">Dropdown</a></li> <li><a class="dropdown-item" href="feature-navigations-vertical-expand.html">Expand</a></li> <li><a class="dropdown-item" href="feature-navigations-vertical-columns.html">Columns</a></li> <li><a class="dropdown-item" href="feature-navigations-vertical-slide.html">Slide</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Hamburguer</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-hamburguer-sidebar.html">Sidebar</a></li> <li><a class="dropdown-item" href="feature-navigations-hamburguer-overlay.html">Overlay</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Dropdown Styles</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-dropdowns-dark.html">Dark</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-light.html">Light</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-colors.html">Colors</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-top-line.html">Top Line</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-square.html">Square</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-arrow.html">Arrow Dropdown</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-arrow-center.html">Arrow Center Dropdown</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-modern-light.html">Modern Light</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-modern-dark.html">Modern Dark</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Dropdown Effects</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-dropdowns-effect-no-effect.html">No Effect</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-effect-opacity.html">Opacity</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-effect-move-to-top.html">Move To Top</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-effect-move-to-bottom.html">Move To Bottom</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-effect-move-to-right.html">Move To Right</a></li> <li><a class="dropdown-item" href="feature-navigations-dropdowns-effect-move-to-left.html">Move To Left</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Font Styles</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-font-small.html">Small</a></li> <li><a class="dropdown-item" href="feature-navigations-font-medium.html">Medium</a></li> <li><a class="dropdown-item" href="feature-navigations-font-large.html">Large</a></li> <li><a class="dropdown-item" href="feature-navigations-font-alternative.html">Alternative</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Icons</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-navigations-icons.html">Icons</a></li> <li><a class="dropdown-item" href="feature-navigations-icons-float-icons.html">Float Icons</a></li> </ul> </li> <li><a class="dropdown-item" href="feature-navigations-sub-title.html">Sub Title</a></li> <li><a class="dropdown-item" href="feature-navigations-divisors.html">Divisors</a></li> <li><a class="dropdown-item" href="feature-navigations-logo-between.html">Logo Between</a></li> <li><a class="dropdown-item" href="feature-navigations-one-page.html">One Page Nav</a></li> <li><a class="dropdown-item" href="feature-navigations-click-to-open.html">Click To Open</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Page Headers</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-overview.html">Overview</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Classic</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-classic-small.html">Small</a></li> <li><a class="dropdown-item" href="feature-page-headers-classic-medium.html">Medium</a></li> <li><a class="dropdown-item" href="feature-page-headers-classic-large.html">Large</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Modern</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-modern-small.html">Small</a></li> <li><a class="dropdown-item" href="feature-page-headers-modern-medium.html">Medium</a></li> <li><a class="dropdown-item" href="feature-page-headers-modern-large.html">Large</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Colors</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-colors-primary.html">Primary</a></li> <li><a class="dropdown-item" href="feature-page-headers-colors-secondary.html">Secondary</a></li> <li><a class="dropdown-item" href="feature-page-headers-colors-tertiary.html">Tertiary</a></li> <li><a class="dropdown-item" href="feature-page-headers-colors-quaternary.html">Quaternary</a></li> <li><a class="dropdown-item" href="feature-page-headers-colors-light.html">Light</a></li> <li><a class="dropdown-item" href="feature-page-headers-colors-dark.html">Dark</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Title Position</a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Left</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-title-position-left-small.html">Small</a></li> <li><a class="dropdown-item" href="feature-page-headers-title-position-left-medium.html">Medium</a></li> <li><a class="dropdown-item" href="feature-page-headers-title-position-left-large.html">Large</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Right</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-title-position-right-small.html">Small</a></li> <li><a class="dropdown-item" href="feature-page-headers-title-position-right-medium.html">Medium</a></li> <li><a class="dropdown-item" href="feature-page-headers-title-position-right-large.html">Large</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Center</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-title-position-center-small.html">Small</a></li> <li><a class="dropdown-item" href="feature-page-headers-title-position-center-medium.html">Medium</a></li> <li><a class="dropdown-item" href="feature-page-headers-title-position-center-large.html">Large</a></li> </ul> </li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Background</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-background-fixed.html">Fixed</a></li> <li><a class="dropdown-item" href="feature-page-headers-background-parallax.html">Parallax</a></li> <li><a class="dropdown-item" href="feature-page-headers-background-video.html">Video</a></li> <li><a class="dropdown-item" href="feature-page-headers-background-transparent-header.html">Transparent Header</a></li> <li><a class="dropdown-item" href="feature-page-headers-background-pattern.html">Pattern</a></li> <li><a class="dropdown-item" href="feature-page-headers-background-overlay.html">Overlay</a></li> <li><a class="dropdown-item" href="feature-page-headers-background-clean.html">Clean (No Background)</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Extra</a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Breadcrumb</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-page-headers-extra-breadcrumb-outside.html">Outside</a></li> <li><a class="dropdown-item" href="feature-page-headers-extra-breadcrumb-dark.html">Dark</a></li> </ul> </li> <li><a class="dropdown-item" href="feature-page-headers-extra-scroll-to-content.html">Scroll to Content</a></li> <li><a class="dropdown-item" href="feature-page-headers-extra-full-width.html">Full Width</a></li> </ul> </li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Footers</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-overview.html">Overview</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Classic</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-classic.html#footer">Classic</a></li> <li><a class="dropdown-item" href="feature-footers-classic-advanced.html#footer">Advanced</a></li> <li><a class="dropdown-item" href="feature-footers-classic-compact.html#footer">Compact</a></li> <li><a class="dropdown-item" href="feature-footers-classic-simple.html#footer">Simple</a></li> <li><a class="dropdown-item" href="feature-footers-classic-locations.html#footer">Locations</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Copyright</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-classic-copyright-light.html#footer">Light</a></li> <li><a class="dropdown-item" href="feature-footers-classic-copyright-dark.html#footer">Dark</a></li> <li><a class="dropdown-item" href="feature-footers-classic-copyright-social-icons.html#footer">Social Icons</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Colors</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-classic-colors-primary.html#footer">Primary</a></li> <li><a class="dropdown-item" href="feature-footers-classic-colors-secondary.html#footer">Secondary</a></li> <li><a class="dropdown-item" href="feature-footers-classic-colors-tertiary.html#footer">Tertiary</a></li> <li><a class="dropdown-item" href="feature-footers-classic-colors-quaternary.html#footer ">Quaternary</a></li> <li><a class="dropdown-item" href="feature-footers-classic-colors-light.html#footer">Light</a></li> <li><a class="dropdown-item" href="feature-footers-classic-colors-light-simple.html#footer">Light Simple</a></li> </ul> </li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Modern</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-modern.html#footer">Modern</a></li> <li><a class="dropdown-item" href="feature-footers-modern-font-style-alternative.html#footer">Font Style Alternative</a></li> <li><a class="dropdown-item" href="feature-footers-modern-clean.html#footer">Clean</a></li> <li><a class="dropdown-item" href="feature-footers-modern-useful-links.html#footer">Useful Links</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Background</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-modern-background-image-simple.html#footer">Image Simple</a></li> <li><a class="dropdown-item" href="feature-footers-modern-background-image-advanced.html#footer">Image Advanced</a></li> <li><a class="dropdown-item" href="feature-footers-modern-background-video-simple.html#footer">Video Simple</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Call to Action</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-modern-call-to-action-button.html#footer">Button</a></li> <li><a class="dropdown-item" href="feature-footers-modern-call-to-action-simple.html#footer">Simple</a></li> </ul> </li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Blog</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-blog-classic.html#footer">Blog Classic</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">eCommerce</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-ecommerce-classic.html#footer">eCommerce Classic</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Contact Form</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-contact-form-classic.html#footer">Classic</a></li> <li><a class="dropdown-item" href="feature-footers-contact-form-above-the-map.html#footer">Above the Map</a></li> <li><a class="dropdown-item" href="feature-footers-contact-form-center.html#footer">Center</a></li> <li><a class="dropdown-item" href="feature-footers-contact-form-columns.html#footer">Columns</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Map</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-map-hidden.html#footer">Hidden Map</a></li> <li><a class="dropdown-item" href="feature-footers-map-full-width.html#footer">Full Width</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Extra</a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Simple</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-extra-top-social-icons.html#footer">Top Social Icons</a></li> <li><a class="dropdown-item" href="feature-footers-extra-big-icons.html#footer">Big Icons</a></li> </ul> </li> <li><a class="dropdown-item" href="feature-footers-extra-recent-work.html#footer">Recent Work</a></li> <li><a class="dropdown-item" href="feature-footers-extra-reveal.html#footeranchor">Reveal</a></li> <li><a class="dropdown-item" href="feature-footers-extra-instagram.html#footer">Instagram</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Full Width</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-footers-extra-full-width-light.html#footer">Simple Light</a></li> <li><a class="dropdown-item" href="feature-footers-extra-full-width-dark.html#footer">Simple Dark</a></li> </ul> </li> </ul> </li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Admin Extension <span class="tip tip-dark">hot</span><em class="not-included">(Not Included)</em></a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-admin-forms-basic.html">Forms Basic</a></li> <li><a class="dropdown-item" href="feature-admin-forms-advanced.html">Forms Advanced</a></li> <li><a class="dropdown-item" href="feature-admin-forms-wizard.html">Forms Wizard</a></li> <li><a class="dropdown-item" href="feature-admin-forms-code-editor.html">Code Editor</a></li> <li><a class="dropdown-item" href="feature-admin-tables-advanced.html">Tables Advanced</a></li> <li><a class="dropdown-item" href="feature-admin-tables-responsive.html">Tables Responsive</a></li> <li><a class="dropdown-item" href="feature-admin-tables-editable.html">Tables Editable</a></li> <li><a class="dropdown-item" href="feature-admin-tables-ajax.html">Tables Ajax</a></li> <li><a class="dropdown-item" href="feature-admin-charts.html">Charts</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Sliders</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="index-slider-revolution.html">Revolution Slider</a></li> <li><a class="dropdown-item" href="index-slider-owl.html">Owl Slider</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Layout Options</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-layout-boxed.html">Boxed</a></li> <li><a class="dropdown-item" href="feature-layout-dark.html">Dark</a></li> <li><a class="dropdown-item" href="feature-layout-rtl.html">RTL</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Extra</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="feature-cursor-effect.html">Cursor Effect</a></li> <li><a class="dropdown-item" href="feature-grid-system.html">Grid System</a></li> <li><a class="dropdown-item" href="feature-lazy-load.html">Lazy Load</a></li> <li><a class="dropdown-item" href="feature-page-loading.html">Page Loading</a></li> <li><a class="dropdown-item" href="feature-page-transition.html">Page Transition</a></li> <li><a class="dropdown-item" href="feature-side-panel.html">Side Panel</a></li> </ul> </li> <li> <a class="dropdown-item" href="feature-gdpr.html">GDPR</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Pages </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Contact Us</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="contact-us-advanced.php">Contact Us - Advanced</a></li> <li><a class="dropdown-item" href="contact-us.html">Contact Us - Basic</a></li> <li><a class="dropdown-item" href="contact-us-recaptcha.html">Contact Us - Recaptcha</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">About Us</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="about-us-advanced.html">About Us - Advanced</a></li> <li><a class="dropdown-item" href="about-us.html">About Us - Basic</a></li> <li><a class="dropdown-item" href="about-me.html">About Me</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Layouts</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="page-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="page-left-sidebar.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="page-right-sidebar.html">Right Sidebar</a></li> <li><a class="dropdown-item" href="page-left-and-right-sidebars.html">Left and Right Sidebars</a></li> <li><a class="dropdown-item" href="page-sticky-sidebar.html">Sticky Sidebar</a></li> <li><a class="dropdown-item" href="page-secondary-navbar.html">Secondary Navbar</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Extra</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="page-404.html">404 Error</a></li> <li><a class="dropdown-item" href="page-500.html">500 Error</a></li> <li><a class="dropdown-item" href="page-coming-soon.html">Coming Soon</a></li> <li><a class="dropdown-item" href="page-maintenance-mode.html">Maintenance Mode</a></li> <li><a class="dropdown-item" href="page-search-results.html">Search Results</a></li> <li><a class="dropdown-item" href="sitemap.html">Sitemap</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Team</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="page-team-advanced.html">Team - Advanced</a></li> <li><a class="dropdown-item" href="page-team.html">Team - Basic</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Services</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="page-services.html">Services - Version 1</a></li> <li><a class="dropdown-item" href="page-services-2.html">Services - Version 2</a></li> <li><a class="dropdown-item" href="page-services-3.html">Services - Version 3</a></li> </ul> </li> <li><a class="dropdown-item" href="page-custom-header.html">Custom Header</a></li> <li><a class="dropdown-item" href="page-careers.html">Careers</a></li> <li><a class="dropdown-item" href="page-faq.html">FAQ</a></li> <li><a class="dropdown-item" href="page-login.html">Login / Register</a></li> <li><a class="dropdown-item" href="page-user-profile.html">User Profile</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Portfolio </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Single Project</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-single-wide-slider.html">Wide Slider</a></li> <li><a class="dropdown-item" href="portfolio-single-small-slider.html">Small Slider</a></li> <li><a class="dropdown-item" href="portfolio-single-full-width-slider.html">Full Width Slider</a></li> <li><a class="dropdown-item" href="portfolio-single-gallery.html">Gallery</a></li> <li><a class="dropdown-item" href="portfolio-single-carousel.html">Carousel</a></li> <li><a class="dropdown-item" href="portfolio-single-medias.html">Medias</a></li> <li><a class="dropdown-item" href="portfolio-single-full-width-video.html">Full Width Video</a></li> <li><a class="dropdown-item" href="portfolio-single-masonry-images.html">Masonry Images</a></li> <li><a class="dropdown-item" href="portfolio-single-left-sidebar.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="portfolio-single-right-sidebar.html">Right Sidebar</a></li> <li><a class="dropdown-item" href="portfolio-single-left-and-right-sidebars.html">Left and Right Sidebars</a></li> <li><a class="dropdown-item" href="portfolio-single-sticky-sidebar.html">Sticky Sidebar</a></li> <li><a class="dropdown-item" href="portfolio-single-extended.html">Extended</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Grid Layouts</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-grid-1-column.html">1 Column</a></li> <li><a class="dropdown-item" href="portfolio-grid-2-columns.html">2 Columns</a></li> <li><a class="dropdown-item" href="portfolio-grid-3-columns.html">3 Columns</a></li> <li><a class="dropdown-item" href="portfolio-grid-4-columns.html">4 Columns</a></li> <li><a class="dropdown-item" href="portfolio-grid-5-columns.html">5 Columns</a></li> <li><a class="dropdown-item" href="portfolio-grid-6-columns.html">6 Columns</a></li> <li><a class="dropdown-item" href="portfolio-grid-no-margins.html">No Margins</a></li> <li><a class="dropdown-item" href="portfolio-grid-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="portfolio-grid-full-width-no-margins.html">Full Width No Margins</a></li> <li><a class="dropdown-item" href="portfolio-grid-1-column-title-and-description.html">Title and Description</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Masonry Layouts</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-masonry-2-columns.html">2 Columns</a></li> <li><a class="dropdown-item" href="portfolio-masonry-3-columns.html">3 Columns</a></li> <li><a class="dropdown-item" href="portfolio-masonry-4-columns.html">4 Columns</a></li> <li><a class="dropdown-item" href="portfolio-masonry-5-columns.html">5 Columns</a></li> <li><a class="dropdown-item" href="portfolio-masonry-6-columns.html">6 Columns</a></li> <li><a class="dropdown-item" href="portfolio-masonry-no-margins.html">No Margins</a></li> <li><a class="dropdown-item" href="portfolio-masonry-full-width.html">Full Width</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Sidebar Layouts</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="portfolio-sidebar-right.html">Right Sidebar</a></li> <li><a class="dropdown-item" href="portfolio-sidebar-left-and-right.html">Left and Right Sidebars</a></li> <li><a class="dropdown-item" href="portfolio-sidebar-sticky.html">Sticky Sidebar</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Ajax</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-ajax-page.html">Ajax on Page</a></li> <li><a class="dropdown-item" href="portfolio-ajax-modal.html">Ajax on Modal</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Extra</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="portfolio-extra-timeline.html">Timeline</a></li> <li><a class="dropdown-item" href="portfolio-extra-lightbox.html">Lightbox</a></li> <li><a class="dropdown-item" href="portfolio-extra-load-more.html">Load More</a></li> <li><a class="dropdown-item" href="portfolio-extra-infinite-scroll.html">Infinite Scroll</a></li> <li><a class="dropdown-item" href="portfolio-extra-pagination.html">Pagination</a></li> <li><a class="dropdown-item" href="portfolio-extra-combination-filters.html">Combination Filters</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Blog </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Large Image</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-large-image-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="blog-large-image-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="blog-large-image-sidebar-right.html">Right Sidebar </a></li> <li><a class="dropdown-item" href="blog-large-image-sidebar-left-and-right.html">Left and Right Sidebar</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Medium Image</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-medium-image-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="blog-medium-image-sidebar-right.html">Right Sidebar </a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Grid</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-grid-4-columns.html">4 Columns</a></li> <li><a class="dropdown-item" href="blog-grid-3-columns.html">3 Columns</a></li> <li><a class="dropdown-item" href="blog-grid-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="blog-grid-no-margins.html">No Margins</a></li> <li><a class="dropdown-item" href="blog-grid-no-margins-full-width.html">No Margins Full Width</a></li> <li><a class="dropdown-item" href="blog-grid-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="blog-grid-sidebar-right.html">Right Sidebar </a></li> <li><a class="dropdown-item" href="blog-grid-sidebar-left-and-right.html">Left and Right Sidebar</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Masonry</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-masonry-4-columns.html">4 Columns</a></li> <li><a class="dropdown-item" href="blog-masonry-3-columns.html">3 Columns</a></li> <li><a class="dropdown-item" href="blog-masonry-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="blog-masonry-no-margins.html">No Margins</a></li> <li><a class="dropdown-item" href="blog-masonry-no-margins-full-width.html">No Margins Full Width</a></li> <li><a class="dropdown-item" href="blog-masonry-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="blog-masonry-sidebar-right.html">Right Sidebar </a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Timeline</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-timeline.html">Full Width</a></li> <li><a class="dropdown-item" href="blog-timeline-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="blog-timeline-sidebar-right.html">Right Sidebar </a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Single Post</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-post.html">Full Width</a></li> <li><a class="dropdown-item" href="blog-post-slider-gallery.html">Slider Gallery</a></li> <li><a class="dropdown-item" href="blog-post-image-gallery.html">Image Gallery</a></li> <li><a class="dropdown-item" href="blog-post-embedded-video.html">Embedded Video</a></li> <li><a class="dropdown-item" href="blog-post-html5-video.html">HTML5 Video</a></li> <li><a class="dropdown-item" href="blog-post-blockquote.html">Blockquote</a></li> <li><a class="dropdown-item" href="blog-post-link.html">Link</a></li> <li><a class="dropdown-item" href="blog-post-embedded-audio.html">Embedded Audio</a></li> <li><a class="dropdown-item" href="blog-post-small-image.html">Small Image</a></li> <li><a class="dropdown-item" href="blog-post-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="blog-post-sidebar-right.html">Right Sidebar </a></li> <li><a class="dropdown-item" href="blog-post-sidebar-left-and-right.html">Left and Right Sidebar</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Post Comments</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="blog-post.html#comments">Default</a></li> <li><a class="dropdown-item" href="blog-post-comments-facebook.html#comments">Facebook Comments</a></li> <li><a class="dropdown-item" href="blog-post-comments-disqus.html#comments">Disqus Comments</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item dropdown-toggle" href="#"> Shop </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">Single Product</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="shop-product-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="shop-product-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="shop-product-sidebar-right.html">Right Sidebar</a></li> <li><a class="dropdown-item" href="shop-product-sidebar-left-and-right.html">Left and Right Sidebar</a></li> </ul> </li> <li><a class="dropdown-item" href="shop-4-columns.html">4 Columns</a></li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">3 Columns</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="shop-3-columns-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="shop-3-columns-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="shop-3-columns-sidebar-right.html">Right Sidebar </a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">2 Columns</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="shop-2-columns-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="shop-2-columns-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="shop-2-columns-sidebar-right.html">Right Sidebar </a></li> <li><a class="dropdown-item" href="shop-2-columns-sidebar-left-and-right.html">Left and Right Sidebar</a></li> </ul> </li> <li class="dropdown-submenu"> <a class="dropdown-item" href="#">1 Column</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="shop-1-column-full-width.html">Full Width</a></li> <li><a class="dropdown-item" href="shop-1-column-sidebar-left.html">Left Sidebar</a></li> <li><a class="dropdown-item" href="shop-1-column-sidebar-right.html">Right Sidebar </a></li> <li><a class="dropdown-item" href="shop-1-column-sidebar-left-and-right.html">Left and Right Sidebar</a></li> </ul> </li> <li><a class="dropdown-item" href="shop-cart.html">Cart</a></li> <li><a class="dropdown-item" href="shop-login.html">Login</a></li> <li><a class="dropdown-item" href="shop-checkout.html">Checkout</a></li> <li><a class="dropdown-item" href="shop-order-complete.html">Order Complete</a></li> </ul> </li>
</ul>
</nav>
</div>
<ul class="header-social-icons social-icons d-none d-sm-block">
<li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="social-icons-twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="social-icons-linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div role="main" class="main">
<!-- Google Maps - Go to the bottom of the page to change settings and map location. -->
<div id="googlemaps" class="google-map mt-0" style="height: 500px;"></div>
<div class="container">
<div class="row py-4">
<div class="col-lg-6">
<h2 class="font-weight-bold text-8 mt-2 mb-0">Contact Us</h2>
<p class="mb-4">Feel free to ask for details, don't save any questions!</p>
<form class="contact-form" action="php/contact-form.php" method="POST">
<div class="contact-form-success alert alert-success d-none mt-4">
<strong>Success!</strong> Your message has been sent to us.
</div>
<div class="contact-form-error alert alert-danger d-none mt-4">
<strong>Error!</strong> There was an error sending your message.
<span class="mail-error-message text-1 d-block"></span>
</div>
<div class="row">
<div class="form-group col-lg-6">
<label class="form-label mb-1 text-2">Full Name</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control text-3 h-auto py-2" name="name" required>
</div>
<div class="form-group col-lg-6">
<label class="form-label mb-1 text-2">Email Address</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control text-3 h-auto py-2" name="email" required>
</div>
</div>
<div class="row">
<div class="form-group col">
<label class="form-label mb-1 text-2">Subject</label>
<input type="text" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control text-3 h-auto py-2" name="subject" required>
</div>
</div>
<div class="row">
<div class="form-group col">
<label class="form-label mb-1 text-2">Message</label>
<textarea maxlength="5000" data-msg-required="Please enter your message." rows="8" class="form-control text-3 h-auto py-2" name="message" required></textarea>
</div>
</div>
<div class="row">
<div class="form-group col">
<input type="submit" value="Send Message" class="btn btn-primary btn-modern" data-loading-text="Loading...">
</div>
</div>
</form>
</div>
<div class="col-lg-6">
<div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="800">
<h4 class="mt-2 mb-1">Our <strong>Office</strong></h4>
<ul class="list list-icons list-icons-style-2 mt-2">
<li><i class="fas fa-map-marker-alt top-6"></i> <strong class="text-dark">Address:</strong> 1234 Street Name, City Name, United States</li>
<li><i class="fas fa-phone top-6"></i> <strong class="text-dark">Phone:</strong> (123) 456-789</li>
<li><i class="fas fa-envelope top-6"></i> <strong class="text-dark">Email:</strong> <a href="mailto:mail@example.com">mail@example.com</a></li>
</ul>
</div>
<div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="950">
<h4 class="pt-5">Business <strong>Hours</strong></h4>
<ul class="list list-icons list-dark mt-2">
<li><i class="far fa-clock top-6"></i> Monday - Friday - 9am to 5pm</li>
<li><i class="far fa-clock top-6"></i> Saturday - 9am to 2pm</li>
<li><i class="far fa-clock top-6"></i> Sunday - Closed</li>
</ul>
</div>
<h4 class="pt-5">Get in <strong>Touch</strong></h4>
<p class="lead mb-0 text-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
<section class="call-to-action call-to-action-default with-button-arrow content-align-center call-to-action-in-footer">
<div class="container">
<div class="row">
<div class="col-md-9 col-lg-9">
<div class="call-to-action-content">
<h2 class="font-weight-normal text-6 mb-0">Porto is <strong class="font-weight-extra-bold">everything</strong> you need to create an <strong class="font-weight-extra-bold">awesome</strong> website!</h2>
<p class="mb-0">The Best HTML Site Template on ThemeForest</p>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="call-to-action-btn">
<a href="http://themeforest.net/item/porto-responsive-html5-template/4106987" target="_blank" class="btn btn-dark btn-lg text-3 font-weight-semibold px-4 py-3">Get Started Now</a><span class="arrow hlb d-none d-md-block" data-appear-animation="rotateInUpLeft" style="top: -40px; left: 70%;"></span>
</div>
</div>
</div>
</div>
</section>
<footer id="footer" class="footer-texts-more-lighten">
<div class="container">
<div class="row py-4 my-5">
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
<h5 class="text-4 text-color-light mb-3">CONTACT INFO</h5>
<ul class="list list-unstyled">
<li class="pb-1 mb-2">
<span class="d-block font-weight-normal line-height-1 text-color-light">ADDRESS</span>
1234 Street Name, City, State, USA
</li>
<li class="pb-1 mb-2">
<span class="d-block font-weight-normal line-height-1 text-color-light">PHONE</span>
<a href="tel:+1234567890">Toll Free (123) 456-7890</a>
</li>
<li class="pb-1 mb-2">
<span class="d-block font-weight-normal line-height-1 text-color-light">EMAIL</span>
<a href="mailto:mail@example.com">mail@example.com</a>
</li>
<li class="pb-1 mb-2">
<span class="d-block font-weight-normal line-height-1 text-color-light">WORKING DAYS/HOURS </span>
Mon - Sun / 9:00AM - 8:00PM
</li>
</ul>
<ul class="social-icons social-icons-clean-with-border social-icons-medium">
<li class="social-icons-instagram">
<a href="http://www.instagram.com/" class="no-footer-css" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>
</li>
<li class="social-icons-twitter mx-2">
<a href="http://www.twitter.com/" class="no-footer-css" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-icons-facebook">
<a href="http://www.facebook.com/" class="no-footer-css" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>
</li>
</ul>
</div>
<div class="col-md-6 col-lg-2 mb-5 mb-lg-0">
<h5 class="text-4 text-color-light mb-3">USEFUL LINKS</h5>
<ul class="list list-unstyled mb-0">
<li class="mb-0"><a href="contact-us-1.html">Help Center</a></li>
<li class="mb-0"><a href="about-us.html">About Us</a></li>
<li class="mb-0"><a href="contact-us.html">Contact Us</a></li>
<li class="mb-0"><a href="page-careers.html">Careers</a></li>
<li class="mb-0"><a href="blog-grid-4-columns.html">Blog</a></li>
<li class="mb-0"><a href="#">Our Location</a></li>
<li class="mb-0"><a href="#">Privacy Policy</a></li>
<li class="mb-0"><a href="sitemap.html">Sitemap</a></li>
</ul>
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-md-0">
<h5 class="text-4 text-color-light mb-3">RECENT NEWS</h5>
<article class="mb-3">
<a href="blog-post.html" class="text-color-light text-3-5">Why should I buy a Web Template?</a>
<p class="line-height-2 mb-0"><a href="#">Nov 25, 2020</a> in <a href="#">Design,</a> <a href="#">Coding</a></p>
</article>
<article class="mb-3">
<a href="blog-post.html" class="text-color-light text-3-5">Creating Amazing Website with Porto</a>
<p class="line-height-2 mb-0"><a href="#">Nov 25, 2020</a> in <a href="#">Design,</a> <a href="#">Coding</a></p>
</article>
<article>
<a href="blog-post.html" class="text-color-light text-3-5">Best Practices for Top UI Design</a>
<p class="line-height-2 mb-0"><a href="#">Nov 25, 2020</a> in <a href="#">Design,</a> <a href="#">Coding</a></p>
</article>
</div>
<div class="col-md-6 col-lg-3">
<h5 class="text-4 text-color-light mb-3">SUBSCRIBE NEWSLETTER</h5>
<p class="mb-2">Get all the latest information on events, sales and offers. Sign up for newsletter:</p>
<div class="alert alert-success d-none" id="newsletterSuccess">
<strong>Success!</strong> You've been added to our email list.
</div>
<div class="alert alert-danger d-none" id="newsletterError"></div>
<form id="newsletterForm" class="form-style-5 opacity-10" action="php/newsletter-subscribe.php" method="POST">
<div class="row">
<div class="form-group col">
<input class="form-control" placeholder="Email Address" name="newsletterEmail" id="newsletterEmail" type="text" />
</div>
</div>
<div class="row">
<div class="form-group col">
<button class="btn btn-primary btn-rounded btn-px-4 btn-py-2 font-weight-bold" type="submit">SUBSCRIBE</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="container">
<div class="footer-copyright footer-copyright-style-2 pt-4 pb-5">
<div class="row">
<div class="col-12 text-center">
<p class="mb-0">Porto Template © 2021. All Rights Reserved</p>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- Vendor --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery.appear/jquery.appear.min.js"></script> <script src="vendor/jquery.easing/jquery.easing.min.js"></script> <script src="vendor/jquery.cookie/jquery.cookie.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="vendor/jquery.validation/jquery.validate.min.js"></script> <script src="vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script> <script src="vendor/jquery.gmap/jquery.gmap.min.js"></script> <script src="vendor/lazysizes/lazysizes.min.js"></script> <script src="vendor/isotope/jquery.isotope.min.js"></script> <script src="vendor/owl.carousel/owl.carousel.min.js"></script> <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script> <script src="vendor/vide/jquery.vide.min.js"></script> <script src="vendor/vivus/vivus.min.js"></script>
<!-- Theme Base, Components and Settings -->
<script src="js/theme.js"></script>
<!-- Theme Custom --> <script src="js/custom.js"></script>
<!-- Theme Initialization Files -->
<script src="js/theme.init.js"></script>
<!-- Current Page Vendor and Views -->
<script src="js/views/view.contact.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<script>
/*
Map Settings
Find the Latitude and Longitude of your address:
- https://www.latlong.net/
- http://www.findlatitudeandlongitude.com/find-address-from-latitude-and-longitude/
*/
function initializeGoogleMaps() {
// Map Markers
var mapMarkers = [{
address: "New York, NY 10017",
html: "<strong>New York Office</strong><br>New York, NY 10017",
icon: {
image: "img/pin.png",
iconsize: [26, 46],
iconanchor: [12, 46]
},
popup: true
}];
// Map Initial Location
var initLatitude = 40.75198;
var initLongitude = -73.96978;
// Map Extended Settings
var mapSettings = {
controls: {
draggable: (($.browser.mobile) ? false : true),
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true
},
scrollwheel: false,
markers: mapMarkers,
latitude: initLatitude,
longitude: initLongitude,
zoom: 11
};
var map = $('#googlemaps').gMap(mapSettings);
}
// Initialize Google Maps when element enter on browser view
theme.fn.intObs( '.google-map', 'initializeGoogleMaps()', {} );
// Map text-center At
var mapCenterAt = function(options, e) {
e.preventDefault();
$('#googlemaps').gMap("centerAt", options);
}
</script>
</body>
</html>