File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/../tmpr/../brandKit/about.php
<?php
include "includes/head-links.php";
?>
<body class="index-page" data-bs-spy="scroll" data-bs-target="#navmenu">
<!-- ======= Header ======= -->
<?php
include "includes/nav2.php";
?>
<!-- Page Content-->
<main class="container-fluid px-0">
<!-- Row: Shop online-->
<section class="row no-gutters">
<div class="col-md-6 bg-position-center bg-size-cover bg-secondary" style="min-height: 15rem; background-image: url(assets/img/about/01.jpg);"><span class="split-section-arrow arrow-left"></span></div>
<div class="col-md-6 px-3 px-md-5 py-5">
<div class="mx-auto py-lg-5" style="max-width: 35rem;">
<h2 class="h3 pb-3">Search, Select, Edit Online</h2>
<p class="font-size-sm pb-3 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id purus at risus pellentesque faucibus a quis eros. In eu fermentum leo. Integer ut eros lacus. Proin ut accumsan leo. Morbi vitae est eget dolor consequat aliquam eget quis dolor. Mauris rutrum fermentum erat, at euismod lorem pharetra nec. Duis erat lectus, ultrices euismod sagittis at, pharetra eu nisl. Phasellus id ante at velit tincidunt hendrerit. Aenean dolor dolor tristique nec. Tristique nulla aliquet enim tortor at auctor urna nunc. Sit amet aliquam id diam maecenas ultricies mi eget.</p><a class="btn btn-primary btn-shadow" href="shop-grid-ls.html">View products</a>
</div>
</div>
</section>
<!-- Row: Delivery-->
<section class="row no-gutters">
<div class="col-md-6 bg-position-center bg-size-cover bg-secondary order-md-2" style="min-height: 15rem; background-image: url(assets/img/about/02.jpg);"><span class="split-section-arrow arrow-right"></span></div>
<div class="col-md-6 px-3 px-md-5 py-5 order-md-1">
<div class="mx-auto py-lg-5" style="max-width: 35rem;">
<h2 class="h3 pb-3">Fast delivery worldwide</h2>
<p class="font-size-sm pb-3 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id purus at risus pellentesque faucibus a quis eros. In eu fermentum leo. Integer ut eros lacus. Proin ut accumsan leo. Morbi vitae est eget dolor consequat aliquam eget quis dolor. Mauris rutrum fermentum erat, at euismod lorem pharetra nec. Duis erat lectus, ultrices euismod sagittis at, pharetra eu nisl. Phasellus id ante at velit tincidunt hendrerit. Aenean dolor dolor tristique nec. Tristique nulla aliquet enim tortor at auctor urna nunc. Sit amet aliquam id diam maecenas ultricies mi eget.</p><a class="btn btn-accent btn-shadow" href="#">Shipping details</a>
</div>
</div>
</section>
<!-- Row: Mobile app-->
<section class="row no-gutters">
<div class="col-md-6 bg-position-center bg-size-cover bg-secondary" style="min-height: 15rem; background-image: url(assets/img/about/03.jpg);"><span class="split-section-arrow arrow-left"></span></div>
<div class="col-md-6 px-3 px-md-5 py-5">
<div class="mx-auto py-lg-5" style="max-width: 35rem;">
<h2 class="h3 pb-3">Great mobile app. Shop on the go</h2>
<p class="font-size-sm pb-3 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id purus at risus pellentesque faucibus a quis eros. In eu fermentum leo. Integer ut eros lacus. Proin ut accumsan leo. Morbi vitae est eget dolor consequat aliquam eget quis dolor. Mauris rutrum fermentum erat, at euismod. Duis erat lectus, ultrices euismod sagittis at dolor tristique nec. Tristique nulla aliquet enim tortor at auctor urna nunc. Sit amet aliquam id diam maecenas ultricies mi eget.</p><a class="btn-market btn-apple mr-3 mb-3" href="#" role="button"><span class="btn-market-subtitle">Download on the</span><span class="btn-market-title">App Store</span></a><a class="btn-market btn-google mb-3" href="#" role="button"><span class="btn-market-subtitle">Download on the</span><span class="btn-market-title">Google Play</span></a>
</div>
</div>
</section>
<!-- Section: Shopping outlets-->
<section class="row no-gutters">
<div class="col-md-6 bg-position-center bg-size-cover bg-secondary order-md-2" style="min-height: 15rem; background-image: url(assets/img/about/04.jpg);"><span class="split-section-arrow arrow-right"></span></div>
<div class="col-md-6 px-3 px-md-5 py-5 order-md-1">
<div class="mx-auto py-lg-5" style="max-width: 35rem;">
<h2 class="h3 pb-3">Shop offline. Cozy outlet stores</h2>
<p class="font-size-sm pb-3 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id purus at risus pellentesque faucibus a quis eros. In eu fermentum leo. Integer ut eros lacus. Proin ut accumsan leo. Morbi vitae est eget dolor consequat aliquam eget quis dolor. Mauris rutrum fermentum erat, at euismod lorem pharetra nec. Duis erat lectus, ultrices euismod sagittis at, pharetra eu nisl. Phasellus id ante at velit tincidunt hendrerit. Aenean dolor dolor tristique nec. Tristique nulla aliquet enim tortor at auctor urna nunc. Sit amet aliquam id diam maecenas ultricies mi eget.</p><a class="btn btn-warning btn-shadow" href="contacts.html">See outlet stores</a>
</div>
</div>
</section>
<hr>
<!-- Section: Team-->
<section class="container py-3 py-lg-5 mt-4 mb-3">
<h2 class="h3 my-2">Our core team</h2>
<p class="font-size-sm text-muted">People behind your great shopping experience</p>
<div class="row pt-3">
<div class="col-lg-4 col-sm-6 mb-grid-gutter">
<div class="media align-items-center"><img class="d-inline-block rounded-circle" src="assets/img/team/03.jpg" width="96" alt="Jonathan Doe">
<div class="media-body pl-3">
<h6 class="font-size-base pt-1 mb-1">Jonathan Doe</h6>
<p class="font-size-ms text-muted mb-0">CEO, Co-founder</p><a class="nav-link-style font-size-ms text-nowrap" href="mailto:johndoe@example.com"><i class="czi-mail mr-2"></i>johndoe@example.com</a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-grid-gutter">
<div class="media align-items-center"><img class="d-inline-block rounded-circle" src="assets/img/team/04.jpg" width="96" alt="Barbara Palson">
<div class="media-body pl-3">
<h6 class="font-size-base pt-1 mb-1">Barbara Palson</h6>
<p class="font-size-ms text-muted mb-0">Chief of Marketing</p><a class="nav-link-style font-size-ms text-nowrap" href="mailto:b.palson@example.com"><i class="czi-mail mr-2"></i>b.palson@example.com</a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-grid-gutter">
<div class="media align-items-center"><img class="d-inline-block rounded-circle" src="assets/img/team/06.jpg" width="96" alt="William Smith">
<div class="media-body pl-3">
<h6 class="font-size-base pt-1 mb-1">William Smith</h6>
<p class="font-size-ms text-muted mb-0">Financial director</p><a class="nav-link-style font-size-ms text-nowrap" href="mailto:w.smith@example.com"><i class="czi-mail mr-2"></i>w.smith@example.com</a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-grid-gutter">
<div class="media align-items-center"><img class="d-inline-block rounded-circle" src="assets/img/team/02.jpg" width="96" alt="Amanda Gallaher">
<div class="media-body pl-3">
<h6 class="font-size-base pt-1 mb-1">Amanda Gallaher</h6>
<p class="font-size-ms text-muted mb-0">Lead UX designer</p><a class="nav-link-style font-size-ms text-nowrap" href="mailto:a.gallaher@example.com"><i class="czi-mail mr-2"></i>a.gallaher@example.com</a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-grid-gutter">
<div class="media align-items-center"><img class="d-inline-block rounded-circle" src="assets/img/team/01.jpg" width="96" alt="Benjamin Miller">
<div class="media-body pl-3">
<h6 class="font-size-base pt-1 mb-1">Benjamin Miller</h6>
<p class="font-size-ms text-muted mb-0">Website development</p><a class="nav-link-style font-size-ms text-nowrap" href="mailto:b.miller@example.com"><i class="czi-mail mr-2"></i>b.miller@example.com</a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-grid-gutter">
<div class="media align-items-center"><img class="d-inline-block rounded-circle" src="assets/img/team/07.jpg" width="96" alt="Miguel Rodrigez">
<div class="media-body pl-3">
<h6 class="font-size-base pt-1 mb-1">Miguel Rodrigez</h6>
<p class="font-size-ms text-muted mb-0">Content manager</p><a class="nav-link-style font-size-ms text-nowrap" href="mailto:b.miller@example.com"><i class="czi-mail mr-2"></i>m.rodrigez@example.com</a>
</div>
</div>
</div>
</div>
</section>
<!-- Section: We are hiring-->
<hr>
<section class="row no-gutters">
<div class="col-md-6 bg-position-center bg-size-cover bg-secondary order-md-2" style="min-height: 15rem; background-image: url(assets/img/about/05.jpg);"><span class="split-section-arrow arrow-left"></span></div>
<div class="col-md-6 px-3 px-md-5 py-5 order-md-1">
<div class="mx-auto py-lg-5" style="max-width: 35rem;">
<h2 class="h3 mb-2">We are hiring new talents</h2>
<p class="font-size-sm text-muted pb-2">If you want to be part of our team please submit you CV using the form below:</p>
<form class="needs-validation row" method="post" novalidate>
<div class="col-sm-6 form-group">
<input class="form-control" type="text" placeholder="Your name" required>
</div>
<div class="col-sm-6 form-group">
<input class="form-control" type="email" placeholder="Your email" required>
</div>
<div class="col-12 form-group">
<textarea class="form-control" rows="4" placeholder="Message"></textarea>
</div>
<div class="col-12 form-group">
<div class="custom-file">
<input class="custom-file-input" type="file" id="file-input">
<label class="custom-file-label" for="file-input">Choose file...</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-info btn-shadow" type="submit">Submit your CV</button>
</div>
</form>
</div>
</div>
</section>
</main>
<!-- ======= FOOTER SECTION STARTS HERE ======= -->
<?php include "includes/footer.php"; ?>
<!-- ======= FOOTER SECTION ENDS HERE ======= -->