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 - Services</title>
25<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
26<meta name="title" content="Pixel Lite - Services">
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 - Services">
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 - Services">
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-transparent">
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<div class="section section-xl bg-primary overflow-hidden">
380<div class="container z-2">
381<div class="row py-4 py-md-6 pb-1 justify-content-center text-white text-center">
382<div class="col-12 col-md-10">
383<div class="mb-3">
384<h1 class="display-3 font-size-md-down-5 font-weight-light mb-0">
385Where the <span class="font-weight-bold">
386right</span>
387 brain meets the <span class="font-weight-bold">
388left</span>
389 brain.</h1>
390</div>
391<p class="my-4 px-0 px-lg-7 lead">
392A collection of creatives on a passion and results-driven mission to design, write and code custom digital marketing solutions.</p>
393<a href="./services.html" class="btn btn-tertiary mr-3 animate-up-2">
394Get started</a>
395</div>
396</div>
397</div>
398</div>
399<!-- End of Hero section -->
400<section class="section section-md pt-0">
401<div class="container">
402<div class="col-12 col-lg-12">
403<div class="row justify-content-center mt-n7 z-2">
404<div class="col-12 col-md-6">
405<div class="row mt-5 mt-lg-0 mr-md-1">
406<!-- Icon Boxes -->
407<div class="card border-light">
408<div class="card-body p-5">
409<img src="../../assets/img/pages/design.svg" alt="Web design illustration" class="image-md mb-4">
410<h4 class="mb-2">
411Professional Design</h4>
412<p>
413We are trying to build our work to create a design which will complete and satisfy the necessities of our client and users of the product.</p>
414<a href="#" class="btn btn-sm btn-primary">
415Read more</a>
416</div>
417</div>
418<!-- End of Icon Boxes -->
419<!-- Icon Boxes -->
420<div class="card border-light mt-3">
421<div class="card-body p-5">
422<img src="../../assets/img/pages/technologies.svg" alt="Responsive illustration" class="image-md mb-4">
423<h4 class="mb-2">
424Trending Technologies</h4>
425<p>
426Responsive web design is the combination of flexible grids, flexible images, and media queries. We help take the complexity out of responsive design.</p>
427<a href="#" class="btn btn-sm btn-primary">
428Read more</a>
429</div>
430</div>
431<!-- End of Icon Boxes -->
432</div>
433</div>
434<div class="col-12 col-md-6 mt-5">
435<div class="row mt-3 mt-lg-0 mr-1">
436<!-- Icon Boxes -->
437<div class="card border-light">
438<div class="card-body p-5">
439<img src="../../assets/img/pages/code.svg" alt="Code illustration" class="image-md mb-4">
440<h4 class="mb-2">
441Beautifuly Coded</h4>
442<p>
443Amazing template! All-in-one, clean code, beautiful design, and really not hard to work with.Highly recommended for any kind on website.</p>
444<a href="#" class="btn btn-sm btn-primary">
445Read more</a>
446</div>
447</div>
448<!-- End of Icon Boxes -->
449<!-- Icon Boxes -->
450<div class="card border-light mt-3">
451<div class="card-body p-5">
452<img src="../../assets/img/pages/support.svg" alt="Support illustration" class="image-md mb-4">
453<h4 class="mb-2">
454Friendly Support</h4>
455<p>
456We use our expertise to explain how technology decisions can affect your business and how making the right choices with your technology can propel your business your forward.</p>
457<a href="#" class="btn btn-sm btn-primary">
458Read more</a>
459</div>
460</div>
461<!-- End of Icon Boxes -->
462</div>
463</div>
464</div>
465</div>
466</div>
467</section>
468<!-- Section -->
469<div class="section section-md bg-soft">
470<div class="container">
471<div class="row justify-content-center">
472<div class="col-md-8 text-center">
473<span class="d-block my-3">
474<i class="star fas fa-star text-warning">
475</i>
476 <i class="star fas fa-star text-warning">
477</i>
478 <i class="star fas fa-star text-warning">
479</i>
480 <i class="star fas fa-star text-warning">
481</i>
482 <i class="star far fa-star text-gray">
483</i>
484</span>
485<blockquote class="blockquote">
486Themesberg makes beautiful products to help people with creative ideas succeed. Our company empowers millions of people.<footer class="blockquote-footer mt-3 text-primary">
487Neil D. Sims</footer>
488</blockquote>
489</div>
490</div>
491</div>
492</div>
493<!-- Section -->
494<div class="section section-sm py-0 mt-5 mt-md-n5 d-none d-sm-block">
495<!-- Clients -->
496<div class="container top-0 right-o left-0 z-2">
497<div class="row justify-content-center">
498<div class="col">
499<div class="bg-white border border-light rounded-pill py-4">
500<ul class="d-flex flex-wrap justify-content-center list-unstyled mb-0">
501<li class="mx-xl-4 mx-3 d-flex align-items-center">
502<h5 class="m-0 mb-4 mb-md-0 text-gray">
503Pixel partners</h5>
504</li>
505<li class="mx-xl-4 mx-3 mb-3 mb-md-0">
506<img class="img-fluid image-sm" src="../../assets/img/clients/paypal.svg" alt="image">
507</li>
508<li class="mx-xl-4 mx-3 mb-3 mb-md-0">
509<img class="img-fluid image-sm" src="../../assets/img/clients/airbnb.svg" alt="image">
510</li>
511<li class="mx-xl-4 mx-3 mb-3 mb-md-0">
512<img class="img-fluid image-sm" src="../../assets/img/clients/forbes.svg" alt="image">
513</li>
514</ul>
515</div>
516</div>
517</div>
518</div>
519<!-- End of clients -->
520</div>
521<section class="section">
522<div class="container">
523<div class="row justify-content-center">
524<div class="col-md-8 text-center">
525<h2 class="h1 font-weight-light">
526Join our <span class="font-weight-bold">
5271,360,462 </span>
528subscribers</h2>
529<p class="lead mb-5">
530Get exclusive access to freebies & premium products.</p>
531<form action="#" class="form-group">
532<div class="d-flex flex-row justify-content-center">
533<div class="input-group">
534<input class="form-control form-control-xl border-light" placeholder="Your email address" type="email" required>
535<div class="input-group-prepend">
536<button type="submit" class="btn btn-primary rounded-right">
537Subscribe</button>
538</div>
539</div>
540</div>
541</form>
542</div>
543</div>
544</div>
545</section>
546</main>
547<footer class="footer pt-7 pb-6 bg-primary text-white">
548<div class="container">
549<div class="row">
550<div class="col-md-4">
551<p>
552<strong>
553Pixel</strong>
554 is a large User Interface Kit that will help you prototype and design beautiful, creative and modern websites.</p>
555<ul class="social-buttons mb-5 mb-lg-0">
556<li>
557<a href="https://twitter.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Follow us on Twitter">
558<i class="fab fa-twitter">
559</i>
560</a>
561</li>
562<li>
563<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">
564<i class="fab fa-facebook">
565</i>
566</a>
567</li>
568<li>
569<a href="https://github.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Star us on Github">
570<i class="fab fa-github">
571</i>
572</a>
573</li>
574<li>
575<a href="https://dribbble.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Like us on Dribbble">
576<i class="fab fa-dribbble">
577</i>
578</a>
579</li>
580</ul>
581</div>
582<div class="col-6 col-md-2 mb-5 mb-lg-0">
583<h5>
584Themesberg</h5>
585<ul class="links-vertical">
586<li>
587<a target="_blank" href="https://themesberg.com/blog">
588Blog</a>
589</li>
590<li>
591<a target="_blank" href="https://themesberg.com/products">
592Products</a>
593</li>
594<li>
595<a target="_blank" href="https://themesberg.com/about">
596About Us</a>
597</li>
598<li>
599<a target="_blank" href="https://themesberg.com/contact">
600Contact Us</a>
601</li>
602</ul>
603</div>
604<div class="col-6 col-md-2 mb-5 mb-lg-0">
605<h5>
606Other</h5>
607<ul class="links-vertical">
608<li>
609<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank">
610Docs <span class="badge badge-sm badge-secondary ml-2">
611v3.0</span>
612</a>
613</li>
614<li>
615<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/changelog" target="_blank">
616Changelog</a>
617</li>
618<li>
619<a target="_blank" href="https://themesberg.com/licensing">
620License</a>
621</li>
622<li>
623<a target="_blank" href="https://github.com/themesberg/pixel-bootstrap-ui-kit/issues">
624Support</a>
625</li>
626</ul>
627</div>
628<div class="col-12 col-md-4 mb-5 mb-lg-0">
629<h5>
630Subscribe</h5>
631<p class="text-muted">
632Join our mailing list. We write rarely, but only the best content.</p>
633<form action="#">
634<div class="form-row mb-2">
635<div class="col-12">
636<input type="email" class="form-control mb-2" placeholder="Email Address" name="email" required="">
637</div>
638<div class="col-12">
639<button type="submit" class="btn btn-tertiary shadow-soft btn-block" data-loading-text="Sending">
640<span>
641Subscribe</span>
642</button>
643</div>
644</div>
645</form>
646<small class="text-muted">
647We’ll never share your details. See our <a class="text-white" href="#">
648Privacy Policy</a>
649</small>
650</div>
651</div>
652<hr class="my-5">
653<div class="row">
654<div class="col mb-md-0">
655<a href="https://themesberg.com" target="_blank" class="d-flex justify-content-center">
656<img src="../../assets/img/themesberg.svg" height="25" class="mb-3" alt="Themesberg Logo">
657</a>
658<div class="d-flex text-center justify-content-center align-items-center">
659<p class="font-weight-normal font-small mb-0">
660Copyright © <a href="https://themesberg.com" target="_blank">
661Themesberg</a>
662 <span class="current-year">
6632020</span>
664. All rights reserved.</p>
665</div>
666</div>
667</div>
668</div>
669</footer>
670<!-- Core -->
671<script src="../../node_modules/jquery/dist/jquery.min.js">
672</script>
673<script src="../../node_modules/popper.js/dist/umd/popper.min.js">
674</script>
675<script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js">
676</script>
677<script src="../../node_modules/headroom.js/dist/headroom.min.js">
678</script>
679<!-- Vendor JS -->
680<script src="../../node_modules/onscreen/dist/on-screen.umd.min.js">
681</script>
682<script src="../../node_modules/nouislider/distribute/nouislider.min.js">
683</script>
684<script src="../../node_modules/bootstrap-datepicker/js/bootstrap-datepicker.js">
685</script>
686<script src="../../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js">
687</script>
688<script src="../../node_modules/waypoints/lib/jquery.waypoints.min.js">
689</script>
690<script src="../../node_modules/jarallax/dist/jarallax.min.js">
691</script>
692<script src="../../node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js">
693</script>
694<script src="../../node_modules/vivus/dist/vivus.min.js">
695</script>
696<script src="../../node_modules/vivus/src/pathformer.js">
697</script>
698<!-- Place this tag in your head or just before your close body tag. -->
699<script async defer="defer" src="https://buttons.github.io/buttons.js">
700</script>
701<!-- pixel JS -->
702<script src="../../assets/js/pixel.js">
703</script>
704</body>
705</html>