Last active
August 18, 2023 14:46
-
-
Save miguelplazasr/67eb7b9c9617b96f6557434e532316e7 to your computer and use it in GitHub Desktop.
base_nome.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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="header-light 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 id="section-home" aria-label="section" data-bgimage="url(images/background/bg-1.jpg) top" data-stellar-background-ratio=".2"> | |
| <div class="container"> | |
| <div class="row align-items-center"> | |
| <div class="col-lg-5 col-md-6 col-8"> | |
| <div class="spacer-double"></div> | |
| <h4 class="s1 id-color">Welcome</h4> | |
| <div class="spacer-10"></div> | |
| <h1 class="wow fadeInUp" data-wow-delay=".6s">We Help to Push Yourself Beyond Your Limit</h1> | |
| <p class="lead wow fadeInUp" data-wow-delay=".8s">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | |
| <div class="spacer-20"></div> | |
| <a class="btn-custom wow fadeInUp scroll-to" data-wow-delay="1s" href="#section-events">Tell Me How</a> | |
| <div class="spacer-double"></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> | |
| <section id="section-about" class="relative"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-4"> | |
| <span class="p-title">About Us</span><br> | |
| <h2> | |
| Welcome to the<br>Next Level. | |
| </h2> | |
| <div class="small-border sm-left"></div> | |
| </div> | |
| <div class="col-md-4"> | |
| <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="col-md-4"> | |
| <blockquote>There are two types of people who will tell you that you cannot make a difference in this world: those who are afraid to try and those who are afraid you will succeed.<span class="by">- Ray Goforth</span> | |
| </blockquote> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="section-services" class="no-top no-bottom" data-bgcolor="#e4e6e9" data-bgimage="url(images/background/bg-1.png) bottom #e4e6e9"> | |
| <div class="container"> | |
| <div class="row align-items-center"> | |
| <div class="col-md-5 offset-md-7"> | |
| <div class="pt80 pb80"> | |
| <span class="p-title">What We Do</span><br> | |
| <h2> | |
| Our Services | |
| </h2> | |
| <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> | |
| <li class="nav-item"> | |
| <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Public Seminar</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">In House Training</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Personal Coaching</a> | |
| </li> | |
| </ul> | |
| <div class="tab-content" id="pills-tabContent"> | |
| <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-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="pills-profile" role="tabpanel" aria-labelledby="pills-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="pills-contact" role="tabpanel" aria-labelledby="pills-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 class="image-container col-md-6 pull-right" data-bgimage="url(images/background/bg-3.jpg) center"></div> | |
| <div class="clearfix"></div> | |
| </section> | |
| <section class="bg-color text-light pt40 pb40"> | |
| <div class="container"> | |
| <div class="row text-center"> | |
| <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp mb-sm-30" data-wow-delay="0s"> | |
| <div class="de_count"> | |
| <h3><span class="timer" data-to="600" data-speed="3000">0</span>+</h3> | |
| <h5 class="text-white-op-5">Trainings</h5> | |
| </div> | |
| </div> | |
| <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp mb-sm-30" data-wow-delay=".25s"> | |
| <div class="de_count"> | |
| <h3><span class="timer" data-to="120" data-speed="3000">0</span>k</h3> | |
| <h5 class="text-white-op-5">Participants</h5> | |
| </div> | |
| </div> | |
| <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp mb-sm-30" data-wow-delay=".4s"> | |
| <div class="de_count"> | |
| <h3><span class="timer" data-to="85" data-speed="3000">0</span></h3> | |
| <h5 class="text-white-op-5">Companies</h5> | |
| </div> | |
| </div> | |
| <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp mb-sm-30" data-wow-delay=".6s"> | |
| <div class="de_count"> | |
| <h3><span class="timer" data-to="50" data-speed="3000">0</span>k</h3> | |
| <h5 class="text-white-op-5">Topics</h5> | |
| </div> | |
| </div> | |
| <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp mb-sm-30" data-wow-delay=".8s"> | |
| <div class="de_count"> | |
| <h3><span class="timer" data-to="100" data-speed="3000">0</span>+</h3> | |
| <h5 class="text-white-op-5">Countries</h5> | |
| </div> | |
| </div> | |
| <div class="col-lg-2 col-md-3 col-sm-6 wow fadeInUp mb-sm-30" data-wow-delay="1s"> | |
| <div class="de_count"> | |
| <h3><span class="timer" data-to="20" data-speed="3000">0</span></h3> | |
| <h5 class="text-white-op-5">Speakers</h5> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="section-methods"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <div class="text-center"> | |
| <h2>Our Method</h2> | |
| <div class="small-border"></div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="f-box f-icon-left f-icon-rounded"> | |
| <i class="fa fa-book id-color bg-color-op-1"></i> | |
| <div class="fb-text"> | |
| <h4>Edutainment</h4> | |
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="f-box f-icon-left f-icon-rounded"> | |
| <i class="fa fa-pencil id-color bg-color-op-1"></i> | |
| <div class="fb-text"> | |
| <h4>Experential Learning</h4> | |
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="f-box f-icon-left f-icon-rounded"> | |
| <i class="fa fa-search id-color bg-color-op-1"></i> | |
| <div class="fb-text"> | |
| <h4>Self Discovery</h4> | |
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="f-box f-icon-left f-icon-rounded"> | |
| <i class="fa fa-video-camera id-color bg-color-op-1"></i> | |
| <div class="fb-text"> | |
| <h4>Inspirational Movie</h4> | |
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="f-box f-icon-left f-icon-rounded"> | |
| <i class="fa fa-gears id-color bg-color-op-1"></i> | |
| <div class="fb-text"> | |
| <h4>Simulation</h4> | |
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="f-box f-icon-left f-icon-rounded"> | |
| <i class="fa fa-child id-color bg-color-op-1"></i> | |
| <div class="fb-text"> | |
| <h4>Fun Games</h4> | |
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="section-how" data-bgcolor="#2A2E37" class="text-light"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <div class="text-center"> | |
| <h2>How It Works?</h2> | |
| <div class="small-border"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section aria-label="section" data-bgcolor="#E4E6E9" class="no-top relative"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-12 mt-70 relative"> | |
| <div class="de_tab tab_steps"> | |
| <ul class="de_nav owl-carousel owl-theme" id="de_nav_carousel"> | |
| <li class="active wow zoomIn" data-wow-delay="0s"><span>Join</span> | |
| <div class="v-border"></div> | |
| </li> | |
| <li class="wow zoomIn" data-wow-delay=".4s"><span>Connect</span> | |
| <div class="v-border"></div> | |
| </li> | |
| <li class="wow zoomIn" data-wow-delay=".8s"><span>Explore</span> | |
| <div class="v-border"></div> | |
| </li> | |
| <li class="wow zoomIn" data-wow-delay="1.2s"><span>Grow</span> | |
| <div class="v-border"></div> | |
| </li> | |
| <li class="wow zoomIn" data-wow-delay="1.6s"><span>Success</span> | |
| <div class="v-border"></div> | |
| </li> | |
| </ul> | |
| <div class="de_tab_content" id="de_carousel_content"> | |
| <div id="tab1"> | |
| Laborum sint dolor veniam ea labore commodo sint esse tempor fugiat tempor deserunt in eu incididunt ullamco dolore mollit culpa pariatur culpa sunt aute cillum ea non non voluptate consequat occaecat enim quis dolore sed eu mollit laborum mollit commodo nisi adipisicing reprehenderit esse incididunt duis sint veniam nisi ut enim exercitation officia minim proident cupidatat esse officia in mollit id fugiat ut cupidatat occaecat nostrud qui esse quis et consectetur laborum ut eiusmod laboris in anim consequat eu reprehenderit dolore id officia non ex aute in minim dolor irure voluptate deserunt in ad eu aute ullamco nulla incididunt nisi laborum reprehenderit aute nulla ex aute laboris proident elit laborum officia voluptate do sit labore anim dolore sed deserunt adipisicing eiusmod labore commodo id reprehenderit id ea ut ullamco cillum quis reprehenderit ad ad ut. | |
| </div> | |
| <div id="tab2"> | |
| Sunt minim est commodo pariatur consectetur nulla dolor deserunt excepteur non ex exercitation et ullamco et tempor dolor ut mollit dolore sed ut sed in do amet laboris elit id esse exercitation laborum aute adipisicing mollit incididunt nisi cillum consequat reprehenderit laboris veniam officia cillum sunt esse eiusmod ea voluptate officia in sit sunt mollit officia nulla cupidatat dolor est anim esse consectetur veniam aute quis ut consectetur irure officia elit reprehenderit aute duis in reprehenderit exercitation in fugiat cillum proident proident dolore irure esse laborum non ut commodo ut officia aliqua qui ullamco in ea consequat est cupidatat quis eiusmod sint fugiat dolor pariatur velit nulla fugiat dolor aliqua nisi consequat sunt in amet ad ad ex duis culpa do ut exercitation sunt nostrud excepteur proident sint quis et mollit aute culpa et exercitation proident aliqua ad eiusmod cupidatat est minim deserunt non cupidatat sit ut non duis magna ut aliqua dolore eu ut irure in laborum ut minim consectetur non sed nulla veniam labore in elit nostrud esse ut eu aliqua sunt occaecat est officia enim aute exercitation occaecat esse dolore dolore sit ad. | |
| </div> | |
| <div id="tab3"> | |
| Aliqua cupidatat commodo laborum ut sed incididunt sunt sed veniam mollit labore eiusmod ullamco veniam consequat cupidatat sint dolore elit do proident est ut quis veniam reprehenderit duis duis in officia laborum in quis id et excepteur excepteur est pariatur dolore dolor reprehenderit sunt ullamco culpa mollit voluptate ut duis reprehenderit pariatur nulla aliquip veniam deserunt laborum adipisicing dolore do laborum et et labore aute occaecat mollit id labore aliquip duis et quis ut non aliquip culpa anim ut duis laboris adipisicing cupidatat ex est deserunt consequat ut in labore non nulla deserunt minim fugiat ut nostrud consectetur laborum elit eu culpa labore in dolor sit aliqua laborum in dolor enim eiusmod in sunt amet occaecat nisi eu laboris aliqua commodo nisi in aliquip tempor cillum eu velit irure et dolor est esse mollit tempor commodo voluptate ut ut reprehenderit eiusmod. | |
| </div> | |
| <div id="tab4"> | |
| Lorem ipsum fugiat culpa dolore enim minim ullamco adipisicing ea ullamco pariatur ex et labore id in non laboris culpa amet consequat occaecat minim culpa mollit ullamco quis elit cupidatat sed in reprehenderit in duis eiusmod est exercitation dolore ex pariatur consequat occaecat ad mollit dolor ullamco in eiusmod sit ex minim officia magna sit esse consectetur eiusmod in dolore in occaecat sunt anim reprehenderit irure esse nisi in elit consequat consequat nostrud do amet culpa deserunt laborum sit eiusmod do consequat aliqua sit dolore nulla ut irure nostrud qui consectetur aliquip veniam sit anim dolor ad do tempor dolore dolore ullamco incididunt ad exercitation fugiat id ex reprehenderit eu proident est proident incididunt aliquip in nisi nulla nulla consequat dolore eiusmod dolor nisi consequat proident nisi enim dolor consequat ex excepteur labore anim velit proident irure sunt occaecat aliqua exercitation proident magna ut excepteur ad est ut dolor ullamco qui ut ad dolor enim eiusmod irure culpa mollit quis enim do sed excepteur exercitation dolor do dolore enim officia elit dolore aliquip velit fugiat do dolore ut labore ullamco dolore proident mollit ea exercitation labore non duis consequat sunt ut sed occaecat fugiat est sed fugiat in in anim incididunt veniam in aliquip voluptate mollit aliquip proident eiusmod sit nisi dolore ex anim et ut consequat elit aute sunt pariatur reprehenderit anim in cupidatat aute nostrud quis ea voluptate velit elit dolor nostrud excepteur deserunt commodo sunt aliquip cillum. | |
| </div> | |
| <div id="tab5"> | |
| Elit laborum culpa id eiusmod laboris esse ad qui duis sint in enim in mollit aute culpa sit dolor ut magna sunt et sed veniam dolor minim voluptate duis eu id labore in elit veniam est pariatur dolor commodo eu officia enim deserunt fugiat do amet incididunt cupidatat proident reprehenderit dolor tempor nisi elit ea id esse esse consectetur enim laborum proident labore ullamco aute sed tempor laboris commodo sint aliqua est dolore deserunt esse ea commodo magna qui magna sit dolor eu officia dolore nulla eu magna ex commodo aute occaecat ea eu laborum aute laboris ad voluptate pariatur excepteur cupidatat incididunt sit in qui laboris deserunt velit cupidatat aliqua cupidatat magna veniam nulla amet tempor ad est quis aute pariatur id ea cupidatat exercitation qui pariatur eiusmod adipisicing minim dolore aute ullamco occaecat in anim do culpa est sit exercitation eiusmod quis ea velit sed eiusmod deserunt esse deserunt exercitation incididunt quis irure quis eiusmod cupidatat est commodo adipisicing laboris irure proident ut do in ad consequat exercitation dolore dolore ad irure excepteur aliqua deserunt irure nisi laboris. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="section-news" aria-label="section"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <div class="text-center"> | |
| <h2>Latest News</h2> | |
| <div class="small-border"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="bloglist item"> | |
| <div class="post-content"> | |
| <div class="date-box"> | |
| <div class="m">10</div> | |
| <div class="d">NOV</div> | |
| </div> | |
| <div class="post-image"> | |
| <img alt="" src="images/news/news-thumbnail-1.jpg"> | |
| </div> | |
| <div class="post-text"> | |
| <span class="p-tagline">Motivation</span> | |
| <h4><a href="news-single.html">The Things Every Successful Enterpreneur Does<span></span></a></h4> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="bloglist item"> | |
| <div class="post-content"> | |
| <div class="date-box"> | |
| <div class="m">15</div> | |
| <div class="d">NOV</div> | |
| </div> | |
| <div class="post-image"> | |
| <img alt="" src="images/news/news-thumbnail-2.jpg"> | |
| </div> | |
| <div class="post-text"> | |
| <span class="p-tagline">Motivation</span> | |
| <h4><a href="news-single.html">The 3 Most Dangerous Words In Enterpreneruship<span></span></a></h4> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6 mb30"> | |
| <div class="bloglist item"> | |
| <div class="post-content"> | |
| <div class="date-box"> | |
| <div class="m">20</div> | |
| <div class="d">NOV</div> | |
| </div> | |
| <div class="post-image"> | |
| <img alt="" src="images/news/news-thumbnail-3.jpg"> | |
| </div> | |
| <div class="post-text"> | |
| <span class="p-tagline">Motivation</span> | |
| <h4><a href="news-single.html">10 Tips for Running a Startup Like a True Leader<span></span></a></h4> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section aria-label="section" class="text-light" data-bgimage="url(images/background/bg-2.jpg) top" data-stellar-background-ratio=".2"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <div class="text-center text-light"> | |
| <h2>Testimonials</h2> | |
| <div class="small-border"></div> | |
| </div> | |
| <div class="owl-carousel owl-theme" id="testimonial-carousel"> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>It was one of the best mentor!</h3> | |
| <p>In excepteur magna consectetur do aliqua quis culpa reprehenderit anim adipisicing duis in labore sit id magna dolore velit sit irure et in ut aute minim.</p> | |
| <div class="de_testi_by"><span>John, Pixar Studio</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>Outstanding experiences!</h3> | |
| <p>Ex et quis nostrud enim dolore sed anim fugiat anim do nulla ad consectetur culpa eu sunt veniam irure nisi excepteur nostrud dolor esse dolore consectetur adipisicing aliquip laboris non ex.</p> | |
| <div class="de_testi_by"><span>Sarah, Microsoft</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>More than excellent!</h3> | |
| <p>Ea irure voluptate eu dolor eu aliquip sit irure ullamco esse et proident dolor enim enim sit esse veniam tempor ut veniam id amet.</p> | |
| <div class="de_testi_by"><span>Michael, Apple</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>I absolutelly love it!</h3> | |
| <p>In nisi minim id ut do anim ea aliquip nisi pariatur quis minim laboris ad dolore anim consectetur sit adipisicing tempor ea quis nisi ex culpa ut.</p> | |
| <div class="de_testi_by"><span>Thomas, Samsung</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>I really enjoyed it!</h3> | |
| <p>Ad quis veniam nulla qui proident consectetur enim aute esse commodo nisi nisi nostrud culpa amet in et in eiusmod sunt eiusmod laborum eiusmod aute ut consequat dolor sunt ad cupidatat irure sint anim ad magna ut eu aute.</p> | |
| <div class="de_testi_by"><span>John, Pixar Studio</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>I hade very positive experience!</h3> | |
| <p>Lorem ipsum nostrud sed deserunt dolor esse in non officia laborum laborum ut duis mollit laboris anim ad dolore qui in ullamco ea esse ut duis ex ex do dolore et elit ut.</p> | |
| <div class="de_testi_by"><span>Sarah, Microsoft</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>Very friendly and warm!</h3> | |
| <p>Anim ea est amet id exercitation dolor non enim magna occaecat sit deserunt non eu aliqua dolor ut aliqua ut.</p> | |
| <div class="de_testi_by"><span>Michael, Apple</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="de_testi opt-2 review"> | |
| <blockquote> | |
| <i class="fa fa-quote-left id-color"></i> | |
| <h3>Five-star mentoring</h3> | |
| <p>Qui qui voluptate duis laboris do reprehenderit aliquip cupidatat ea culpa id proident ullamco do in deserunt ullamco eu non tempor aliquip culpa excepteur sit irure enim in mollit non do duis.</p> | |
| <div class="de_testi_by"><span>Thomas, Samsung</span></div> | |
| </blockquote> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- section begin --> | |
| <section id="section-contact" data-bgimage="url(images/background/bg-2.png) bottom #e4e6e9"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <div class="text-center"> | |
| <h2>Contact Us</h2> | |
| <div class="small-border"></div> | |
| </div> | |
| </div> | |
| <div class="col-md-8 offset-md-2 wow fadeInUp"> | |
| <form name="contactForm" id='contact_form' class="form-default" method="post" action='email.php'> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <div id='name_error' class='error'>Please enter your name.</div> | |
| <div> | |
| <input type='text' name='name' id='name' class="form-control" placeholder="Your Name"> | |
| </div> | |
| <div id='email_error' class='error'>Please enter your valid E-mail ID.</div> | |
| <div> | |
| <input type='text' name='email' id='email' class="form-control" placeholder="Your Email"> | |
| </div> | |
| <div id='phone_error' class='error'>Please enter your phone number.</div> | |
| <div> | |
| <input type='text' name='phone' id='phone' class="form-control" placeholder="Your Phone"> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div id='message_error' class='error'>Please enter your message.</div> | |
| <div> | |
| <textarea name='message' id='message' class="form-control" placeholder="Additional Message"></textarea> | |
| </div> | |
| </div> | |
| <div class="col-md-12 text-center"> | |
| <div id='submit'> | |
| <input type='submit' id='send_message' value='Submit' class="btn-custom"> | |
| </div> | |
| <div id='mail_success' class='success'>Your message has been sent successfully.</div> | |
| <div id='mail_fail' class='error'>Sorry, error occured this time sending your message.</div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- section close --> | |
| </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 2023 - 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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment