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 - About company</title>
25<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
26<meta name="title" content="Pixel Lite - About company">
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 - About company">
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 - About company">
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-header bg-secondary text-white">
380<div class="container">
381<div class="row justify-content-between align-items-center">
382<div class="col-12 col-md-7 col-lg-6 text-center text-md-left">
383<h1 class="display-2 mb-4">
384Full-Service<br class="d-none d-md-inline">
385Digital Agency</h1>
386<p class="lead mb-4 text-muted">
387Themesberg can help you build a modern website, a creative logo or PWA, that will bring you customers and and stay on top of your competition.</p>
388<a href="./services.html" class="btn btn-tertiary mr-3 animate-up-2">
389What we do <span class="ml-2">
390<i class="fas fa-arrow-right">
391</i>
392</span>
393</a>
394</div>
395<div class="col-12 col-md-5 d-none d-md-block text-center">
396<img src="../../assets/img/illustrations/about-illustration.svg" alt="">
397</div>
398</div>
399</div>
400<figure class="position-absolute bottom-0 left-0 w-100 d-none d-md-block mb-n2">
401<svg class="fill-white" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 43.4" style="enable-background:new 0 0 1920 43.4;" xml:space="preserve">
402<path d="M0,23.3c0,0,405.1-43.5,697.6,0c316.5,1.5,108.9-2.6,480.4-14.1c0,0,139-12.2,458.7,14.3 c0,0,67.8,19.2,283.3-22.7v35.1H0V23.3z">
403</path>
404</svg>
405</figure>
406</section>
407<!-- End of Hero section -->
408<!-- Section -->
409<section class="section section-lg">
410<div class="container">
411<div class="row align-items-center justify-content-around">
412<div class="col-md-6 col-xl-6 my-5 mt-sm-0 d-none d-sm-block">
413<img class="rounded img-fluid effect-img-1" src="../../assets/img/sections/about-us-3.jpg" alt="Image">
414
<img class="rounded img-fluid effect-img-2" src="../../assets/img/sections/about-us-2.jpg" alt="Image">
415</div>
416<div class="col-md-6 col-xl-5 text-center text-md-left">
417<h2 class="h1 mb-5 font-weight-light">
418Small team,<br>
419<span class="font-weight-bold">
420Big hearts.</span>
421</h2>
422<p class="lead">
423Themesberg is an experienced and passionate group of designers, developers, project managers, writers and artists. Every client we work with becomes a part of the team. Together we face the challenges and celebrate the victories.</p>
424<p class="lead">
425With a culture of collaboration, a roster of talent, and several office pooches, the Themesberg team is active in the creative community, endlessly interested in what’s next, and generally pleasant to be around.</p>
426<img src="../../assets/img/signature.svg" alt="signature" class="mt-4" width="150">
427</div>
428</div>
429</div>
430</section>
431<!-- End of section -->
432<!-- Section -->
433<section class="section section-lg pt-0">
434<div class="container">
435<div class="row">
436<div class="col-md-4 col-lg-4 text-center">
437<!-- Visit Box -->
438<div class="icon-box mb-4">
439<div class="icon icon-primary mb-4">
440<i class="fas fa-user">
441</i>
442</div>
443<h5 class="icon-box-title">
444Team Members</h5>
445<span class="counter display-3 text-gray d-block">
446500</span>
447</div>
448<!-- End of Visit Box -->
449</div>
450<div class="col-md-4 col-lg-4 text-center">
451<!-- Call Box -->
452<div class="icon-box mb-4">
453<div class="icon icon-primary mb-4">
454<i class="fas fa-money-check">
455</i>
456</div>
457<h5 class="icon-box-title">
458Projects Published</h5>
459<span class="counter display-3 text-gray d-block">
4602400</span>
461</div>
462<!-- End of Call Box -->
463</div>
464<div class="col-md-4 col-lg-4 text-center">
465<!-- Email Box -->
466<div class="icon-box mb-4">
467<div class="icon icon-primary mb-4">
468<i class="fas fa-globe-europe">
469</i>
470</div>
471<h5 class="icon-box-title">
472Countries</h5>
473<span class="counter display-3 text-gray d-block">
47480</span>
475</div>
476<!-- End of Email Box -->
477</div>
478</div>
479</div>
480</section>
481<!-- End of section -->
482<!-- Section -->
483<section class="section section-lg bg-soft">
484<figure class="position-absolute top-0 left-0 w-100 d-none d-md-block mt-n3">
485<svg class="fill-soft" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 43.4" style="enable-background:new 0 0 1920 43.4;" xml:space="preserve">
486<path d="M0,23.3c0,0,405.1-43.5,697.6,0c316.5,1.5,108.9-2.6,480.4-14.1c0,0,139-12.2,458.7,14.3 c0,0,67.8,19.2,283.3-22.7v35.1H0V23.3z">
487</path>
488</svg>
489</figure>
490<div class="container">
491<div class="row mb-5 mb-lg-6">
492<div class="col-12 col-md-9 col-lg-8 text-center mx-auto">
493<h2 class="h1 mb-4">
494Funny & Creative Team</h2>
495<p class="lead">
496We have developed a multi-discipline portfolio as a digital marketing agency, we also have roots in print media and even photography. Our focus is now on WordPress & SEO Services.</p>
497</div>
498</div>
499<div class="row">
500<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0">
501<div class="card border-light">
502<img src="../../assets/img/team/profile-picture-1.jpg" class="card-img-top rounded-top" alt="profile-image">
503<div class="card-body">
504<h5 class="card-title mb-2">
505Joseph Garth</h5>
506<span class="card-subtitle text-gray font-weight-normal">
507Co-Founder</span>
508<p class="card-text my-3">
509Some quick example text to build on the card title and make up the bulk of the card's content.</p>
510<ul class="list-unstyled d-flex mt-3 mb-0">
511<li>
512<a href="#" target="_blank" class="icon icon-xs icon-facebook mr-3">
513<i class="fab fa-facebook-f">
514</i>
515</a>
516</li>
517<li>
518<a href="#" target="_blank" class="icon icon-xs icon-twitter mr-3">
519<i class="fab fa-twitter">
520</i>
521</a>
522</li>
523<li>
524<a href="#" target="_blank" class="icon icon-xs icon-slack mr-3">
525<i class="fab fa-slack-hash">
526</i>
527</a>
528</li>
529<li>
530<a href="#" target="_blank" class="icon icon-xs icon-dribbble mr-3">
531<i class="fab fa-dribbble">
532</i>
533</a>
534</li>
535</ul>
536</div>
537</div>
538</div>
539<div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0">
540<div class="card border-light">
541<img src="../../assets/img/team/profile-picture-3.jpg" class="card-img-top rounded-top" alt="profile-image">
542<div class="card-body">
543<h5 class="card-title mb-2">
544Bonnie Green</h5>
545<span class="card-subtitle text-gray font-weight-normal">
546Web Developer</span>
547<p class="card-text my-3">
548Some quick example text to build on the card title and make up the bulk of the card's content.</p>
549<ul class="list-unstyled d-flex mt-3 mb-0">
550<li>
551<a href="#" target="_blank" class="icon icon-xs icon-facebook mr-3">
552<i class="fab fa-facebook-f">
553</i>
554</a>
555</li>
556<li>
557<a href="#" target="_blank" class="icon icon-xs icon-twitter mr-3">
558<i class="fab fa-twitter">
559</i>
560</a>
561</li>
562<li>
563<a href="#" target="_blank" class="icon icon-xs icon-slack mr-3">
564<i class="fab fa-slack-hash">
565</i>
566</a>
567</li>
568<li>
569<a href="#" target="_blank" class="icon icon-xs icon-dribbble mr-3">
570<i class="fab fa-dribbble">
571</i>
572</a>
573</li>
574</ul>
575</div>
576</div>
577</div>
578<div class="col-12 col-md-6 col-lg-4">
579<div class="card border-light">
580<img src="../../assets/img/team/profile-picture-2.jpg" class="card-img-top rounded-top" alt="profile-image">
581<div class="card-body">
582<h5 class="card-title mb-2">
583Jose Leos</h5>
584<span class="card-subtitle text-gray font-weight-normal">
585Web publications designer</span>
586<p class="card-text my-3">
587Some quick example text to build on the card title and make up the bulk of the card's content.</p>
588<ul class="list-unstyled d-flex mt-3 mb-0">
589<li>
590<a href="#" target="_blank" class="icon icon-xs icon-facebook mr-3">
591<i class="fab fa-facebook-f">
592</i>
593</a>
594</li>
595<li>
596<a href="#" target="_blank" class="icon icon-xs icon-twitter mr-3">
597<i class="fab fa-twitter">
598</i>
599</a>
600</li>
601<li>
602<a href="#" target="_blank" class="icon icon-xs icon-slack mr-3">
603<i class="fab fa-slack-hash">
604</i>
605</a>
606</li>
607<li>
608<a href="#" target="_blank" class="icon icon-xs icon-dribbble mr-3">
609<i class="fab fa-dribbble">
610</i>
611</a>
612</li>
613</ul>
614</div>
615</div>
616</div>
617</div>
618</div>
619<figure class="position-absolute bottom-0 left-0 w-100 d-none d-md-block mb-n2">
620<svg class="fill-white" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 43.4" style="enable-background:new 0 0 1920 43.4;" xml:space="preserve">
621<path d="M0,23.3c0,0,405.1-43.5,697.6,0c316.5,1.5,108.9-2.6,480.4-14.1c0,0,139-12.2,458.7,14.3 c0,0,67.8,19.2,283.3-22.7v35.1H0V23.3z">
622</path>
623</svg>
624</figure>
625</section>
626<!-- Section -->
627<section class="section section-lg">
628<div class="container">
629<div class="row justify-content-center">
630<div class="col-md-10 col-lg-10">
631<!-- Contact Card -->
632<div class="blog-card">
633<div class="card border-0">
634<div class="card-header bg-white text-center">
635<h2>
636Want to work with us?</h2>
637<p>
638Cool! Let’s talk about your project</p>
639</div>
640<div class="card-body px-5">
641<form>
642<div class="form-group">
643<div class="input-group">
644<div class="input-group-prepend">
645<span class="input-group-text">
646<i class="far fa-user">
647</i>
648</span>
649</div>
650<input class="form-control" placeholder="Your name" type="email">
651</div>
652</div>
653<div class="form-group">
654<div class="input-group">
655<div class="input-group-prepend">
656<span class="input-group-text">
657<i class="fas fa-at">
658</i>
659</span>
660</div>
661<input class="form-control" placeholder="Email" type="text">
662</div>
663</div>
664<div class="form-group">
665<textarea class="form-control" id="exampleTextarea3" placeholder="How can we help?" rows="3">
666</textarea>
667</div>
668</form>
669</div>
670<div class="card-footer text-center bg-white pt-0 pb-5">
671<button type="submit" class="btn btn-secondary rounded">
672Send message</button>
673</div>
674</div>
675</div>
676<!-- End of Contact Card -->
677</div>
678</div>
679</div>
680</section>
681<!-- End of section -->
682</main>
683<section class="section py-0">
684<div class="container z-2">
685<div class="row position-relative justify-content-center align-items-cente">
686<div class="col-12">
687<!-- Card -->
688<div class="card border-light px-4 py-1">
689<div class="card-body text-center text-md-left">
690<div class="row align-items-center">
691<div class="col-md-6">
692<h2 class="h1 mb-3">
693Become one of us</h2>
694<p class="lead mb-4">
695Do you want to join our team and work remotely from anywhere you’d like? We can’t wait to hear from you!</p>
696<a href="#" class="btn btn-primary">
697<span class="mr-1">
698<i class="fas fa-file-invoice">
699</i>
700 </span>
701Check Careers</a>
702</div>
703<div class="col-12 col-md-6 mt-5 mt-md-0 text-md-right">
704<img src="../../assets/img/illustrations/reading-side.svg" alt="">
705</div>
706</div>
707</div>
708</div>
709</div>
710</div>
711</div>
712</section>
713<footer class="footer pb-6 bg-primary text-white pt-9 mt-n9">
714<div class="container">
715<div class="row mt-6">
716<div class="col-md-4">
717<p>
718<strong>
719Pixel</strong>
720 is a large User Interface Kit that will help you prototype and design beautiful, creative and modern websites.</p>
721<ul class="social-buttons mb-5 mb-lg-0">
722<li>
723<a href="https://twitter.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Follow us on Twitter">
724<i class="fab fa-twitter">
725</i>
726</a>
727</li>
728<li>
729<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">
730<i class="fab fa-facebook">
731</i>
732</a>
733</li>
734<li>
735<a href="https://github.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Star us on Github">
736<i class="fab fa-github">
737</i>
738</a>
739</li>
740<li>
741<a href="https://dribbble.com/themesberg" class="icon icon-xs icon-white" data-toggle="tooltip" data-placement="top" title="Like us on Dribbble">
742<i class="fab fa-dribbble">
743</i>
744</a>
745</li>
746</ul>
747</div>
748<div class="col-6 col-md-2 mb-5 mb-lg-0">
749<h5>
750Themesberg</h5>
751<ul class="links-vertical">
752<li>
753<a target="_blank" href="https://themesberg.com/blog">
754Blog</a>
755</li>
756<li>
757<a target="_blank" href="https://themesberg.com/products">
758Products</a>
759</li>
760<li>
761<a target="_blank" href="https://themesberg.com/about">
762About Us</a>
763</li>
764<li>
765<a target="_blank" href="https://themesberg.com/contact">
766Contact Us</a>
767</li>
768</ul>
769</div>
770<div class="col-6 col-md-2 mb-5 mb-lg-0">
771<h5>
772Other</h5>
773<ul class="links-vertical">
774<li>
775<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/" target="_blank">
776Docs <span class="badge badge-sm badge-secondary ml-2">
777v3.0</span>
778</a>
779</li>
780<li>
781<a href="https://themesberg.com/docs/pixel-bootstrap/getting-started/changelog" target="_blank">
782Changelog</a>
783</li>
784<li>
785<a target="_blank" href="https://themesberg.com/licensing">
786License</a>
787</li>
788<li>
789<a target="_blank" href="https://github.com/themesberg/pixel-bootstrap-ui-kit/issues">
790Support</a>
791</li>
792</ul>
793</div>
794<div class="col-12 col-md-4 mb-5 mb-lg-0">
795<h5>
796Subscribe</h5>
797<p class="text-muted">
798Join our mailing list. We write rarely, but only the best content.</p>
799<form>
800<div class="form-row mb-2">
801<div class="col-12">
802<input type="email" class="form-control mb-2" placeholder="Email Address" name="email" required="">
803</div>
804<div class="col-12">
805<button type="submit" class="btn btn-tertiary shadow-soft btn-block" data-loading-text="Sending">
806<span>
807Subscribe</span>
808</button>
809</div>
810</div>
811</form>
812<small class="text-muted">
813We’ll never share your details. See our <a class="text-white" href="#">
814Privacy Policy</a>
815</small>
816</div>
817</div>
818<hr class="my-5">
819<div class="row">
820<div class="col mb-md-0">
821<a href="https://themesberg.com" target="_blank" class="d-flex justify-content-center">
822<img src="../../assets/img/themesberg.svg" height="25" class="mb-3" alt="Themesberg Logo">
823</a>
824<div class="d-flex text-center justify-content-center align-items-center">
825<p class="font-weight-normal font-small mb-0">
826Copyright © <a href="https://themesberg.com" target="_blank">
827Themesberg</a>
828 <span class="current-year">
8292020</span>
830. All rights reserved.</p>
831</div>
832</div>
833</div>
834</div>
835</footer>
836<!-- Core -->
837<script src="../../node_modules/jquery/dist/jquery.min.js">
838</script>
839<script src="../../node_modules/popper.js/dist/umd/popper.min.js">
840</script>
841<script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js">
842</script>
843<script src="../../node_modules/headroom.js/dist/headroom.min.js">
844</script>
845<!-- Vendor JS -->
846<script src="../../node_modules/onscreen/dist/on-screen.umd.min.js">
847</script>
848<script src="../../node_modules/nouislider/distribute/nouislider.min.js">
849</script>
850<script src="../../node_modules/bootstrap-datepicker/js/bootstrap-datepicker.js">
851</script>
852<script src="../../node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js">
853</script>
854<script src="../../node_modules/waypoints/lib/jquery.waypoints.min.js">
855</script>
856<script src="../../node_modules/jarallax/dist/jarallax.min.js">
857</script>
858<script src="../../node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js">
859</script>
860<script src="../../node_modules/vivus/dist/vivus.min.js">
861</script>
862<script src="../../node_modules/vivus/src/pathformer.js">
863</script>
864<!-- Place this tag in your head or just before your close body tag. -->
865<script async defer="defer" src="https://buttons.github.io/buttons.js">
866</script>
867<!-- pixel JS -->
868<script src="../../assets/js/pixel.js">
869</script>
870</body>
871</html>