Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/thietkeweb2/layout/2021/ |
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<title>Motiva - Mentor, Coach and Speaker Website Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Motiva - Mentor, Coach and Speaker Website Template" name="description">
<meta content="" name="keywords">
<meta content="" name="author">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- CSS Files
================================================== -->
<link id="bootstrap" href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link id="bootstrap-grid" href="css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" />
<link id="bootstrap-reboot" href="css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="css/owl.theme.css" rel="stylesheet" type="text/css">
<link href="css/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="css/jquery.countdown.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- color scheme -->
<link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css">
<link href="css/coloring.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="topbar" class="text-white bg-color topbar-noborder">
<div class="container">
<div class="topbar-left sm-hide">
<span class="topbar-widget tb-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</span>
</div>
<div class="topbar-right">
<span class="topbar-widget"><a href="#">Privacy policy</a></span>
<span class="topbar-widget"><a href="#">Request Quote</a></span>
<span class="topbar-widget"><a href="#">FAQ</a></span>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- header begin -->
<header class="transparent">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="de-flex sm-pt10">
<div class="de-flex-col">
<!-- logo begin -->
<div id="logo">
<a href="index.html">
<img alt="" class="logo" src="images/logo-light.png" />
<img alt="" class="logo-2" src="images/logo.png" />
</a>
</div>
<!-- logo close -->
</div>
<div class="de-flex-col header-col-mid">
<!-- mainmenu begin -->
<ul id="mainmenu">
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Homepage 1</a></li>
<li><a href="index-2.html">Homepage 2</a></li>
<li><a href="index-onepage.html">Onepage 1</a></li>
<li><a href="index-onepage-2.html">Onepage 2</a></li>
</ul>
</li>
<li><a href="events.html">Events</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
<li><a href="store.html">Store</a>
<ul>
<li><a href="store.html">All Products</a></li>
<li><a href="store-single.html">Single Product</a></li>
</ul>
</li>
<li><a href="#">More</a>
<ul>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="counters.html">Counters</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="icon-set-1.html">Icon Set 1</a></li>
<li><a href="modal.html">Modal</a></li>
<li><a href="progress-bar.html">Progress Bar</a></li>
<li><a href="steps.html">Steps</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- mainmenu close -->
</div>
<div class="de-flex-col">
<div class="h-phone md-hide"><span>Need Help?</span><i class="fa fa-phone"></i> 1 200 300 9000</div>
<span id="menu-btn"></span>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header close -->
<!-- content begin -->
<div class="no-bottom no-top" id="content">
<div id="top"></div>
<!-- section begin -->
<section id="section-home" aria-label="section" class="text-light" aria-label="section" data-bgimage="url(images/background/bg-subheader-5.jpg)" data-stellar-background-ratio=".2" data>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 text-center">
<h1 class="mt30 wow fadeInUp" data-wow-delay=".6s">Store</h1>
</div>
</div>
</div>
</section>
<!-- section close -->
<!-- section begin -->
<section aria-label="section">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="row p-single">
<div class="col-md-6">
<div class="p-carousel owl-carousel owl-theme">
<img src="images/store/single/1.jpg" class="img-fluid" alt="">
<img src="images/store/single/2.jpg" class="img-fluid" alt="">
<img src="images/store/single/3.jpg" class="img-fluid" alt="">
<img src="images/store/single/4.jpg" class="img-fluid" alt="">
<img src="images/store/single/5.jpg" class="img-fluid" alt="">
</div>
<div class="p-carousel-thumb owl-carousel owl-theme mt20">
<img src="images/store/single/1.jpg" class="img-fluid" alt="">
<img src="images/store/single/2.jpg" class="img-fluid" alt="">
<img src="images/store/single/3.jpg" class="img-fluid" alt="">
<img src="images/store/single/4.jpg" class="img-fluid" alt="">
<img src="images/store/single/5.jpg" class="img-fluid" alt="">
</div>
<div class="mb-sm-30"></div>
</div>
<div class="col-md-6">
<div class="p-desc">
<h3>Motivational Poster 1</h3>
<div class="p-rating">
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star"></i>
</div>
<div class="price">$420</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h6 class="mb10">Quantity</h6>
<span class="f-input-number-decrement">–</span><input class="f-input-number" type="text" value="1" min="0" max="10"><span class="f-input-number-increment">+</span>
<div class="spacer-single"></div>
<a href="#" class="btn-custom">Add To Cart</a>
</div>
</div>
<div class="spacer-double"></div>
<div class="col-md-12">
<div class="tab-default">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Description</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Details</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Shipment</a>
</div>
</nav>
<div class="sm-spacer-double"></div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<p>Consequat occaecat ullamco amet non eiusmod nostrud dolore irure incididunt est duis anim sunt officia. Fugiat velit proident aliquip nisi incididunt nostrud exercitation proident est nisi. Irure magna elit commodo anim ex veniam culpa eiusmod id nostrud sit cupidatat in veniam ad. Eiusmod consequat eu adipisicing minim anim aliquip cupidatat culpa excepteur quis. Occaecat sit eu exercitation irure Lorem incididunt nostrud.</p>
</div>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<p>Ad pariatur nostrud pariatur exercitation ipsum ipsum culpa mollit commodo mollit ex. Aute sunt incididunt amet commodo est sint nisi deserunt pariatur do. Aliquip ex eiusmod voluptate exercitation cillum id incididunt elit sunt. Qui minim sit magna Lorem id et dolore velit Lorem amet exercitation duis deserunt. Anim id labore elit adipisicing ut in id occaecat pariatur ut ullamco ea tempor duis.</p>
</div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
<p>Est quis nulla laborum officia ad nisi ex nostrud culpa Lorem excepteur aliquip dolor aliqua irure ex. Nulla ut duis ipsum nisi elit fugiat commodo sunt reprehenderit laborum veniam eu veniam. Eiusmod minim exercitation fugiat irure ex labore incididunt do fugiat commodo aliquip sit id deserunt reprehenderit aliquip nostrud. Amet ex cupidatat excepteur aute veniam incididunt mollit cupidatat esse irure officia elit do ipsum ullamco Lorem.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-md-3">
<div class="widget widget_search">
<input type='text' name='search' id='search' class="form-control" placeholder="search product">
<button id="btn-search" type='submit'></button>
<div class="clearfix"></div>
</div>
<div class="widget widget_top_rated_product">
<h4>Top Rated Product</h4>
<ul>
<li>
<img src="images/store/1a.jpg" alt="">
<div class="text">
Motivational Mug 1
<div class="p-rating">
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star"></i>
</div>
<div class="price">$420</div>
</div>
</li>
<li>
<img src="images/store/2a.jpg" alt="">
<div class="text">
Motivational Poster 1
<div class="p-rating">
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star"></i>
</div>
<div class="price">$210</div>
</div>
</li>
<li>
<img src="images/store/3a.jpg" alt="">
<div class="text">
Motivational Poster 2
<div class="p-rating">
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star"></i>
</div>
<div class="price">$180</div>
</div>
</li>
<li>
<img src="images/store/4a.jpg" alt="">
<div class="text">
Motivational Notes 1
<div class="p-rating">
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star"></i>
</div>
<div class="price">$850</div>
</div>
</li>
<li>
<img src="images/store/5a.jpg" alt="">
<div class="text">
Motivational Poster Set
<div class="p-rating">
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star checked"></i>
<i class="fa fa-star"></i>
</div>
<div class="price">$240</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
<!-- content close -->
<a href="#" id="back-to-top"></a>
<!-- footer begin -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="widget">
<a href="index.html"><img alt="" class="img-fluid mb20" src="images/logo-light.png"></a>
<address class="s1">
<span><i class="id-color fa fa-map-marker fa-lg"></i>08 W 36th St, New York, NY 10001</span>
<span><i class="id-color fa fa-phone fa-lg"></i>1 200 300 9000</span>
<span><i class="id-color fa fa-envelope-o fa-lg"></i><a href="mailto:contact@example.com">contact@motivatemplate.com</a></span>
<span><i class="id-color fa fa-file-pdf-o fa-lg"></i><a href="#">Download Brochure</a></span>
</address>
</div>
</div>
<div class="col-md-4">
<h5 class="id-color mb20">Upcoming Events</h5>
<ul class="ul-style-2">
<li><a href="event-single-1.html">Attitude is Everything</a></li>
<li><a href="event-single-2.html">The Winning Mindset</a></li>
<li><a href="event-single-3.html">Sales Breakthrough</a></li>
<li><a href="event-single-4.html">Effective Communication Skills</a></li>
<li><a href="event-single-5.html">Be The Game Changer</a></li>
<li><a href="event-single-6.html">I Can and I Will</a></li>
</ul>
</div>
<div class="col-lg-4">
<div class="widget">
<h5 class="id-color">Newsletter</h5>
<p>Signup for our newsletter to get the latest news, updates and special offers in your inbox.</p>
<form action="blank.php" class="row" id="form_subscribe" method="post" name="form_subscribe">
<div class="col text-center">
<input class="form-control" id="name_1" name="name_1" placeholder="enter your email" type="text" /> <a href="#" id="btn-submit"><i class="fa fa-long-arrow-right"></i></a>
<div class="clearfix"></div>
</div>
</form>
<div class="spacer-10"></div>
<small class="text-white-op-5">Your email is safe with us. We don't spam.</small>
</div>
</div>
</div>
</div>
<div class="subfooter">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="de-flex">
<div class="de-flex-col">
© Copyright 2021 - Motiva by Designesia
</div>
<div class="de-flex-col">
<div class="social-icons">
<a href="#"><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a>
<a href="#"><i class="fa fa-instagram fa-lg"></i></a>
<a href="#"><i class="fa fa-spotify fa-lg"></i></a>
<a href="#"><i class="fa fa-youtube fa-lg"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer close -->
<div id="preloader">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
<!-- Javascript Files
================================================== -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/validation.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/enquire.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.plugin.js"></script>
<script src="js/typed.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/jquery.countdown.js"></script>
<script src="js/designesia.js"></script>
</body>
</html>