Issues:
1<!--
2
3=========================================================
4* Pixel Lite Bootstrap UI Kit
5=========================================================
6
7* Product Page: https://themesberg.com/product/ui-kits/pixel-lite-free-bootstrap-4-ui-kit
8* Copyright 2019 Themesberg (https://www.themesberg.com)
9* License Themesberg (Crafty Dwarf LLC) (https://themesberg.com/licensing)
10
11* Coded by https://themesberg.com
12
13=========================================================
14
15* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
16
17-->
18<!DOCTYPE html>
19<html lang="en">
20<head>
21<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
22<!-- Primary Meta Tags -->
23<title>
24Pixel Lite - Contact</title>
25<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
26<meta name="title" content="Pixel Lite - Contact">
27<meta name="author" content="Themesberg">
28<meta name="description" content="Open source and accessibility first Bootstrap UI Kit featuring over 80 premium components and 4 example pages.">
29<meta name="keywords" content="bootstrap, bootstrap ui kit, accessiblity, accessibility first, open source, open source bootstrap ui kit">
30<link rel="canonical" href="https://themesberg.com/product/ui-kits/pixel-lite-free-bootstrap-4-ui-kit">
31<!-- Open Graph / Facebook -->
32<meta property="og:type" content="website">
33<meta property="og:url" content="https://demo.themesberg.com/pixel-lite">
34<meta property="og:title" content="Pixel Lite - Contact">
35<meta property="og:description" content="Open source and accessibility oriented Bootstrap UI Kit featuring over 80 premium components and 4 example pages.">
36<meta property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/pixel-lite-preview.jpg">
37<!-- Twitter -->
38<meta property="twitter:card" content="summary_large_image">
39<meta property="twitter:url" content="https://demo.themesberg.com/pixel-lite">
40<meta property="twitter:title" content="Pixel Lite - Contact">
41<meta property="twitter:description" content="Open source and accessibility oriented Bootstrap UI Kit featuring over 80 premium components and 4 example pages.">
42<meta property="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/pixel-lite-preview.jpg">
43<!-- Favicon -->
44<link rel="apple-touch-icon" sizes="120x120" href="../../assets/img/favicon/apple-touch-icon.png">
45<link rel="icon" type="image/png" sizes="32x32" href="../../assets/img/favicon/favicon-32x32.png">
46<link rel="icon" type="image/png" sizes="16x16" href="../../assets/img/favicon/favicon-16x16.png">
47<link rel="manifest" href="../../assets/img/favicon/site.webmanifest">
48<link rel="mask-icon" href="../../assets/img/favicon/safari-pinned-tab.svg" color="#ffffff">
49<meta name="msapplication-TileColor" content="#ffffff">
50<meta name="theme-color" content="#ffffff">
51<!-- Fontawesome -->
52<link type="text/css" href="../../node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
53<!-- Pixel CSS -->
54<link type="text/css" href="../../css/pixel.css" rel="stylesheet">
55<!-- Fullstory tracking -->
56<script>
57window['_fs_debug'] = false;
58 window['_fs_host'] = 'fullstory.com';
59 window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
60 window['_fs_org'] = 'S6PW8';
61 window['_fs_namespace'] = 'FS';
62 (function(m,n,e,t,l,o,g,y){
63 if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
64 g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
65 o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
66 y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
67 g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
68 g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
69 g.log = function(a,b){g("log",[a,b])};
70 g.consent=function(a){g("consent",!arguments.length||a)};
71 g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
72 g.clearUserCookie=function(){};
73 g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
74 if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
75 })(window,document,window['_fs_namespace'],'script','user');</script>
76<!-- Global site tag (gtag.js) - Google Analytics -->
77<script async src="https://www.googletagmanager.com/gtag/js?id=UA-141734189-1">
78</script>
79<script>
80window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-141734189-1');</script>
81</head>
82<body>
83<header class="header-global">
84<nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-theme-primary headroom navbar-dark navbar-theme-primary">
85<div class="container position-relative">
86<a class="navbar-brand mr-lg-5" href="../../index.html">
87<img class="navbar-brand-dark" src="../../assets/img/brand/light.svg" alt="Logo light">
88
<img class="navbar-brand-light" src="../../assets/img/brand/dark.svg" alt="Logo dark">
89</a>
90<div class="navbar-collapse collapse" id="navbar_global">
91<div class="navbar-collapse-header">
92<div class="row">
93<div class="col-6 collapse-brand">
94<a href="../../index.html">
95<img src="../../assets/img/brand/dark.svg" alt="menuimage">
96</a>
97</div>
98<div class="col-6 collapse-close">
99<a href="#navbar_global" class="fas fa-times" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
100</a>
101</div>
102</div>
103</div>
104<ul class="navbar-nav navbar-nav-hover align-items-lg-center">
105<li class="nav-item dropdown">
106<a href="#" class="nav-link" data-toggle="dropdown">
107<span class="nav-link-inner-text">
108Pages</span>
109 <i class="fas fa-angle-down nav-link-arrow ml-2">
110</i>
111</a>
112<ul class="dropdown-menu">
113<li>
114<a class="dropdown-item" href="../../html/pages/about-company.html">
115About</a>
116</li>
117<li>
118<a class="dropdown-item" href="../../html/pages/contact.html">
119Contact</a>
120</li>
121<li>
122<a class="dropdown-item" href="../../html/pages/pricing.html">
123Pricing</a>
124</li>
125<li>
126<a class="dropdown-item" href="../../html/pages/services.html">
127Services</a>
128</li>
129</ul>
130</li>
131<li class="nav-item dropdown mega-dropdown">
132<a href="#" class="nav-link" data-toggle="dropdown">
133<span class="nav-link-inner-text">
134Components</span>
135 <i class="fas fa-angle-down nav-link-arrow ml-2">
136</i>
137</a>
138<div class="dropdown-menu">
139<div class="row">
140<div class="col-lg-6 inside-bg d-none d-lg-block">
141<div class="justify-content-center bg-tertiary text-white">
142<div class="px-6 pb-4 pt-5">
143<img src="../../assets/img/megamenu_image.png" alt="image">
144</div>
145<div class="z-2 pb-4 text-center">
146<a href="../../html/components/all.html" class="btn btn-primary btn-icon animate-up-2 mb-2 mb-sm-0 mr-3">
147<span class="mr-1">
148<i class="fas fa-th-large">
149</i>
150</span>
151 All components </a>
152<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank" class="btn btn-outline-white btn-icon animate-up-2 mb-2 mb-sm-0">
153<span class="mr-1">
154<i class="fas fa-book">
155</i>
156</span>
157 Docs v3.0</a>
158</div>
159</div>
160</div>
161<div class="col pl-0">
162<ul class="list-style-none">
163<li>
164<a class="dropdown-item" href="../../html/components/accordions.html">
165Accordions</a>
166</li>
167<li>
168<a class="dropdown-item" href="../../html/components/alerts.html">
169Alerts</a>
170</li>
171<li>
172<a class="dropdown-item" href="../../html/components/badges.html">
173Badges</a>
174</li>
175<li>
176<a class="dropdown-item" href="../../html/components/cards.html">
177Cards</a>
178</li>
179<li>
180<a class="dropdown-item" href="../../html/components/bootstrap-carousels.html">
181Bootstrap Carousels</a>
182</li>
183<li>
184<a class="dropdown-item" href="../../html/components/breadcrumbs.html">
185Breadcrumbs</a>
186</li>
187<li>
188<a class="dropdown-item" href="../../html/components/buttons.html">
189Buttons</a>
190</li>
191<li>
192<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/plugins/jquery-counters/" target="_blank">
193Counters <span class="badge badge-tertiary text-uppercase ml-3">
194Pro</span>
195</a>
196</li>
197<li>
198<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/components/buttons/#button-dropdown" target="_blank">
199Dropdowns <span class="badge badge-tertiary text-uppercase ml-3">
200Pro</span>
201</a>
202</li>
203</ul>
204</div>
205<div class="col pl-0">
206<ul class="list-style-none">
207<li>
208<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/components/e-commerce/" target="_blank">
209E-commerce <span class="badge badge-tertiary text-uppercase ml-3">
210Pro</span>
211</a>
212</li>
213<li>
214<a class="dropdown-item" href="../../html/components/forms.html">
215Forms</a>
216</li>
217<li>
218<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/components/icon-boxes/" target="_blank">
219Icon Boxes <span class="badge badge-tertiary text-uppercase ml-3">
220Pro</span>
221</a>
222</li>
223<li>
224<a class="dropdown-item" href="../../html/components/modals.html">
225Modals</a>
226</li>
227<li>
228<a class="dropdown-item" href="../../html/components/navs.html">
229Navs</a>
230</li>
231<li>
232<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/plugins/owl-carousel/" target="_blank">
233Owl Carousels <span class="badge badge-tertiary text-uppercase ml-3">
234Pro</span>
235</a>
236</li>
237<li>
238<a class="dropdown-item" href="../../html/components/pagination.html">
239Pagination</a>
240</li>
241<li>
242<a class="dropdown-item" href="../../html/components/popovers.html">
243Popovers</a>
244</li>
245<li>
246<a class="dropdown-item" href="../../html/components/progress-bars.html">
247Progress Bars</a>
248</li>
249</ul>
250</div>
251<div class="col pl-0">
252<ul class="list-style-none">
253<li>
254<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/components/icon-boxes/#steps" target="_blank">
255Steps <span class="badge badge-tertiary text-uppercase ml-3">
256Pro</span>
257</a>
258</li>
259<li>
260<a class="dropdown-item" href="../../html/components/tables.html">
261Tables</a>
262</li>
263<li>
264<a class="dropdown-item" href="../../html/components/tabs.html">
265Tabs</a>
266</li>
267<li>
268<a class="dropdown-item" href="../../html/components/toasts.html">
269Toasts</a>
270</li>
271<li>
272<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/components/timelines/" target="_blank">
273Timelines <span class="badge badge-tertiary text-uppercase ml-3">
274Pro</span>
275</a>
276</li>
277<li>
278<a class="dropdown-item" href="../../html/components/tooltips.html">
279Tooltips</a>
280</li>
281<li>
282<a class="dropdown-item" href="../../html/components/typography.html">
283Typography</a>
284</li>
285<li>
286<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://themesberg.com/docs/pixel-bootstrap/plugins/chart-js/" target="_blank">
287Charts <span class="badge badge-tertiary text-uppercase ml-3">
288Pro</span>
289</a>
290</li>
291<li>
292<a class="dropdown-item d-flex align-items-center justify-content-between" href="https://demo.themesberg.com/pixel-pro/html/components/widgets.html">
293Widgets <span class="badge badge-tertiary text-uppercase ml-3">
294Pro</span>
295</a>
296</li>
297</ul>
298</div>
299</div>
300</div>
301</li>
302<li class="nav-item dropdown">
303<a href="#" class="nav-link" data-toggle="dropdown">
304<span class="nav-link-inner-text">
305Support</span>
306 <i class="fas fa-angle-down nav-link-arrow ml-2">
307</i>
308</a>
309<div class="dropdown-menu dropdown-menu-lg">
310<div class="col-auto px-0" data-dropdown-content>
311<div class="list-group list-group-flush">
312<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank" class="list-group-item list-group-item-action d-flex align-items-center p-0 py-3 px-lg-4">
313<span class="icon icon-sm icon-secondary">
314<i class="fas fa-file-alt">
315</i>
316</span>
317<div class="ml-4">
318<span class="text-dark d-block">
319Documentation<span class="badge badge-sm badge-secondary ml-2">
320v3.0</span>
321</span>
322 <span class="small">
323Examples and guides</span>
324</div>
325</a>
326<a href="https://github.com/themesberg/pixel-bootstrap-ui-kit/issues" target="_blank" class="list-group-item list-group-item-action d-flex align-items-center p-0 py-3 px-lg-4">
327<span class="icon icon-sm icon-primary">
328<i class="fas fa-microphone-alt">
329</i>
330</span>
331<div class="ml-4">
332<span class="text-dark d-block">
333Support</span>
334 <span class="small">
335Found an issue? Let us know!</span>
336</div>
337</a>
338</div>
339</div>
340</div>
341</li>
342</ul>
343</div>
344<div class="d-flex align-items-center">
345<span class="d-none d-md-inline">
346<a href="https://demo.themesberg.com/pixel-pro/" target="_blank" class="btn btn-tertiary animate-up-2">
347Upgrade to Pro</a>
348</span>
349 <a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank" class="btn btn-outline-soft ml-md-3 animate-up-2">
350<i class="fas fa-book mr-2">
351</i>
352 Docs v3.0</a>
353 <button class="navbar-toggler ml-2" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
354<span class="navbar-toggler-icon">
355</span>
356</button>
357</div>
358</div>
359</nav>
360</header>
361<main>
362<div class="preloader bg-dark flex-column justify-content-center align-items-center">
363<svg id="loader-logo" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 64 78.4">
364<path fill="#fff" d="M10,0h1.2V11.2H0V10A10,10,0,0,1,10,0Z"/>
365<rect fill="none" stroke="#fff" stroke-width="11.2" x="40" y="17.6" width="0" height="25.6"/>
366<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="11.2" x="23" y="35.2" width="0" height="25.6"/>
367<path fill="#fff" d="M52.8,35.2H64V53.8a7,7,0,0,1-7,7H52.8V35.2Z"/>
368<rect fill="none" stroke="#fff" stroke-width="11.2" x="6" y="52.8" width="0" height="25.6"/>
369<path fill="#fff" d="M52.8,0H57a7,7,0,0,1,7,7h0v4.2H52.8V0Z"/>
370<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="11.2" x="57.8" y="17.6" width="0" height="11.2"/>
371<rect fill="none" stroke="#fff" stroke-width="11.2" x="6" y="35.2" width="0" height="11.2"/>
372<rect fill="none" stroke="#fff" stroke-width="11.2" x="40.2" y="49.6" width="0" height="11.2"/>
373<path fill="#fff" d="M17.6,67.2H28.8v1.2a10,10,0,0,1-10,10H17.6V67.2Z"/>
374<rect fill="none" stroke="#fff" stroke-opacity="0.4" stroke-width="28.8" x="31.6" width="0" height="11.2"/>
375<rect fill="none" stroke="#fff" x="14" stroke-width="28.8" y="17.6" width="0" height="11.2"/>
376</svg>
377</div>
378<!-- Hero -->
379<section class="section section-header pb-11 bg-primary text-white">
380<div class="container">
381<div class="row justify-content-center">
382<div class="col-12 col-xl-8 text-center">
383<h2 class="display-2 mb-3">
384Get in touch today</h2>
385<p class="lead">
386Have a new project in mind? Drop us a line about your project needs, we answer same day.</p>
387</div>
388</div>
389</div>
390</section>
391<!-- Section -->
392<div class="section py-0">
393<div class="container mt-n10">
394<div class="row">
395<div class="col-12">
396<iframe class="map rounded" id="gmap_canvas" src="https://maps.google.com/maps?q=san%20francisco&t=&z=8&ie=UTF8&iwloc=&output=embed">
397</iframe>
398</div>
399</div>
400</div>
401</div>
402<!-- Section -->
403<section class="section section-lg pt-6">
404<div class="container">
405<div class="row justify-content-center mb-5 mb-lg-6">
406<div class="col-12 col-md-10 col-lg-8">
407<!-- Contact Card -->
408<div class="card border-0 p-2 p-md-3">
409<div class="card-body px-0">
410<div class="row mb-4">
411<div class="col-12 col-sm-4 col-md-4 text-center">
412<!-- Visit Box -->
413<div class="icon-box mb-4">
414<div class="icon icon-dark mb-4">
415<i class="fas fa-map-marker-alt">
416</i>
417</div>
418<h5 class="icon-box-title">
419Visit us</h5>
420<span>
42127 Timisan Pop<br>
422Fabric, Dumbravita<br>
423Timisoara</span>
424</div>
425<!-- End of Visit Box -->
426</div>
427<div class="col-12 col-sm-4 col-md-4 text-center d-none d-md-block">
428<!-- Call Box -->
429<div class="icon-box mb-4">
430<div class="icon icon-dark mb-4">
431<i class="fas fa-phone-volume">
432</i>
433</div>
434<h5 class="icon-box-title">
435Call</h5>
436<span>
437+3912345678</span>
438<div class="text-small text-gray">
439Mon - Fri, 8am - 4pm</div>
440</div>
441<!-- End of Call Box -->
442</div>
443<div class="col-12 col-sm-6 col-md-4 text-center">
444<!-- Email Box -->
445<div class="icon-box mb-4">
446<div class="icon icon-dark mb-4">
447<i class="far fa-paper-plane">
448</i>
449</div>
450<h5 class="icon-box-title">
451Email</h5>
452<a href="#">
453contact@company.io</a>
454<br>
455<a href="#">
456marketing@company.io</a>
457</div>
458<!-- End of Email Box -->
459</div>
460</div>
461<form>
462<div class="form-group">
463<div class="input-group">
464<div class="input-group-prepend">
465<span class="input-group-text">
466<i class="far fa-user">
467</i>
468</span>
469</div>
470<input class="form-control" placeholder="Your name" type="email">
471</div>
472</div>
473<div class="form-group">
474<div class="input-group">
475<div class="input-group-prepend">
476<span class="input-group-text">
477<i class="fas fa-at">
478</i>
479</span>
480</div>
481<input class="form-control" placeholder="Email" type="text">
482</div>
483</div>
484<div class="form-group mb-0">
485<textarea class="form-control" id="exampleTextarea" placeholder="How can we help?" rows="3">
486</textarea>
487</div>
488</form>
489<button type="submit" class="btn btn-block rounded btn-secondary mt-5">
490Send message</button>
491</div>
492</div>
493<!-- End of Contact Card -->
494</div>
495</div>
496<div class="row">
497<div class="col-12 text-center mb-5">
498<h2>
499Our support team</h2>
500</div>
501<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0">
502<div class="card text-center">
503<div class="card-header bg-white">
504<img src="../../assets/img/team/profile-picture-2.jpg" class="card-img-top rounded shadow border-0" alt="image">
505</div>
506<div class="card-body">
507<span class="card-subtitle text-gray font-weight-normal">
508Sales</span>
509<h4 class="card-title mt-2">
510Christopher M. Wood</h4>
511<ul class="list-unstyled d-flex justify-content-center mt-3 mb-0">
512<li>
513<a href="#" target="_blank" class="icon icon-sm icon-facebook mr-3">
514<i class="fab fa-facebook-f">
515</i>
516</a>
517</li>
518<li>
519<a href="#" target="_blank" class="icon icon-sm icon-twitter mr-3">
520<i class="fab fa-twitter">
521</i>
522</a>
523</li>
524<li>
525<a href="#" target="_blank" class="icon icon-sm icon-slack mr-3">
526<i class="fab fa-slack-hash">
527</i>
528</a>
529</li>
530<li>
531<a href="#" target="_blank" class="icon icon-sm icon-dribbble">
532<i class="fab fa-dribbble">
533</i>
534</a>
535</li>
536</ul>
537</div>
538</div>
539</div>
540<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0">
541<div class="card text-center">
542<div class="card-header bg-white">
543<img src="../../assets/img/team/profile-picture-3.jpg" class="card-img-top rounded shadow border-0" alt="image">
544</div>
545<div class="card-body">
546<span class="card-subtitle text-gray font-weight-normal">
547Marketing</span>
548<h4 class="card-title mt-2">
549Bonnie M. Green</h4>
550<ul class="list-unstyled d-flex justify-content-center mt-3 mb-0">
551<li>
552<a href="#" target="_blank" class="icon icon-sm icon-facebook mr-3">
553<i class="fab fa-facebook-f">
554</i>
555</a>
556</li>
557<li>
558<a href="#" target="_blank" class="icon icon-sm icon-twitter mr-3">
559<i class="fab fa-twitter">
560</i>
561</a>
562</li>
563<li>
564<a href="#" target="_blank" class="icon icon-sm icon-slack mr-3">
565<i class="fab fa-slack-hash">
566</i>
567</a>
568</li>
569<li>
570<a href="#" target="_blank" class="icon icon-sm icon-dribbble">
571<i class="fab fa-dribbble">
572</i>
573</a>
574</li>
575</ul>
576</div>
577</div>
578</div>
579<div class="col-12 col-md-6 col-lg-4">
580<div class="card text-center">
581<div class="card-header bg-white">
582<img src="../../assets/img/team/profile-picture-1.jpg" class="card-img-top rounded shadow border-0" alt="image">
583</div>
584<div class="card-body">
585<span class="card-subtitle text-gray font-weight-normal">
586Invoice</span>
587<h4 class="card-title mt-2">
588Neil D. Sims</h4>
589<ul class="list-unstyled d-flex justify-content-center mt-3 mb-0">
590<li>
591<a href="#" target="_blank" class="icon icon-sm icon-facebook mr-3">
592<i class="fab fa-facebook-f">
593</i>
594</a>
595</li>
596<li>
597<a href="#" target="_blank" class="icon icon-sm icon-twitter mr-3">
598<i class="fab fa-twitter">
599</i>
600</a>
601</li>
602<li>
603<a href="#" target="_blank" class="icon icon-sm icon-slack mr-3">
604<i class="fab fa-slack-hash">
605</i>
606</a>
607</li>
608<li>
609<a href="#" target="_blank" class="icon icon-sm icon-dribbble">
610<i class="fab fa-dribbble">
611</i>
612</a>
613</li>
614</ul>
615</div>
616</div>
617</div>
618</div>
619</div>
620</section>
621<!-- End of section -->
622</main>
623<footer class="footer pt-7 pb-6 bg-dark text-white">
624<div class="container">
625<div class="row">
626<div class="col-md-4">
627<p>
628<strong>
629Pixel</strong>
630 is a large User Interface Kit that will help you prototype and design beautiful, creative and modern websites.</p>
631<ul class="social-buttons mb-5 mb-lg-0">
632<li>
633<a href="https://twitter.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Follow us on Twitter">
634<i class="fab fa-twitter">
635</i>
636</a>
637</li>
638<li>
639<a href="https://www.facebook.com/Themesberg-214738555737136/" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Like us on Facebook">
640<i class="fab fa-facebook">
641</i>
642</a>
643</li>
644<li>
645<a href="https://github.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Star us on Github">
646<i class="fab fa-github">
647</i>
648</a>
649</li>
650<li>
651<a href="https://dribbble.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Like us on Dribbble">
652<i class="fab fa-dribbble">
653</i>
654</a>
655</li>
656</ul>
657</div>
658<div class="col-6 col-md-2 mb-5 mb-lg-0">
659<h5>
660Themesberg</h5>
661<ul class="links-vertical">
662<li>
663<a target="_blank" href="https://themesberg.com/blog">
664Blog</a>
665</li>
666<li>
667<a target="_blank" href="https://themesberg.com/products">
668Products</a>
669</li>
670<li>
671<a target="_blank" href="https://themesberg.com/about">
672About Us</a>
673</li>
674<li>
675<a target="_blank" href="https://themesberg.com/contact">
676Contact Us</a>
677</li>
678</ul>
679</div>
680<div class="col-6 col-md-2 mb-5 mb-lg-0">
681<h5>
682Other</h5>
683<ul class="links-vertical">
684<li>
685<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank">
686Docs <span class="badge badge-sm badge-secondary ml-2">
687v3.0</span>
688</a>
689</li>
690<li>
691<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/changelog" target="_blank">
692Changelog</a>
693</li>
694<li>
695<a target="_blank" href="https://themesberg.com/licensing">
696License</a>
697</li>
698<li>
699<a target="_blank" href="https://github.com/themesberg/pixel-bootstrap-ui-kit/issues">
700Support</a>
701</li>
702</ul>
703</div>
704<div class="col-12 col-md-4 mb-5 mb-lg-0">
705<h5>
706Subscribe</h5>
707<p class="text-muted">
708Join our mailing list. We write rarely, but only the best content.</p>
709<form action="#">
710<div class="form-row mb-2">
711<div class="col-12">
712<input type="email" class="form-control mb-2" placeholder="Email Address" name="email" required="">
713</div>
714<div class="col-12">
715<button type="submit" class="btn btn-tertiary shadow-soft btn-block" data-loading-text="Sending">
716<span>
717Subscribe</span>
718</button>
719</div>
720</div>
721</form>
722<small class="text-muted">
723We’ll never share your details. See our <a class="text-white" href="#">
724Privacy Policy</a>
725</small>
726</div>
727</div>
728<hr class="my-5">
729<div class="row">
730<div class="col mb-md-0">
731<a href="https://themesberg.com" target="_blank" class="d-flex justify-content-center">
732<img src="../../assets/img/themesberg.svg" height="25" class="mb-3" alt="Themesberg Logo">
733</a>
734<div class="d-flex text-center justify-content-center align-items-center">
735<p class="font-weight-normal font-small mb-0">
736Copyright © <a href="https://themesberg.com" target="_blank">
737Themesberg</a>
738 <span class="current-year">
7392020</span>
740. All rights reserved.</p>
741</div>
742</div>
743</div>
744</div>
745</footer>
746<!-- Core -->
747<script src="../../node_modules/jquery/dist/jquery.min.js">
748</script>
749<script src="../../node_modules/popper.js/dist/umd/popper.min.js">
750</script>
751<script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js">
752</script>
753<script src="../../node_modules/headroom.js/dist/headroom.min.js">
754</script>
755<!-- Vendor JS -->
756<script src="../../node_modules/onscreen/dist/on-screen.umd.min.js">
757</script>
758<script src="../../node_modules/nouislider/distribute/nouislider.min.js">
759</script>
760<script src="../../node_modules/bootstrap-datepicker/js/bootstrap-datepicker.js">
761</script>
762<script src="../../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js">
763</script>
764<script src="../../node_modules/waypoints/lib/jquery.waypoints.min.js">
765</script>
766<script src="../../node_modules/jarallax/dist/jarallax.min.js">
767</script>
768<script src="../../node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js">
769</script>
770<script src="../../node_modules/vivus/dist/vivus.min.js">
771</script>
772<script src="../../node_modules/vivus/src/pathformer.js">
773</script>
774<!-- Place this tag in your head or just before your close body tag. -->
775<script async defer="defer" src="https://buttons.github.io/buttons.js">
776</script>
777<!-- pixel JS -->
778<script src="../../assets/js/pixel.js">
779</script>
780</body>
781</html>