File size: 35.09Kb
<!doctype html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>About || Jantrik Bootstrap4 Template for Tools, Equipment Store</title>
<meta name="description" content="Default Description">
<meta name="keywords" content="E-commerce" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.png">
<!-- Google Font css -->
<link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet">
<!-- mobile menu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- nivo slider css -->
<link rel="stylesheet" href="css/nivo-slider.css">
<!-- owl carousel css -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- slick css -->
<link rel="stylesheet" href="css/slick.css">
<!-- price slider css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- fontawesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- fancybox css -->
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- default css -->
<link rel="stylesheet" href="css/default.css">
<!-- style css -->
<link rel="stylesheet" href="style.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr js -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Wrapper Start -->
<div class="wrapper">
<!-- Header Area Start -->
<header>
<!-- Header Top Start -->
<div class="header-top">
<div class="container">
<div class="row">
<!-- Header Top left Start -->
<div class="col-lg-4 col-md-12 d-center">
<div class="header-top-left">
<img src="img/icon/call.png" alt="">Call Us : +11 222 3333
</div>
</div>
<!-- Header Top left End -->
<!-- Search Box Start -->
<div class="col-lg-4 col-md-6 ml-auto mr-auto">
<div class="search-box-view">
<form action="#">
<input type="text" class="email" placeholder="Search Your Product" name="product">
<button type="submit" class="submit"></button>
</form>
</div>
</div>
<!-- Search Box End -->
<!-- Header Top Right Start -->
<div class="col-lg-4 col-md-12">
<div class="header-top-right">
<ul class="header-list-menu f-right">
<!-- Language Start -->
<li><a href="#">Language: English <i class="fa fa-angle-down"></i></a>
<ul class="ht-dropdown">
<li><a href="#">Spanish</a></li>
<li><a href="#">Bengali</a></li>
<li><a href="#">Russian</a></li>
</ul>
</li>
<!-- Language End -->
<!-- Currency Start -->
<li><a href="#">Currency: USD <i class="fa fa-angle-down"></i></a>
<ul class="ht-dropdown">
<li><a href="#">USD</a></li>
<li><a href="#">GBP</a></li>
<li><a href="#">EUR</a></li>
</ul>
</li>
<!-- Currency End -->
</ul>
<!-- Header-list-menu End -->
</div>
</div>
<!-- Header Top Right End -->
</div>
</div>
<!-- Container End -->
</div>
<!-- Header Top End -->
<!-- Header Bottom Start -->
<div class="header-bottom header-sticky">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-2 col-sm-5 col-5">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.png" alt="logo-image"></a>
</div>
</div>
<!-- Primary Vertical-Menu End -->
<!-- Search Box Start -->
<div class="col-xl-6 col-lg-7 d-none d-lg-block">
<div class="middle-menu pull-right">
<nav>
<ul class="middle-menu-list">
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown home-dropdown">
<li><a href="index.html">Home Version One</a></li>
<li><a href="index-2.html">Home Version Two</a></li>
<li><a href="index-3.html">Home Box Layout</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="about.html">about us</a></li>
<li><a href="shop.html">shop<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown dropdown-style-two">
<li><a href="shop.html">Shop</a>
<!-- Start Two Step -->
<ul class="ht-dropdown dropdown-style-two sub-menu">
<li><a href="shop.html">Product Category Name</a>
<!-- Start Three Step -->
<ul class="ht-dropdown dropdown-style-two sub-menu">
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="product.html">product details Page</a></li>
<li><a href="compare.html">Compare Page</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
<li><a href="wishlist.html">Wishlist Page</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="blog.html">Blog<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown dropdown-style-two">
<li><a href="blog.html">Blog Page</a></li>
<li><a href="blog-details.html">Blog Details Page</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="#">pages<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown dropdown-style-two">
<li><a href="login.html">Login Page</a></li>
<li><a href="register.html">Register Page</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="forgot-password.html">Forgot Password Page</a></li>
<li><a href="account.html">Account Page</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="contact.html">contact us</a></li>
</ul>
</nav>
</div>
</div>
<!-- Search Box End -->
<!-- Cartt Box Start -->
<div class="col-lg-3 col-sm-7 col-7">
<div class="cart-box text-right">
<ul>
<li><a href="compare.html"><i class="fa fa-cog"></i></a>
<ul class="ht-dropdown">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="account.html">Account</a></li>
</ul>
</li>
<li><a href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-basket"></i><span class="cart-counter">2</span></a>
<ul class="ht-dropdown main-cart-box">
<li>
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#"><img src="img/menu/1.jpg" alt="cart-image"></a>
</div>
<div class="cart-content">
<h6><a href="product.html">Products Name</a></h6>
<span>1 × $399.00</span>
</div>
<a class="del-icone" href="#"><i class="fa fa-window-close-o"></i></a>
</div>
<!-- Cart Box End -->
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#"><img src="img/menu/2.jpg" alt="cart-image"></a>
</div>
<div class="cart-content">
<h6><a href="product.html">Products Name</a></h6>
<span>2 × $299.00</span>
</div>
<a class="del-icone" href="#"><i class="fa fa-window-close-o"></i></a>
</div>
<!-- Cart Box End -->
<!-- Cart Footer Inner Start -->
<div class="cart-footer fix">
<h5>total :<span class="f-right">$698.00</span></h5>
<div class="cart-actions">
<a class="checkout" href="checkout.html">Checkout</a>
</div>
</div>
<!-- Cart Footer Inner End -->
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Cartt Box End -->
<div class="col-sm-12 d-lg-none">
<div class="mobile-menu">
<nav>
<ul>
<li><a href="index.html">home</a>
<!-- Home Version Dropdown Start -->
<ul>
<li><a href="index.html">Home Version One</a></li>
<li><a href="index-2.html">Home Version Two</a></li>
<li><a href="index-3.html">Home Box Layout</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="shop.html">shop</a>
<!-- Mobile Menu Dropdown Start -->
<ul>
<li><a href="product.html">Shop</a>
<ul>
<li><a href="shop.html">Product Category Name</a>
<!-- Start Three Step -->
<ul>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="product.html">product details Page</a></li>
<li><a href="compare.html">Compare Page</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
<li><a href="wishlist.html">Wishlist Page</a></li>
</ul>
<!-- Mobile Menu Dropdown End -->
</li>
<li><a href="blog.html">Blog</a>
<!-- Mobile Menu Dropdown Start -->
<ul>
<li><a href="blog-details.html">Blog Details Page</a></li>
</ul>
<!-- Mobile Menu Dropdown End -->
</li>
<li><a href="#">pages</a>
<!-- Mobile Menu Dropdown Start -->
<ul>
<li><a href="login.html">login Page</a></li>
<li><a href="register.html">Register Page</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
<!-- Mobile Menu Dropdown End -->
</li>
<li><a href="about.html">about us</a></li>
<li><a href="contact.html">contact us</a></li>
</ul>
</nav>
</div>
</div>
<!-- Mobile Menu End -->
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</div>
<!-- Header Bottom End -->
</header>
<!-- Header Area End -->
<!-- Breadcrumb Start -->
<div class="breadcrumb-area ptb-60 ptb-sm-30">
<div class="container">
<div class="breadcrumb">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
</ul>
</div>
</div>
<!-- Container End -->
</div>
<!-- Breadcrumb End -->
<!-- About Main Area Start -->
<div class="about-main-area">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-12">
<div class="about-img">
<img class="img" src="img/banner/about.jpg" alt="about-us">
</div>
</div>
<div class="col-lg-5 col-md-12">
<div class="about-content">
<h3>Why We are?</h3>
<p>Mellentesque faucibus dapibus dapibus. Morbi aliquam aliquet neque. Donec placerat dapibus sollicitudin. Morbi arcu nisi, mattis ullamcorper in, dapibus ac nunc. Cras bibendum mauris et sapien nibh feugiat. scelerisque accumsan nibh gravida. Quisque aliquet justo elementum lectus ultrices bibendum.</p> <br>
<p>dapibus ac nunc. Cras bibendum mauris et sapien feugiat. scelerisque accumsan nibh gravida. Quisque aliquet justo elementum lectus ultrices bibendum.</p>
<ul class="mt-20 about-content-list">
<li><a href="#">Amazing wordpress theme</a></li>
<li><a href="#">HTML & CSS3 build with bootstrap</a></li>
<li><a href="#">Powerfull admin panel</a></li>
<li><a href="#">Icon well organized & SEO optimized friendy</a></li>
<li><a href="#">Iconncredible design</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- About Main Area End -->
<!-- Our Mission Start -->
<div class="about-bottom pt-50 pb-60">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="ht-single-about pb-sm-40">
<h3>OUR EXPERIENCES</h3>
<h5>fusce fringilla porttitor iaculi sed quam libero, adipiscing sed erat id praesent eu nis.</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nisi ac mi malesuada vestibulum. Phasellus tempor nunc eleifend cursus molestie. Mauris lectus arcu, pellentesque at sodales sit amet, Phasellus tempor nunc eleifend cursus molestie. Mauris lectus arcu, pellentesque at sodales sit amet,</p>
<p>Donec ornare mattis suscipit. Praesent fermentum accumsan vulputate. Sed velit nulla, sagittis non erat id, dictum vestibulum ligula. Maecenas sed enim sem.</p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="ht-single-about">
<h3>OUR WORKS</h3>
<div class="ht-about-work">
<span>1</span>
<div class="ht-work-text">
<h5><a href="#">LOREM IPSUM DOLOR SIT AMET</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nisi ac mi</p>
</div>
</div>
<div class="ht-about-work">
<span>2</span>
<div class="ht-work-text">
<h5><a href="#">DONEC FERMENTUM EROS</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nisi ac mi</p>
</div>
</div>
<div class="ht-about-work">
<span>3</span>
<div class="ht-work-text">
<h5><a href="#">LOREM IPSUM DOLOR SIT AMET</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nisi ac mi</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Our Mission End -->
<!-- Brand Logo Start -->
<div class="brand-area pb-60">
<div class="container">
<!-- Brand Banner Start -->
<div class="brand-banner owl-carousel">
<div class="single-brand">
<a href="#"><img class="img" src="img/brand/1.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/2.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/3.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/4.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/5.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img class="img" src="img/brand/1.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/2.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/3.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/4.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/5.png" alt="brand-image"></a>
</div>
</div>
<!-- Brand Banner End -->
</div>
</div>
<!-- Brand Logo End -->
<footer class="off-white-bg">
<!-- Footer Top Start -->
<div class="footer-top pt-50 pb-60">
<div class="container">
<div class="row">
<div class="col-lg-6 mr-auto ml-auto">
<div class="newsletter text-center">
<div class="main-news-desc">
<div class="news-desc">
<h3>Sign Up For Newsletters</h3>
<p>Get e-mail updates about our latest shop and special offers.</p>
</div>
</div>
<div class="newsletter-box">
<form action="#">
<input class="subscribe" placeholder="Enter your email address" name="email" id="subscribe" type="text">
<button type="submit" class="submit">subscribe</button>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Single Footer Start -->
<div class="col-lg-4 col-md-7 col-sm-6">
<div class="single-footer">
<h3>Contact us</h3>
<div class="footer-content">
<div class="loc-address">
<span><i class="fa fa-map-marker"></i>184 Main Rd E, St Albans VIC 3021, Australia.</span>
<span><i class="fa fa-envelope-o"></i>Mail Us : yourinfo@example.com</span>
<span><i class="fa fa-phone"></i>Phone: + 00 254 254565 54</span>
</div>
<div class="payment-mth"><a href="#"><img class="img" src="img/footer/1.png" alt="payment-image"></a></div>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-5 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">Information</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Site Map</a></li>
<li><a href="#">Specials</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Order History</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-4 col-md-4 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">My Account</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="account.html">My account</a></li>
<li><a href="#">Checkout</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">address</a></li>
<li><a href="#">Order status</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-4 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">customer service</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="account.html">My account</a></li>
<li><a href="#">New</a></li>
<li><a href="#">Gift Cards</a></li>
<li><a href="#">Return Policy</a></li>
<li><a href="#">Your Orders</a></li>
<li><a href="#">Subway</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-4 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">Let Us Help You</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Your Account</a></li>
<li><a href="#">Your Orders</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Amazon Prime</a></li>
<li><a href="#">Replacements</a></li>
<li><a href="#">Manage </a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</div>
<!-- Footer Top End -->
<!-- Footer Bottom Start -->
<div class="footer-bottom off-white-bg2">
<div class="container">
<div class="footer-bottom-content">
<p class="copy-right-text">Copyright © <a href="#">Jantrik</a> All Rights Reserved.</p>
<div class="footer-social-content">
<ul class="social-content-list">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-wifi"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Container End -->
</div>
<!-- Footer Bottom End -->
</footer>
<!-- Footer End -->
</div>
<!-- Wrapper End -->
<!-- jquery 3.12.4 -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!-- mobile menu js -->
<script src="js/jquery.meanmenu.min.js"></script>
<!-- scroll-up js -->
<script src="js/jquery.scrollUp.js"></script>
<!-- owl-carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- slick js -->
<script src="js/slick.min.js"></script>
<!-- wow js -->
<script src="js/wow.min.js"></script>
<!-- price slider js -->
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<!-- nivo slider js -->
<script src="js/jquery.nivo.slider.js"></script>
<!-- fancybox js -->
<script src="js/jquery.fancybox.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- popper -->
<script src="js/popper.js"></script>
<!-- plugins -->
<script src="js/plugins.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>