-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact-us.html
319 lines (314 loc) · 82.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact Us | Porto - Multipurpose Website Template</title>
<meta name="keywords" content="WebSite Template" />
<meta name="description" content="Porto - Multipurpose Website 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" aria-label="Search"><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" aria-label="Search"> <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" aria-label=""> <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-alerts.html">Alerts</a></li> <li><a class="dropdown-item" href="elements-animations.html">Animations <span class="tip tip-dark p-relative bottom-2">hot</span></a></li> <li><a class="dropdown-item" href="elements-arrows.html">Arrows</a></li> <li><a class="dropdown-item" href="elements-badges.html">Badges</a></li> <li><a class="dropdown-item" href="elements-before-after.html">Before / After</a></li> <li><a class="dropdown-item" href="elements-blockquotes.html">Blockquotes</a></li> <li><a class="dropdown-item" href="elements-buttons.html">Buttons</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-cards.html">Cards</a></li> <li><a class="dropdown-item" href="elements-carousels.html">Carousels</a></li> <li><a class="dropdown-item" href="elements-cascading-images.html">Cascading 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-content-rotate.html">Content Rotate</a></li> <li><a class="dropdown-item" href="elements-countdowns.html">Countdowns</a></li> <li><a class="dropdown-item" href="elements-counters.html">Counters</a></li> <li><a class="dropdown-item" href="elements-dividers.html">Dividers</a></li> <li><a class="dropdown-item" href="elements-forms.html">Forms</a></li> <li><a class="dropdown-item" href="elements-headings.html">Headings</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-image-frames.html">Image Frames <span class="tip tip-dark p-relative bottom-2">hot</span></a></li> <li><a class="dropdown-item" href="elements-image-gallery.html">Image Gallery</a></li> <li><a class="dropdown-item" href="elements-image-hotspots.html">Image Hotspots</a></li> <li><a class="dropdown-item" href="elements-lightboxes.html">Lightboxes</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-lists.html">Lists</a></li> <li><a class="dropdown-item" href="elements-maps.html">Maps</a></li> <li><a class="dropdown-item" href="elements-medias.html">Medias</a></li> <li><a class="dropdown-item" href="elements-modals.html">Modals</a></li> <li><a class="dropdown-item" href="elements-parallax.html">Parallax</a></li> <li><a class="dropdown-item" href="elements-particles.html">Particles</a></li> <li><a class="dropdown-item" href="elements-posts.html">Posts</a></li> <li><a class="dropdown-item" href="elements-pricing-tables.html">Pricing Tables</a></li> <li><a class="dropdown-item" href="elements-process.html">Process</a></li> <li><a class="dropdown-item" href="elements-progressbars.html">Progress Bars</a></li> <li><a class="dropdown-item" href="elements-random-images.html">Random Images</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-sections.html">Sections</a></li> <li><a class="dropdown-item" href="elements-shape-dividers.html">Shape Dividers</a></li> <li><a class="dropdown-item" href="elements-star-ratings.html">Star Ratings</a></li> <li><a class="dropdown-item" href="elements-sticky-elements.html">Sticky Elements</a></li> <li><a class="dropdown-item" href="elements-tables.html">Tables</a></li> <li><a class="dropdown-item" href="elements-tabs.html">Tabs</a></li> <li><a class="dropdown-item" href="elements-testimonials.html">Testimonials</a></li> <li><a class="dropdown-item" href="elements-toggles.html">Toggles</a></li> <li><a class="dropdown-item" href="elements-tooltips-popovers.html">Tooltips & Popovers</a></li> <li><a class="dropdown-item" href="elements-typography.html">Typography</a></li> <li><a class="dropdown-item" href="elements-word-rotator.html">Word Rotator</a></li> <li><a class="dropdown-item" href="elements-360-image-viewer.html">360º Image Viewer</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-scroll-up.html">Sticky Scroll Up</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-transparent-top-bar-extra-buttons.html">Transparent Top Bar Extra Buttons</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> <li><a class="dropdown-item" href="feature-headers-full-width-2-rows-extra-buttons.html">Full Width 2 Rows + Extra Buttons</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> <li><a class="dropdown-item" href="feature-page-headers-extra-product.html">Product</a></li> <li><a class="dropdown-item" href="feature-page-headers-extra-mouse-hover-split.html">Mouse Hover Split</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-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-reading-progress.html">Reading Progress</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> <li><a class="dropdown-item" href="feature-horizontal-scroll.html">Horizontal Scroll</a></li> <li><a class="dropdown-item" href="feature-locomotive-scroll.html">Locomotive Scroll</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-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-lazy-load-masonry.html">Lazy Load Masonry</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:[email protected]">[email protected]</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:[email protected]">[email protected]</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 © 2023. All Rights Reserved</p>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- Vendor --> <script src="vendor/plugins/js/plugins.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>