first commit
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@@include('_head.html')
|
||||
</head>
|
||||
<body>
|
||||
<div class="content-wrapper">
|
||||
<header class="wrapper bg-light">
|
||||
@@include('_navbar.html', {
|
||||
"classList": "center-nav transparent navbar-light",
|
||||
"otherClassList": "w-100 d-flex ms-auto",
|
||||
"otherLanguageSelect": true,
|
||||
"otherBtn": true,
|
||||
"otherBtnClassList": "btn-sm btn-primary rounded-pill",
|
||||
"otherBtnText": "Contact",
|
||||
"otherBtnLink": "@@webRoot/contact.html"
|
||||
})
|
||||
</header>
|
||||
<!-- /header -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container pt-12 pt-md-14 pb-14 pb-md-16">
|
||||
<div class="row">
|
||||
<div class="col-lg-9 col-xl-8 mx-auto">
|
||||
<figure class="mb-10"><img class="img-fluid" src="@@webRoot/assets/img/illustrations/404.png" srcset="@@webRoot/assets/img/illustrations/404@2x.png 2x" alt=""></figure>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">
|
||||
<h1 class="mb-3">Oops! Page Not Found.</h1>
|
||||
<p class="lead mb-7 px-md-12 px-lg-5 px-xl-7">The page you are looking for is not available or has been moved. Try a different page or go to homepage with the button below.</p>
|
||||
<a href="@@webRoot/index.html" class="btn btn-primary rounded-pill">Go to Homepage</a>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="bg-dark text-inverse">
|
||||
<div class="container py-13 py-md-15">
|
||||
@@include('_footer-widgets.html', {
|
||||
"lightText": true
|
||||
})
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
@@include('_page-progress.html')
|
||||
@@include('_scripts.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,468 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@@include('_head.html')
|
||||
</head>
|
||||
<body>
|
||||
<div class="content-wrapper">
|
||||
<header class="wrapper bg-gray">
|
||||
@@include('_navbar.html', {
|
||||
"classList": "center-nav transparent navbar-light",
|
||||
"otherClassList": "w-100 d-flex ms-auto",
|
||||
"otherLanguageSelect": true,
|
||||
"otherBtn": true,
|
||||
"otherBtnClassList": "btn-sm btn-primary rounded-pill",
|
||||
"otherBtnText": "Contact",
|
||||
"otherBtnLink": "@@webRoot/contact.html"
|
||||
})
|
||||
</header>
|
||||
<!-- /header -->
|
||||
<section class="wrapper bg-gray">
|
||||
<div class="container pt-10 pt-md-14 text-center">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 mx-auto">
|
||||
<h1 class="display-1 mb-4">Hello! This is Sandbox</h1>
|
||||
<p class="lead fs-lg mb-0">A company turning ideas into beautiful things.</p>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
<figure class="position-absoute" style="bottom: 0; left: 0; z-index: 2;"><img src="@@webRoot/assets/img/photos/bg12.jpg" alt="" /></figure>
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light angled upper-end lower-end">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">
|
||||
<div class="col-lg-6 position-relative order-lg-2">
|
||||
<div class="shape bg-dot primary rellax w-16 h-20" data-rellax-speed="1" style="top: 3rem; left: 5.5rem"></div>
|
||||
<div class="overlap-grid overlap-grid-2">
|
||||
<div class="item">
|
||||
<figure class="rounded shadow"><img src="@@webRoot/assets/img/photos/about2.jpg" srcset="@@webRoot/assets/img/photos/about2@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
<div class="item">
|
||||
<figure class="rounded shadow"><img src="@@webRoot/assets/img/photos/about3.jpg" srcset="@@webRoot/assets/img/photos/about3@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-3">Who Are We?</h2>
|
||||
<p class="lead fs-lg">We are a digital and branding company that believes in the power of creative strategy and along with great design.</p>
|
||||
<p class="mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
|
||||
<div class="row gy-3 gx-xl-8">
|
||||
<div class="col-xl-6">
|
||||
<ul class="icon-list bullet-bg bullet-soft-primary mb-0">
|
||||
<li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>
|
||||
<li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-xl-6">
|
||||
<ul class="icon-list bullet-bg bullet-soft-primary mb-0">
|
||||
<li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>
|
||||
<li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-10 col-xl-8 col-xxl-7 mx-auto text-center">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/list.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-4 px-lg-14">Here are 3 working steps to organize our business projects.</h2>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<div class="card me-lg-6">
|
||||
<div class="card-body p-6">
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<span class="icon btn btn-circle btn-lg btn-soft-primary disabled me-4"><span class="number">01</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Collect Ideas</h4>
|
||||
<p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.card -->
|
||||
<div class="card ms-lg-13 mt-6">
|
||||
<div class="card-body p-6">
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<span class="icon btn btn-circle btn-lg btn-soft-primary disabled me-4"><span class="number">02</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Data Analysis</h4>
|
||||
<p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.card -->
|
||||
<div class="card mx-lg-6 mt-6">
|
||||
<div class="card-body p-6">
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<span class="icon btn btn-circle btn-lg btn-soft-primary disabled me-4"><span class="number">03</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Finalize Product</h4>
|
||||
<p class="mb-0">Cras mattis consectetur purus sit amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.card -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<h2 class="display-6 mb-3">How It Works?</h2>
|
||||
<p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p>
|
||||
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare.</p>
|
||||
<p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis.</p>
|
||||
<a href="#" class="btn btn-primary rounded-pill mb-0">Learn More</a>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-soft-primary">
|
||||
<div class="container pt-16 pb-14 pb-md-0">
|
||||
<div class="row gx-lg-8 gx-xl-0 align-items-center">
|
||||
<div class="col-md-5 col-lg-5 col-xl-4 offset-xl-1 d-none d-md-flex position-relative align-self-end">
|
||||
<div class="shape rounded-circle bg-pale-primary rellax w-21 h-21 d-md-none d-lg-block" data-rellax-speed="1" style="top: 7rem; left: 1rem"></div>
|
||||
<figure><img src="@@webRoot/assets/img/photos/co1.png" srcset="@@webRoot/assets/img/photos/co1@2x.png 2x" alt=""></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-7 col-lg-6 col-xl-6 col-xxl-5 offset-xl-1">
|
||||
<div class="swiper-container dots-start dots-closer mt-md-10 mb-md-15" data-margin="30" data-dots="true">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon fs-lg">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit.”</p>
|
||||
<div class="blockquote-details">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Coriss Ambady</h5>
|
||||
<p class="mb-0">Financial Analyst</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon fs-lg">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus curabitur blandit.”</p>
|
||||
<div class="blockquote-details">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Cory Zamora</h5>
|
||||
<p class="mb-0">Marketing Specialist</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon fs-lg">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus curabitur blandit.”</p>
|
||||
<div class="blockquote-details">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Nikolas Brooten</h5>
|
||||
<p class="mb-0">Sales Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-10 col-xl-9 col-xxl-7 mx-auto text-center">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-3 px-lg-14">Save your time and money by choosing our professional team.</h2>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="position-relative">
|
||||
<div class="shape rounded-circle bg-soft-yellow rellax w-16 h-16" data-rellax-speed="1" style="bottom: 0.5rem; right: -1.7rem;"></div>
|
||||
<div class="shape rounded-circle bg-line red rellax w-16 h-16" data-rellax-speed="1" style="top: 0.5rem; left: -1.7rem;"></div>
|
||||
<div class="swiper-container dots-closer mb-6" data-margin="0" data-dots="true" data-items-xxl="4" data-items-xl="3" data-items-lg="3" data-items-md="2" data-items-xs="1">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="@@webRoot/assets/img/avatars/te1.jpg" srcset="@@webRoot/assets/img/avatars/te1@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Coriss Ambady</h4>
|
||||
<div class="meta mb-2">Financial Analyst</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="@@webRoot/assets/img/avatars/te2.jpg" srcset="@@webRoot/assets/img/avatars/te2@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Cory Zamora</h4>
|
||||
<div class="meta mb-2">Marketing Specialist</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="@@webRoot/assets/img/avatars/te3.jpg" srcset="@@webRoot/assets/img/avatars/te3@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Nikolas Brooten</h4>
|
||||
<div class="meta mb-2">Sales Manager</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="@@webRoot/assets/img/avatars/te4.jpg" srcset="@@webRoot/assets/img/avatars/te4@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Jackie Sanders</h4>
|
||||
<div class="meta mb-2">Investment Planner</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="@@webRoot/assets/img/avatars/te5.jpg" srcset="@@webRoot/assets/img/avatars/te5@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Laura Widerski</h4>
|
||||
<div class="meta mb-2">Sales Specialist</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="@@webRoot/assets/img/avatars/te6.jpg" srcset="@@webRoot/assets/img/avatars/te6@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Tina Geller</h4>
|
||||
<div class="meta mb-2">Financial Analyst</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!-- /.position-relative -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-soft-primary">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row mb-10">
|
||||
<div class="col-xl-10 mx-auto">
|
||||
<div class="row align-items-center counter-wrapper gy-6 text-center">
|
||||
<div class="col-md-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">7518</h3>
|
||||
<p>Completed Projects</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">3472</h3>
|
||||
<p>Satisfied Customers</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">2184</h3>
|
||||
<p>Expert Employees</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">4523</h3>
|
||||
<p>Awards Won</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light angled upper-end lower-end">
|
||||
<div class="container pt-18 pb-14 pt-md-19 pb-md-16">
|
||||
<div class="row gx-md-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-md-8 col-lg-6 offset-lg-0 col-xl-5 offset-xl-1 position-relative">
|
||||
<div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.4rem;"></div>
|
||||
<figure class="rounded"><img src="@@webRoot/assets/img/photos/about4.jpg" srcset="@@webRoot/assets/img/photos/about4@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/telemarketer.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-8">Convinced yet? Let's make something great together.</h2>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Address</h5>
|
||||
<address>Moonshine St. 14/05 Light City, <br class="d-none d-md-block" />London, United Kingdom</address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-phone-volume"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Phone</h5>
|
||||
<p>00 (123) 456 78 90</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-envelope"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">E-mail</h5>
|
||||
<p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="bg-dark text-inverse">
|
||||
<div class="container py-13 py-md-15">
|
||||
<div class="mt-10"></div>
|
||||
@@include('_footer-widgets.html', {
|
||||
"lightText": true
|
||||
})
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
@@include('_page-progress.html')
|
||||
@@include('_scripts.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,448 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@@include('_head.html')
|
||||
</head>
|
||||
<body>
|
||||
<div class="content-wrapper">
|
||||
<header class="wrapper bg-soft-primary">
|
||||
@@include('_navbar.html', {
|
||||
"classList": "center-nav transparent navbar-light",
|
||||
"otherClassList": "w-100 d-flex ms-auto",
|
||||
"otherLanguageSelect": true,
|
||||
"otherBtn": true,
|
||||
"otherBtnClassList": "btn-sm btn-primary rounded-pill",
|
||||
"otherBtnText": "Contact",
|
||||
"otherBtnLink": "@@webRoot/contact.html"
|
||||
})
|
||||
</header>
|
||||
<!-- /header -->
|
||||
<section class="wrapper bg-soft-primary">
|
||||
<div class="container pt-10 pb-20 pt-md-14 pb-md-23 text-center">
|
||||
<div class="row">
|
||||
<div class="col-xl-5 mx-auto mb-6">
|
||||
<h1 class="display-1 mb-3">About Us</h1>
|
||||
<p class="lead mb-0">A company turning ideas into beautiful things.</p>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container pb-14 pb-md-16">
|
||||
<div class="row text-center mb-12 mb-md-15">
|
||||
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mt-n18 mt-md-n22">
|
||||
<figure><img class="w-auto" src="@@webRoot/assets/img/illustrations/i8.png" srcset="@@webRoot/assets/img/illustrations/i8@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-6 mb-10 align-items-center">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<ul class="progress-list">
|
||||
<li>
|
||||
<p>Marketing</p>
|
||||
<div class="progressbar line blue" data-value="100"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Strategy</p>
|
||||
<div class="progressbar line green" data-value="80"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Development</p>
|
||||
<div class="progressbar line yellow" data-value="85"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Data Analysis</p>
|
||||
<div class="progressbar line orange" data-value="90"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.progress-list -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<h3 class="display-5 mb-5">The full service we are offering is specifically designed to meet your business needs and projects.</h3>
|
||||
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur duis mollis commodo.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-6 gy-md-0 text-center">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md text-blue mb-3" alt="" />
|
||||
<h4>Marketing</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-md text-green mb-3" alt="" />
|
||||
<h4>Strategy</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-md text-yellow mb-3" alt="" />
|
||||
<h4>Development</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="@@webRoot/assets/img/icons/lineal/bar-chart.svg" class="svg-inject icon-svg icon-svg-md text-orange mb-3" alt="" />
|
||||
<h4>Data Analysis</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-gray">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-16 align-items-center">
|
||||
<div class="col-lg-7">
|
||||
<figure><img class="w-auto" src="@@webRoot/assets/img/illustrations/i3.png" srcset="@@webRoot/assets/img/illustrations/i3@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary mb-3">How It Works?</h2>
|
||||
<h3 class="display-5 mb-7 pe-xxl-5">Everything you need on creating a business process.</h3>
|
||||
<div class="d-flex flex-row mb-4">
|
||||
<div>
|
||||
<img src="@@webRoot/assets/img/icons/lineal/light-bulb.svg" class="svg-inject icon-svg icon-svg-sm text-blue me-4" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Collect Ideas</h4>
|
||||
<p class="mb-1">Nulla vitae elit libero pharetra augue dapibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-4">
|
||||
<div>
|
||||
<img src="@@webRoot/assets/img/icons/lineal/pie-chart-2.svg" class="svg-inject icon-svg icon-svg-sm text-green me-4" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Data Analysis</h4>
|
||||
<p class="mb-1">Vivamus sagittis lacus augue laoreet vel.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<img src="@@webRoot/assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-sm text-yellow me-4" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Magic Touch</h4>
|
||||
<p class="mb-0">Cras mattis consectetur purus sit amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-7 order-lg-2">
|
||||
<figure><img class="w-auto" src="@@webRoot/assets/img/illustrations/i2.png" srcset="@@webRoot/assets/img/illustrations/i2@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary mb-3">Why Choose Us?</h2>
|
||||
<h3 class="display-5 mb-7">A few reasons why our valued customers choose us.</h3>
|
||||
<div class="accordion accordion-wrapper" id="accordionExample">
|
||||
<div class="card plain accordion-item">
|
||||
<div class="card-header" id="headingOne">
|
||||
<button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>
|
||||
</div>
|
||||
<!--/.card-header -->
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.accordion-collapse -->
|
||||
</div>
|
||||
<!--/.accordion-item -->
|
||||
<div class="card plain accordion-item">
|
||||
<div class="card-header" id="headingTwo">
|
||||
<button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>
|
||||
</div>
|
||||
<!--/.card-header -->
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.accordion-collapse -->
|
||||
</div>
|
||||
<!--/.accordion-item -->
|
||||
<div class="card plain accordion-item">
|
||||
<div class="card-header" id="headingThree">
|
||||
<button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>
|
||||
</div>
|
||||
<!--/.card-header -->
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.accordion-collapse -->
|
||||
</div>
|
||||
<!--/.accordion-item -->
|
||||
</div>
|
||||
<!--/.accordion -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-4">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary text-center mb-3">Meet the Team</h2>
|
||||
<h3 class="display-5 mb-5">Save your time and money by choosing our professional team.</h3>
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.</p>
|
||||
<a href="#" class="btn btn-primary rounded-pill mt-3">See All Members</a>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-8">
|
||||
<div class="swiper-container text-center mb-6" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="@@webRoot/assets/img/avatars/t1.jpg" srcset="@@webRoot/assets/img/avatars/t1@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Cory Zamora</h4>
|
||||
<div class="meta mb-2">Marketing Specialist</div>
|
||||
<p class="mb-2">Etiam porta sem magna malesuada mollis.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-slack"></i></a>
|
||||
<a href="#"><i class="uil uil-linkedin"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="@@webRoot/assets/img/avatars/t2.jpg" srcset="@@webRoot/assets/img/avatars/t2@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Coriss Ambady</h4>
|
||||
<div class="meta mb-2">Financial Analyst</div>
|
||||
<p class="mb-2">Aenean eu leo quam. Pellentesque ornare lacinia.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="@@webRoot/assets/img/avatars/t3.jpg" srcset="@@webRoot/assets/img/avatars/t3@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Nikolas Brooten</h4>
|
||||
<div class="meta mb-2">Sales Manager</div>
|
||||
<p class="mb-2">Donec ornare elit quam porta gravida at eget.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-linkedin"></i></a>
|
||||
<a href="#"><i class="uil uil-tumblr-square"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="@@webRoot/assets/img/avatars/t4.jpg" srcset="@@webRoot/assets/img/avatars/t4@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Jackie Sanders</h4>
|
||||
<div class="meta mb-2">Investment Planner</div>
|
||||
<p class="mb-2">Nullam risus eget urna mollis ornare vel eu leo.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="@@webRoot/assets/img/avatars/t5.jpg" srcset="@@webRoot/assets/img/avatars/t5@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Tina Geller</h4>
|
||||
<div class="meta mb-2">Assistant Buyer</div>
|
||||
<p class="mb-2">Vivamus sagittis lacus vel augue laoreet rutrum.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-slack"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-gray">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-6 mb-15 align-items-center">
|
||||
<div class="col-lg-7 order-lg-2">
|
||||
<figure><img class="w-auto" src="@@webRoot/assets/img/illustrations/i4.png" srcset="@@webRoot/assets/img/illustrations/i4@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5 mt-lg-12">
|
||||
<div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon icon-top fs-lg text-center">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>
|
||||
<div class="blockquote-details justify-content-center text-center">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Coriss Ambady</h5>
|
||||
<p class="mb-0">Financial Analyst</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon icon-top fs-lg text-center">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>
|
||||
<div class="blockquote-details justify-content-center text-center">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Cory Zamora</h5>
|
||||
<p class="mb-0">Marketing Specialist</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon icon-top fs-lg text-center">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>
|
||||
<div class="blockquote-details justify-content-center text-center">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Nikolas Brooten</h5>
|
||||
<p class="mb-0">Sales Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="px-lg-5">
|
||||
<div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="@@webRoot/assets/img/brands/c1.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="@@webRoot/assets/img/brands/c2.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="@@webRoot/assets/img/brands/c3.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="@@webRoot/assets/img/brands/c4.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="@@webRoot/assets/img/brands/c5.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="@@webRoot/assets/img/brands/c6.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /div -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-7">
|
||||
<figure><img class="w-auto" src="@@webRoot/assets/img/illustrations/i5.png" srcset="@@webRoot/assets/img/illustrations/i5@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary text-center mb-3">Get In Touch</h2>
|
||||
<h3 class="display-5 mb-7">Got any questions? Don't hesitate to get in touch.</h3>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Address</h5>
|
||||
<address>Moonshine St. 14/05 Light City, London</address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Phone</h5>
|
||||
<p>00 (123) 456 78 90</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-envelope"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">E-mail</h5>
|
||||
<p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="bg-dark text-inverse">
|
||||
<div class="container py-13 py-md-15">
|
||||
@@include('_footer-widgets.html', {
|
||||
"lightText": true
|
||||
})
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
@@include('_page-progress.html')
|
||||
@@include('_scripts.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: 'THICCCBOI';
|
||||
src: url('THICCCBOI-Regular.woff2') format('woff2'),
|
||||
url('THICCCBOI-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'THICCCBOI';
|
||||
src: url('THICCCBOI-Medium.woff2') format('woff2'),
|
||||
url('THICCCBOI-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'THICCCBOI';
|
||||
src: url('THICCCBOI-Bold.woff2') format('woff2'),
|
||||
url('THICCCBOI-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-BoldItalic.woff2') format('woff2'),
|
||||
url('Urbanist-BoldItalic.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-SemiBoldItalic.woff2') format('woff2'),
|
||||
url('Urbanist-SemiBoldItalic.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Medium.woff2') format('woff2'),
|
||||
url('Urbanist-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-MediumItalic.woff2') format('woff2'),
|
||||
url('Urbanist-MediumItalic.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-SemiBold.woff2') format('woff2'),
|
||||
url('Urbanist-SemiBold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Italic.woff2') format('woff2'),
|
||||
url('Urbanist-Italic.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Regular.woff2') format('woff2'),
|
||||
url('Urbanist-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-LightItalic.woff2') format('woff2'),
|
||||
url('Urbanist-LightItalic.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Light.woff2') format('woff2'),
|
||||
url('Urbanist-Light.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Bold.woff2') format('woff2'),
|
||||
url('Urbanist-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 26 KiB |
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 635 330" style="enable-background:new 0 0 635 330;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{opacity:0.2;fill:#FFFFFF;}
|
||||
.st1{opacity:0.42;fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M266.6,310H17.5c-8.3,0-15-6.7-15-15V35c0-8.3,6.7-15,15-15h249.1c8.3,0,15,6.7,15,15v260
|
||||
C281.6,303.3,274.9,310,266.6,310z"/>
|
||||
<path class="st1" d="M70,221.1h143.9c5,0,9-4.1,9-9.3c0-2.5-0.9-4.9-2.7-6.7l-36-37.4c-3.5-3.6-9.2-3.6-12.7,0l-11.7,12.2
|
||||
l-29.6-30.7c-3.5-3.6-9.2-3.6-12.7,0l-54,56.1c-3.5,3.7-3.4,9.6,0.1,13.2C65.5,220.1,67.7,221,70,221.1z"/>
|
||||
<ellipse class="st1" cx="186.9" cy="127.6" rx="18" ry="18.7"/>
|
||||
<path class="st1" d="M626.9,57H334.2c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h292.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C632.5,54.5,630,57,626.9,57z"/>
|
||||
<path class="st1" d="M532.2,82.9h-198c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h198c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C537.8,80.4,535.3,82.9,532.2,82.9z"/>
|
||||
<path class="st0" d="M626.9,130.5H334.2c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h292.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C632.5,127.9,630,130.5,626.9,130.5z"/>
|
||||
<path class="st0" d="M626.9,156.3H334.2c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h292.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C632.5,153.8,630,156.3,626.9,156.3z"/>
|
||||
<path class="st0" d="M626.9,182.2H334.2c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h292.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C632.5,179.7,630,182.2,626.9,182.2z"/>
|
||||
<path class="st0" d="M568.9,208.1H334.2c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h234.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C574.5,205.6,572,208.1,568.9,208.1z"/>
|
||||
<circle class="st1" cx="351.5" cy="262.4" r="23"/>
|
||||
<path class="st0" d="M458.6,255.7h-66.7c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h66.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C464.3,253.2,461.7,255.7,458.6,255.7z"/>
|
||||
<path class="st0" d="M436.6,281.6h-44.7c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h44.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C442.3,279.1,439.7,281.6,436.6,281.6z"/>
|
||||
<circle class="st1" cx="519.7" cy="262.4" r="23"/>
|
||||
<path class="st0" d="M626.9,255.7h-66.7c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h66.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C632.5,253.2,630,255.7,626.9,255.7z"/>
|
||||
<path class="st0" d="M604.9,281.6h-44.7c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h44.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C610.5,279.1,608,281.6,604.9,281.6z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 635 330" style="enable-background:new 0 0 635 330;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{opacity:0.2;fill:#FFFFFF;}
|
||||
.st1{opacity:0.42;fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M618.5,298.3H369.4c-8.3,0-15-6.7-15-15V46.7c0-8.3,6.7-15,15-15h249.1c8.3,0,15,6.7,15,15v236.7
|
||||
C633.5,291.6,626.8,298.3,618.5,298.3z"/>
|
||||
<path class="st1" d="M421.9,221.1h143.9c5,0,9-4.1,9-9.3c0-2.5-0.9-4.9-2.7-6.7l-36-37.4c-3.5-3.6-9.2-3.6-12.7,0l-11.7,12.2
|
||||
l-29.6-30.7c-3.5-3.6-9.2-3.6-12.7,0l-54,56.1c-3.5,3.7-3.4,9.6,0.1,13.2C417.4,220.1,419.6,221,421.9,221.1z"/>
|
||||
<ellipse class="st1" cx="538.8" cy="127.6" rx="18" ry="18.7"/>
|
||||
<path class="st1" d="M265.9,102.4H7.1c-3.1,0-5.6-2.5-5.6-5.6v-1.1C1.5,92.5,4,90,7.1,90h258.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C271.5,99.9,269,102.4,265.9,102.4z"/>
|
||||
<path class="st1" d="M265.9,76.4H7.1c-3.1,0-5.6-2.5-5.6-5.6v-1.1C1.5,66.5,4,64,7.1,64h258.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C271.5,73.9,269,76.4,265.9,76.4z"/>
|
||||
<path class="st1" d="M181.8,128.3H7.1c-3.1,0-5.6-2.5-5.6-5.6v-1.1c0-3.1,2.5-5.6,5.6-5.6h174.6c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C187.4,125.8,184.9,128.3,181.8,128.3z"/>
|
||||
<path class="st0" d="M265.9,175.8H7.1c-3.1,0-5.6-2.5-5.6-5.6V169c0-3.1,2.5-5.6,5.6-5.6h258.7c3.1,0,5.6,2.5,5.6,5.6v1.1
|
||||
C271.5,173.3,269,175.8,265.9,175.8z"/>
|
||||
<path class="st0" d="M214.4,201.1H7.1c-3.1,0-5.6-2.5-5.6-5.6v0c0-3.1,2.5-5.6,5.6-5.6h207.3c3.1,0,5.6,2.5,5.6,5.6v0
|
||||
C220,198.6,217.5,201.1,214.4,201.1z"/>
|
||||
<path class="st1" d="M86.5,266h-70c-8.3,0-15-6.7-15-15v0c0-8.3,6.7-15,15-15h70c8.3,0,15,6.7,15,15v0
|
||||
C101.5,259.3,94.8,266,86.5,266z"/>
|
||||
<path class="st1" d="M194.5,266.3h-70c-8.3,0-15-6.7-15-15v0c0-8.3,6.7-15,15-15h70c8.3,0,15,6.7,15,15v0
|
||||
C209.5,259.6,202.8,266.3,194.5,266.3z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |