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 - Pricing</title>
25<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
26<meta name="title" content="Pixel Lite - Pricing">
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 - Pricing">
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 - Pricing">
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<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-lg-8 col-xl-8 text-center">
383<h1 class="display-2 font-weight-light mb-4">
384Our <span class="font-weight-bold">
385Pricing</span>
386</h1>
387<p class="lead">
388Like our products, our pricing isn’t one-size-fits-all. We calculate your personalized quote by looking at your specific needs.</p>
389</div>
390</div>
391</div>
392</section>
393<!-- Section -->
394<div class="section section-lg pt-0">
395<div class="container">
396<div class="row mt-n9">
397<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0">
398<div class="card border-light text-center py-4">
399<!-- Header -->
400<div class="card-header bg-white p-3">
401<h3 class="text-primary mb-4">
402Starter</h3>
403<span class="d-block">
404<span class="display-2 text-dark font-weight-bold">
405<span class="align-top font-medium">
406$</span>
40719 </span>
408<span class="d-block text-gray font-small">
409/ month</span>
410</span>
411</div>
412<!-- End Header -->
413<!-- Content -->
414<div class="card-body">
415<ul class="list-unstyled mb-4">
416<li class="list-item pb-3">
417<strong>
4181</strong>
419 free domain</li>
420<li class="list-item pb-3">
421Storage space: <strong>
4225GB</strong>
423</li>
424<li class="list-item pb-3">
425<strong>
426100k</strong>
427 monthly visitors</li>
428<li class="list-item pb-3">
429One-click staging site</li>
430<li class="list-item pb-3">
431Search engine wizard</li>
432<li class="list-item pb-3">
433Community support</li>
434</ul>
435<a href="#" class="btn btn-outline-primary btn-block animate-up-1">
436Buy Starter</a>
437</div>
438<!-- End Content -->
439</div>
440</div>
441<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0">
442<div class="card border-light text-center py-4">
443<!-- Header -->
444<div class="card-header bg-white p-3">
445<h3 class="text-primary mb-4">
446Standard</h3>
447<span class="d-block">
448<span class="display-2 text-dark font-weight-bold">
449<span class="align-top font-medium">
450$</span>
45149 </span>
452<span class="d-block text-gray font-small">
453/ month</span>
454</span>
455</div>
456<!-- End Header -->
457<!-- Content -->
458<div class="card-body">
459<ul class="list-unstyled mb-4">
460<li class="list-item pb-3">
461<strong>
4625</strong>
463 free domain</li>
464<li class="list-item pb-3">
465Storage space: <strong>
46615GB</strong>
467</li>
468<li class="list-item pb-3">
469<strong>
470400k</strong>
471 monthly visitors</li>
472<li class="list-item pb-3">
473One-click staging site</li>
474<li class="list-item pb-3">
475Search engine wizard</li>
476<li class="list-item pb-3">
477Community support</li>
478</ul>
479<a href="#" class="btn btn-outline-primary btn-block animate-up-1">
480Buy Standard</a>
481</div>
482<!-- End Content -->
483</div>
484</div>
485<div class="col-12 col-md-6 col-lg-4">
486<div class="card border-light text-center py-4">
487<!-- Header -->
488<div class="card-header bg-white p-3">
489<h3 class="text-primary mb-4">
490Pro</h3>
491<span class="d-block">
492<span class="display-2 text-dark font-weight-bold">
493<span class="align-top font-medium">
494$</span>
495199 </span>
496<span class="d-block text-gray font-small">
497/ month</span>
498</span>
499</div>
500<!-- End Header -->
501<!-- Content -->
502<div class="card-body">
503<ul class="list-unstyled mb-4">
504<li class="list-item pb-3">
505<strong>
50610</strong>
507 free domain</li>
508<li class="list-item pb-3">
509Storage space: <strong>
510UNLIMITED</strong>
511</li>
512<li class="list-item pb-3">
513<strong>
51410M</strong>
515 monthly visitors</li>
516<li class="list-item pb-3">
517One-click staging site</li>
518<li class="list-item pb-3">
519Search engine wizard</li>
520<li class="list-item pb-3">
521Community support</li>
522</ul>
523<a href="#" class="btn btn-outline-primary btn-block animate-up-1">
524Buy Pro</a>
525</div>
526<!-- End Content -->
527</div>
528</div>
529</div>
530</div>
531</div>
532<!-- End of Section -->
533<section class="section section-lg pt-0">
534<div class="container text-center">
535<div class="row justify-content-center mb-5 mb-md-7">
536<div class="col-12 col-md-8 text-center">
537<h2>
538What's in the box?</h2>
539<p class="lead">
540Houndred of developers around the world have already made Pixel the main tool for building websites.</p>
541</div>
542</div>
543<div class="row align-items-center justify-content-around">
544<div class="col-12 col-lg-4">
545<!-- Icon Box -->
546<div class="icon-box text-center mb-5">
547<div class="icon icon-shape icon-shape-secondary rounded-circle mb-4">
548<i class="far fa-lightbulb">
549</i>
550</div>
551<h5 class="icon-box-title">
552Ideas and Concepts</h5>
553<p class="icon-box-text">
554We work to figure out ways to help your business grow through all platforms.</p>
555<a href="#" class="btn btn-white btn-sm border-light">
556Read more</a>
557</div>
558<!-- End of Icon Box -->
559<!-- Icon Box -->
560<div class="icon-box text-center mb-5 mb-lg-0">
561<div class="icon icon-shape icon-shape-secondary rounded-circle mb-4">
562<i class="fas fa-fingerprint">
563</i>
564</div>
565<h5 class="icon-box-title">
566New technologies</h5>
567<p class="icon-box-text">
568We work to figure out ways to help your business grow through all platforms.</p>
569<a href="#" class="btn btn-white btn-sm border-light">
570Read more</a>
571</div>
572<!-- End of Icon Box -->
573</div>
574<div class="col-md-6 col-lg-4">
575<!-- Illustration -->
576
<img class="d-none d-lg-block" src="../../assets/img/illustrations/feature.svg" alt="illustration">
577<!-- / Illustration -->
578</div>
579<div class="col-12 col-lg-4">
580<!-- Icon Box -->
581<div class="icon-box text-center mb-5">
582<div class="icon icon-shape icon-shape-secondary rounded-circle mb-4">
583<i class="far fa-keyboard">
584</i>
585</div>
586<h5 class="icon-box-title">
587Powerful code</h5>
588<p class="icon-box-text">
589We work to figure out ways to help your business grow through all platforms.</p>
590<a href="#" class="btn btn-white btn-sm border-light">
591Read more</a>
592</div>
593<!-- End of Icon Box -->
594<!-- Icon Box -->
595<div class="icon-box text-center mb-5 mb-lg-0">
596<div class="icon icon-shape icon-shape-secondary rounded-circle mb-4">
597<i class="far fa-grin-stars">
598</i>
599</div>
600<h5 class="icon-box-title">
601Creative peoples</h5>
602<p class="icon-box-text">
603We work to figure out ways to help your business grow through all platforms.</p>
604<a href="#" class="btn btn-white btn-sm border-light">
605Read more</a>
606</div>
607<!-- End of Icon Box -->
608</div>
609</div>
610</div>
611</section>
612<!-- Section -->
613<section class="section section-lg pt-0">
614<div class="container text-center">
615<div class="row mb-5">
616<div class="col">
617<h2 class="h4 font-weight-light">
618Trusted by over <span class="font-weight-bold">
619500</span>
620 of the world’s valuable brands</h2>
621</div>
622</div>
623<div class="row justify-content-center">
624<div class="col-lg-10 col-lx-10">
625<ul class="d-flex flex-wrap justify-content-center list-unstyled">
626<li class="mx-3 mb-5">
627<img class="image-fluid image-sm" src="../../assets/img/clients/airbnb.svg" alt="image">
628</li>
629<li class="mx-3 mb-5">
630<img class="image-fluid image-sm" src="../../assets/img/clients/paypal.svg" alt="image">
631</li>
632<li class="mx-3 mb-5">
633<img class="image-fluid image-sm" src="../../assets/img/clients/corsair.svg" alt="image">
634</li>
635<li class="mx-3 mb-5">
636<img class="image-fluid image-sm" src="../../assets/img/clients/google.svg" alt="image">
637</li>
638<li class="mx-3 mb-5">
639<img class="image-fluid image-sm" src="../../assets/img/clients/elastic.svg" alt="image">
640</li>
641<li class="mx-3 mb-5">
642<img class="image-fluid image-sm" src="../../assets/img/clients/forbes.svg" alt="image">
643</li>
644<li class="mx-3 mb-5">
645<img class="image-fluid image-sm" src="../../assets/img/clients/pinterest.svg" alt="image">
646</li>
647<li class="mx-3 mb-5">
648<img class="image-fluid image-sm" src="../../assets/img/clients/docker.svg" alt="image">
649</li>
650<li class="mx-3 mb-5">
651<img class="image-fluid image-sm" src="../../assets/img/clients/university-of-chicago.svg" alt="image">
652</li>
653<li class="mx-3 mb-5 mb-md-0">
654<img class="image-fluid image-sm" src="../../assets/img/clients/business-school.svg" alt="image">
655</li>
656<li class="mx-3 mb-5 mb-md-0">
657<img class="image-fluid image-sm" src="../../assets/img/clients/ebay.svg" alt="image">
658</li>
659<li class="mx-3 mb-5 mb-md-0">
660<img class="image-fluid image-sm" src="../../assets/img/clients/northwestern.svg" alt="image">
661</li>
662</ul>
663</div>
664</div>
665</div>
666</section>
667<section class="section section-md bg-soft">
668<div class="container">
669<div class="row text-center justify-content-center">
670<div class="col-md-8 mb-5">
671<h2>
672Frequently asked questions</h2>
673<p class="lead">
674Find the answer to your question.</p>
675</div>
676</div>
677<div class="row justify-content-center">
678<div class="col-lg-8">
679<!--Accordion-->
680<div class="accordion" id="accordionExample1">
681<div class="card card-sm card-body border-light mb-0">
682<a href="#panel-1" data-target="#panel-1" class="accordion-panel-header" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-1">
683<span class="h6 mb-0 font-weight-bold">
684What is Pixel</span>
685 <span class="icon">
686<i class="fas fa-plus">
687</i>
688</span>
689</a>
690<div class="collapse" id="panel-1">
691<div class="pt-3">
692<p class="mb-0">
693At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.</p>
694</div>
695</div>
696</div>
697<div class="card card-sm card-body border-light mb-0">
698<a href="#panel-2" data-target="#panel-2" class="accordion-panel-header" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-2">
699<span class="h6 mb-0 font-weight-bold">
700About us</span>
701 <span class="icon">
702<i class="fas fa-plus">
703</i>
704</span>
705</a>
706<div class="collapse" id="panel-2">
707<div class="pt-3">
708<p class="mb-0">
709At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.</p>
710</div>
711</div>
712</div>
713<div class="card card-sm card-body border-light mb-0">
714<a href="#panel-3" data-target="#panel-3" class="accordion-panel-header" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-3">
715<span class="h6 mb-0 font-weight-bold">
716Licenses</span>
717 <span class="icon">
718<i class="fas fa-plus">
719</i>
720</span>
721</a>
722<div class="collapse" id="panel-3">
723<div class="pt-3">
724<p class="mb-0">
725At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.</p>
726</div>
727</div>
728</div>
729<div class="card card-sm card-body border-light">
730<a href="#panel-4" data-target="#panel-4" class="accordion-panel-header" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-4">
731<span class="h6 mb-0 font-weight-bold">
732Is there a money back guarantee?</span>
733 <span class="icon">
734<i class="fas fa-plus">
735</i>
736</span>
737</a>
738<div class="collapse" id="panel-4">
739<div class="pt-3">
740<p class="mb-0">
741At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.</p>
742</div>
743</div>
744</div>
745</div>
746<!--End of Accordion-->
747</div>
748</div>
749</div>
750</section>
751</main>
752<footer class="footer pt-7 pb-6 bg-primary text-white">
753<div class="container">
754<div class="row">
755<div class="col-md-4">
756<p>
757<strong>
758Pixel</strong>
759 is a large User Interface Kit that will help you prototype and design beautiful, creative and modern websites.</p>
760<ul class="social-buttons mb-5 mb-lg-0">
761<li>
762<a href="https://twitter.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Follow us on Twitter">
763<i class="fab fa-twitter">
764</i>
765</a>
766</li>
767<li>
768<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">
769<i class="fab fa-facebook">
770</i>
771</a>
772</li>
773<li>
774<a href="https://github.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Star us on Github">
775<i class="fab fa-github">
776</i>
777</a>
778</li>
779<li>
780<a href="https://dribbble.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Like us on Dribbble">
781<i class="fab fa-dribbble">
782</i>
783</a>
784</li>
785</ul>
786</div>
787<div class="col-6 col-md-2 mb-5 mb-lg-0">
788<h5>
789Themesberg</h5>
790<ul class="links-vertical">
791<li>
792<a target="_blank" href="https://themesberg.com/blog">
793Blog</a>
794</li>
795<li>
796<a target="_blank" href="https://themesberg.com/products">
797Products</a>
798</li>
799<li>
800<a target="_blank" href="https://themesberg.com/about">
801About Us</a>
802</li>
803<li>
804<a target="_blank" href="https://themesberg.com/contact">
805Contact Us</a>
806</li>
807</ul>
808</div>
809<div class="col-6 col-md-2 mb-5 mb-lg-0">
810<h5>
811Other</h5>
812<ul class="links-vertical">
813<li>
814<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank">
815Docs <span class="badge badge-sm badge-secondary ml-2">
816v3.0</span>
817</a>
818</li>
819<li>
820<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/changelog" target="_blank">
821Changelog</a>
822</li>
823<li>
824<a target="_blank" href="https://themesberg.com/licensing">
825License</a>
826</li>
827<li>
828<a target="_blank" href="https://github.com/themesberg/pixel-bootstrap-ui-kit/issues">
829Support</a>
830</li>
831</ul>
832</div>
833<div class="col-12 col-md-4 mb-5 mb-lg-0">
834<h5>
835Subscribe</h5>
836<p class="text-muted">
837Join our mailing list. We write rarely, but only the best content.</p>
838<form action="#">
839<div class="form-row mb-2">
840<div class="col-12">
841<input type="email" class="form-control mb-2" placeholder="Email Address" name="email" required="">
842</div>
843<div class="col-12">
844<button type="submit" class="btn btn-tertiary shadow-soft btn-block" data-loading-text="Sending">
845<span>
846Subscribe</span>
847</button>
848</div>
849</div>
850</form>
851<small class="text-muted">
852We’ll never share your details. See our <a class="text-white" href="#">
853Privacy Policy</a>
854</small>
855</div>
856</div>
857<hr class="my-5">
858<div class="row">
859<div class="col mb-md-0">
860<a href="https://themesberg.com" target="_blank" class="d-flex justify-content-center">
861<img src="../../assets/img/themesberg.svg" height="25" class="mb-3" alt="Themesberg Logo">
862</a>
863<div class="d-flex text-center justify-content-center align-items-center">
864<p class="font-weight-normal font-small mb-0">
865Copyright © <a href="https://themesberg.com" target="_blank">
866Themesberg</a>
867 <span class="current-year">
8682020</span>
869. All rights reserved.</p>
870</div>
871</div>
872</div>
873</div>
874</footer>
875<!-- Core -->
876<script src="../../node_modules/jquery/dist/jquery.min.js">
877</script>
878<script src="../../node_modules/popper.js/dist/umd/popper.min.js">
879</script>
880<script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js">
881</script>
882<script src="../../node_modules/headroom.js/dist/headroom.min.js">
883</script>
884<!-- Vendor JS -->
885<script src="../../node_modules/onscreen/dist/on-screen.umd.min.js">
886</script>
887<script src="../../node_modules/nouislider/distribute/nouislider.min.js">
888</script>
889<script src="../../node_modules/bootstrap-datepicker/js/bootstrap-datepicker.js">
890</script>
891<script src="../../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js">
892</script>
893<script src="../../node_modules/waypoints/lib/jquery.waypoints.min.js">
894</script>
895<script src="../../node_modules/jarallax/dist/jarallax.min.js">
896</script>
897<script src="../../node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js">
898</script>
899<script src="../../node_modules/vivus/dist/vivus.min.js">
900</script>
901<script src="../../node_modules/vivus/src/pathformer.js">
902</script>
903<!-- Place this tag in your head or just before your close body tag. -->
904<script async defer="defer" src="https://buttons.github.io/buttons.js">
905</script>
906<!-- pixel JS -->
907<script src="../../assets/js/pixel.js">
908</script>
909</body>
910</html>