You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
389 lines
14 KiB
389 lines
14 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
|
|
|
<title>Sixteen Clothing - About Page</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<!--
|
|
|
|
TemplateMo 546 Sixteen Clothing
|
|
|
|
https://templatemo.com/tm-546-sixteen-clothing
|
|
|
|
-->
|
|
|
|
<!-- Additional CSS Files -->
|
|
<link rel="stylesheet" href="static/css/fontawesome.css">
|
|
<link rel="stylesheet" href="static/css/templatemo-sixteen.css">
|
|
<link rel="stylesheet" href="static/css/owl.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ***** Preloader Start ***** -->
|
|
<div id="preloader">
|
|
<div class="jumper">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
<!-- ***** Preloader End ***** -->
|
|
|
|
<!-- Header -->
|
|
<header class="">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.html"><h2>Sixteen <em>Clothing</em></h2></a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html">Home
|
|
<span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="products.html">Our Products</a>
|
|
</li>
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="about.html">About Us</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.html">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Page Content -->
|
|
<div class="page-heading about-heading header-text">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="text-content">
|
|
<h4>about us</h4>
|
|
<h2>our company</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="best-features about-features">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="section-heading">
|
|
<h2>Our Background</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="right-image">
|
|
<img src="static/img/feature-image.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="left-content">
|
|
<h4>Who we are & What we do?</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed voluptate nihil eum consectetur similique? Consectetur, quod, incidunt, harum nisi dolores delectus reprehenderit voluptatem perferendis dicta dolorem non blanditiis ex fugiat. Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur, modi mollitia corporis ipsa voluptate corrupti eum ratione ex ea praesentium quibusdam? Aut, in eum facere corrupti necessitatibus perspiciatis quis.</p>
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="team-members">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="section-heading">
|
|
<h2>Our Team Members</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="team-member">
|
|
<div class="thumb-container">
|
|
<img src="static/img/team_01.jpg" alt="">
|
|
<div class="hover-effect">
|
|
<div class="hover-content">
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Johnny William</h4>
|
|
<span>CO-Founder</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="team-member">
|
|
<div class="thumb-container">
|
|
<img src="static/img/team_02.jpg" alt="">
|
|
<div class="hover-effect">
|
|
<div class="hover-content">
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Karry Pitcher</h4>
|
|
<span>Product Expert</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="team-member">
|
|
<div class="thumb-container">
|
|
<img src="static/img/team_03.jpg" alt="">
|
|
<div class="hover-effect">
|
|
<div class="hover-content">
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Michael Soft</h4>
|
|
<span>Chief Marketing</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="team-member">
|
|
<div class="thumb-container">
|
|
<img src="static/img/team_04.jpg" alt="">
|
|
<div class="hover-effect">
|
|
<div class="hover-content">
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Mary Cool</h4>
|
|
<span>Product Specialist</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="team-member">
|
|
<div class="thumb-container">
|
|
<img src="static/img/team_05.jpg" alt="">
|
|
<div class="hover-effect">
|
|
<div class="hover-content">
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>George Walker</h4>
|
|
<span>Product Photographer</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="team-member">
|
|
<div class="thumb-container">
|
|
<img src="static/img/team_06.jpg" alt="">
|
|
<div class="hover-effect">
|
|
<div class="hover-content">
|
|
<ul class="social-icons">
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-behance"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Kate Town</h4>
|
|
<span>General Manager</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="services">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="service-item">
|
|
<div class="icon">
|
|
<i class="fa fa-gear"></i>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Product Management</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur an adipisicing elit. Itaque, corporis nulla at quia quaerat.</p>
|
|
<a href="#" class="filled-button">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="service-item">
|
|
<div class="icon">
|
|
<i class="fa fa-gear"></i>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Customer Relations</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur an adipisicing elit. Itaque, corporis nulla at quia quaerat.</p>
|
|
<a href="#" class="filled-button">Details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="service-item">
|
|
<div class="icon">
|
|
<i class="fa fa-gear"></i>
|
|
</div>
|
|
<div class="down-content">
|
|
<h4>Global Collection</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur an adipisicing elit. Itaque, corporis nulla at quia quaerat.</p>
|
|
<a href="#" class="filled-button">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="happy-clients">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="section-heading">
|
|
<h2>Happy Partners</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="owl-clients owl-carousel">
|
|
<div class="client-item">
|
|
<img src="static/img/client-01.png" alt="1">
|
|
</div>
|
|
|
|
<div class="client-item">
|
|
<img src="static/img/client-01.png" alt="2">
|
|
</div>
|
|
|
|
<div class="client-item">
|
|
<img src="static/img/client-01.png" alt="3">
|
|
</div>
|
|
|
|
<div class="client-item">
|
|
<img src="static/img/client-01.png" alt="4">
|
|
</div>
|
|
|
|
<div class="client-item">
|
|
<img src="static/img/client-01.png" alt="5">
|
|
</div>
|
|
|
|
<div class="client-item">
|
|
<img src="static/img/client-01.png" alt="6">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="inner-content">
|
|
<p>Copyright © 2020 Sixteen Clothing Co., Ltd.
|
|
|
|
- Design: <a rel="nofollow noopener" href="https://templatemo.com" target="_blank">TemplateMo</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="static/lib/jquery/jquery.min.js"></script>
|
|
<script src="static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
|
<!-- Additional Scripts -->
|
|
<script src="static/js/custom.js"></script>
|
|
<script src="static/js/owl.js"></script>
|
|
<script src="static/js/slick.js"></script>
|
|
<script src="static/js/isotope.js"></script>
|
|
<script src="static/js/accordions.js"></script>
|
|
|
|
|
|
<script language = "text/Javascript">
|
|
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
|
|
function clearField(t){ //declaring the array outside of the
|
|
if(! cleared[t.id]){ // function makes it static and global
|
|
cleared[t.id] = 1; // you could use true and false, but that's more typing
|
|
t.value=''; // with more chance of typos
|
|
t.style.color='#fff';
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|