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="topbar-noborder topbar-dark">
<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 scroll-light">
<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 id="section-home" class="text-light" aria-label="section" data-bgimage="url(images/background/bg-event-5.jpg) top" data-stellar-background-ratio=".2" data>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<div class="spacer-double"></div>
<h4 class="s1 id-color">01 February 2020</h4>
<div class="spacer-10"></div>
<h1 class="wow fadeInUp" data-wow-delay=".6s">Be The Game Changer</h1>
<div class="spacer-double"></div>
</div>
<div class="col-lg-4 text-lg-right">
<a class="btn-custom" href="#">Join This Event</a>
</div>
</div>
</div>
</section>
<section id="section-training" data-bgimage="url(images/background/bg-2.png) bottom" class="relative">
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>
Event Overview
</h2>
<div class="small-border sm-left"></div>
</div>
<div class="col-md-8">
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction. These needs, wants or desires may be acquired through influence of culture, society, lifestyle, or may be generally innate. An individual's motivation may be inspired by outside forces or by themselves. Motivation has been considered one of the most important reasons to move forward. Motivation results from the interaction of both conscious and unconscious factors.
</p>
</div>
</div>
<div class="spacer-single"></div>
<div class="row">
<div class="col-md-4">
<div class="sm-icon mb30">
<i class="bg-color fa fa-map-marker"></i>
<div class="si-inner">
<h5>Where</h5>
08 W 36th St, New York
</div>
</div>
<div class="sm-icon mb30">
<i class="bg-color fa fa-calendar-check-o"></i>
<div class="si-inner">
<h5>When</h5>
01 January 2020, 08:00 AM
</div>
</div>
<div class="sm-icon mb30">
<i class="bg-color fa fa-users"></i>
<div class="si-inner">
<h5>Capacity</h5>
2000 persons
</div>
</div>
</div>
<div class="col-md-8">
<h4>What you will learn from this event:</h4>
<ul class="ul-style-2">
<li>Minim dolor ea sunt irure.</li>
<li>Deserunt quis.</li>
<li>Lorem ipsum proident ad.</li>
<li>Cupidatat cillum est.</li>
<li>Sit dolor eu aliqua ea.</li>
<li>Tempor nostrud anim consequat eiusmod.</li>
<li>Sunt ullamco ut.</li>
<li>Do ex velit elit reprehenderit.</li>
<li>Esse cillum laborum culpa.</li>
<li>Cillum est laboris.</li>
</ul>
<div class="spacer-single"></div>
<h4>Mentor and coach by:</h4>
<div class="profile-sm">
<img src="images/team/1.jpg" alt="">
<h6>Anthony</h6>
</div>
<div class="profile-sm">
<img src="images/team/2.jpg" alt="">
<h6>Merry</h6>
</div>
<div class="profile-sm">
<img src="images/team/3.jpg" alt="">
<h6>Ramsey</h6>
</div>
</div>
</div>
</div>
</section>
<section id="section-events" aria-label="section" class="no-padding bg-color">
<div class="container-fluid">
<div class="row no-gutters align-items-center">
<div class="col-lg-3 text-center text-light">
<h3 class="padding40 no-margin">Upcoming Events</h3>
</div>
<div class="col-lg-9">
<div id="training-carousel" class="owl-carousel owl-theme">
<div class="item">
<div class="mask s2">
<div class="m-date">01 <span>Jan</span></div>
<div class="cover">
<div class="c-inner">
<h3><i class="fa fa-circle-thin"></i><span>Attitude is Everything</span></h3>
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction.</p>
<div class="spacer20"></div>
<a href="event-single-1.html" class="btn-custom capsule">Event Details</a>
</div>
</div>
<img src="images/services/1.jpg" alt="" class="img-responsive" />
</div>
</div>
<div class="item">
<div class="mask s2">
<div class="m-date">12 <span>Jan</span></div>
<div class="cover">
<div class="c-inner">
<h3><i class="fa fa-circle-thin"></i><span>The Winning Mindset</span></h3>
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction.</p>
<div class="spacer20"></div>
<a href="event-single-2.html" class="btn-custom capsule">Event Details</a>
</div>
</div>
<img src="images/services/2.jpg" alt="" class="img-responsive" />
</div>
</div>
<div class="item">
<div class="mask s2">
<div class="m-date">20 <span>Jan</span></div>
<div class="cover">
<div class="c-inner">
<h3><i class="fa fa-circle-thin"></i><span>Sales Breaktrough</span></h3>
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction.</p>
<div class="spacer20"></div>
<a href="event-single-3.html" class="btn-custom capsule">Event Details</a>
</div>
</div>
<img src="images/services/3.jpg" alt="" class="img-responsive" />
</div>
</div>
<div class="item">
<div class="mask s2">
<div class="m-date">25 <span>Jan</span></div>
<div class="cover">
<div class="c-inner">
<h3><i class="fa fa-circle-thin"></i><span>Effective Communication Skills</span></h3>
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction.</p>
<div class="spacer20"></div>
<a href="event-single-4.html" class="btn-custom capsule">Event Details</a>
</div>
</div>
<img src="images/services/4.jpg" alt="" class="img-responsive" />
</div>
</div>
<div class="item">
<div class="mask s2">
<div class="m-date">01 <span>Feb</span></div>
<div class="cover">
<div class="c-inner">
<h3><i class="fa fa-circle-thin"></i><span>Be The Game Changer</span></h3>
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction.</p>
<div class="spacer20"></div>
<a href="event-single-5.html" class="btn-custom capsule">Event Details</a>
</div>
</div>
<img src="images/services/5.jpg" alt="" class="img-responsive" />
</div>
</div>
<div class="item">
<div class="mask s2">
<div class="m-date">10 <span>Feb</span></div>
<div class="cover">
<div class="c-inner">
<h3><i class="fa fa-circle-thin"></i><span>I Can and I Will</span></h3>
<p>Motivation is a reason for actions, willingness, and goals. Motivation is derived from the word motive, or a need that requires satisfaction.</p>
<div class="spacer20"></div>
<a href="event-single-6.html" class="btn-custom capsule">Event Details</a>
</div>
</div>
<img src="images/services/6.jpg" alt="" class="img-responsive" />
</div>
</div>
</div>
</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/typed.js"></script>
<script src="js/designesia.js"></script>
</body>
</html>