?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content ="width=device-width, initial-social=1">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- Description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
<!-- Page Title -->
<title>Fitness Trainer | MegaOne HTML5 Template</title>
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/wow.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link href="fitness-trainer/css/line-awesome.min.css" rel="stylesheet">
<link href="fitness-trainer/css/navigation.css" rel="stylesheet">
<link href="fitness-trainer/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#navbar" data-offset="90">
<!-- Preloader -->
<div id="loader-wrapper">
<div id="loader"></div>
</div>
<!-- Preloader End -->
<!-- Header start -->
<header id="home">
<div class="top-banner bg-trans-color transparent-banner">
<div class="container-fluid">
<div class="row">
<div class="col-4 col-lg-4 d-flex align-items-center">
<a href="javascript:void(0)" class="sidemenu_btn active link sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 d-flex justify-content-center">
<div class="logo-center">
<a href="#home">
<img src="fitness-trainer/images/logo.png" alt="LOGO IMAGE"></a>
</div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-right">
<div class="banner-icons mt-2 mr-2">
<a href="#"><i class="lab la-facebook-f"></i></a>
<a href="#"><i class="lab la-twitter"></i></a>
<a href="#"><i class="lab la-linkedin-in"></i></a>
<a href="#"><i class="lab la-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="container">
<div class="collapse navbar-collapse " id="megaone">
<div class="navbar-nav ml-auto mr-auto">
<a class="nav-link scroll line" href="#home">Home</a>
<a class="nav-link scroll line" href="#about">About Us</a>
<a class="nav-link scroll line" href="#trainer-sec">Trainers</a>
<a class="nav-link scroll line" href="#portfolio-heading">Gallery</a>
<a class="nav-link scroll line" href="#testimonials">Reviews</a>
<a class="nav-link scroll line" href="#blog">Blog</a>
<a class="nav-link scroll line" href="#contact">Contact</a>
</div>
</div>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="bg-overlay-banner"></div>
<div class="quarter-circle btn_sideNavClose">
<div class="menu_bars2 active link">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="inner-wrapper">
<span class="btn-close btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row w-100 side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center text-center">
<a href="#" class="navbar-brand"><img src="fitness-trainer/images/logo.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8 text-center text-lg-left">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#trainer-sec">Trainers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio-heading">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonials">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center text-center text-lg-left">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="youtube-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2021 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- Header end -->
<!-- fixed-scroll-nav start -->
<div class="fixed-nav-on-scroll fixed-nav-appear d-none sidemenu_toggle">
<div class="row no-gutters">
<div class="col-12 d-flex justify-content-center align-items-center position-relative">
<div class="fixed-icon-scroll">
<a class="menu_bars menu-bars-setting link mr-3 mr-lg-0">
<div class="menu-lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- fixed-scroll-nav end -->
<!--Main Slider-->
<div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container bg-black">
<div id="banner-main" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-01" data-transition="scaledownfrombottom" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="2000" data-fsmasterspeed="1500" >
<!-- MAIN IMAGE -->
<img src="fitness-trainer/images/Slider-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-40','-40','-40','-40']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1200" data-splitin="none" data-splitout="none">
<h4 class="text-capitalize small-font text-white font-weight-400">The Personal Trainer</h4>
</div>
<div class="tp-caption tp-resizeme whitecolor"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['20','20','20','20']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['24','24','20','20']"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-start="1500" data-splitin="none" data-splitout="none">
<h1 class="text-uppercase main-font text-white font-weight-600">Fitness Workout</h1>
</div>
<a class="tp-caption tp-resizeme" href="fitness-trainer/standalone.html"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['120','120','120','120']"
data-width="200" data-height="none"
data-whitespace="normal" data-type="button"
data-actions='' data-responsive_offset="on"
data-textAlign="['center','center','center','center']"
data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]"
data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]"
data-frames='[{"delay":700,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;"}]'
style=" box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
<span class="btn btn-orange btn-rounded btn-medium ">Learn More</span>
</a>
</li>
<!-- SLIDE 3 -->
<li data-index="rs-03" data-transition="scaledownfrombottom" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="2000" data-fsmasterspeed="1500">
<!-- MAIN IMAGE -->
<img src="fitness-trainer/images/Slider-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<div class="layer-overlay"></div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-40','-40','-40','-40']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1200" data-splitin="none" data-splitout="none">
<h4 class="text-capitalize text-white small-font font-weight-400">The Personal Trainer</h4>
</div>
<div class="tp-caption tp-resizeme whitecolor"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['20','20','20','20']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['24','24','20','20']"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-start="1500" data-splitin="none" data-splitout="none">
<h1 class="text-uppercase text-white main-font font-weight-600">Fitness Workout</h1>
</div>
<a class="tp-caption tp-resizeme" href="fitness-trainer/standalone.html"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['120','120','120','120']"
data-width="200" data-height="none"
data-whitespace="normal" data-type="button"
data-actions='' data-responsive_offset="on"
data-textAlign="['center','center','center','center']"
data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]"
data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]"
data-frames='[{"delay":700,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;"}]'
style=" box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
<span class="btn btn-orange btn-rounded btn-medium">Learn More</span>
</a>
</li>
<!-- SLIDE 4 -->
<li data-index="rs-04" data-transition="scaledownfrombottom" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="2000" data-fsmasterspeed="1500" class="banner-overlay">
<!-- MAIN IMAGE -->
<img src="fitness-trainer/images/Slider-3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<div class="layer-overlay"></div>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-40','-40','-40','-40']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1200" data-splitin="none" data-splitout="none">
<h4 class="text-capitalize text-white small-font font-weight-400">The Personal Trainer</h4>
</div>
<div class="tp-caption tp-resizeme whitecolor"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['20','20','20','20']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['24','24','20','20']"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-start="1500" data-splitin="none" data-splitout="none">
<h1 class="main-font text-uppercase text-white main-font font-weight-600">Fitness Workout</h1>
</div>
<a class="tp-caption tp-resizeme" href="fitness-trainer/standalone.html"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['120','120','120','120']"
data-width="200" data-height="none"
data-whitespace="normal" data-type="button"
data-actions='' data-responsive_offset="on"
data-textAlign="['center','center','center','center']"
data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]"
data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]"
data-frames='[{"delay":700,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"200","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;"}]'
style=" box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
<span class="btn btn-orange btn-rounded btn-medium">Learn More</span>
</a>
</li>
</ul>
</div>
</div>
<!--Main Slider ends -->
<!-- Start About -->
<section class="about mt-lg-5 mt-md-5" id="about">
<div class="container">
<div class="row">
<!-- Image -->
<div class="col-12 col-lg-6 img-sec">
<div class="green_rectangle"></div>
<div class="owl-carousel owl-theme owl-split" >
<div class="about_img margin_about-img">
<img src="fitness-trainer/images/about-img.jpg" alt="About Image">
</div>
<div class="about_img margin_about-img">
<img src="fitness-trainer/images/about-img-2.jpg" alt="About Image">
</div>
</div>
</div>
<!-- Content -->
<div class="col-12 col-lg-6">
<div class="heading-area feature-margin">
<span class="sub-heading text-orange">Lorem ipsum is simply.</span>
<h4 class="heading">We train people to best possible fitness. </h4>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
<!-- Item-1 -->
<div class="feature-item">
<div class="laptop-features-icon text-pink">
<span class="icon"><i class="lni lni-briefcase"></i></span>
</div>
<div class="features-content">
<h4>Lorem ipsum heading</h4>
<p>Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
</div>
<!-- Item-2 -->
<div class="feature-item">
<div class="laptop-features-icon text-blue">
<span class="icon"><i class="lni lni-heart"></i></span>
</div>
<div class="features-content">
<h4>Lorem ipsum.</h4>
<p>Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
</div>
<!-- Item-3 -->
<div class="feature-item">
<div class="laptop-features-icon text-purple">
<span class="icon"><i class="lni lni-bulb"></i></span>
</div>
<div class="features-content">
<h4>Lorem ipsum Idea.</h4>
<p>Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About -->
<!--Trainer SECTION START-->
<section class="trainer-sec bg-black" id="trainer-sec">
<div class="container">
<div class="row text-center trainer-bottom">
<div class="col-12 stats-heading-area text-center wow fadeInUp">
<span class="sub-heading">Lorem ipsum is simply dummy text </span>
<h4 class="heading">The Best <span class="text-orange js-rotating"> Trainers, Process </span> for Workout</h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry standard dummy. Lorem Ipsum has been the industry standard dummy.
</p>
</div>
</div>
<div class="trainer owl-carousel owl-theme text-center">
<div class="item speaker-info">
<div class="image-holder">
<img src="fitness-trainer/images/trainer-1.png" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="trainer-name">James Anderson</h4>
<p class="trainer-detail">Gym Owner</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="fitness-trainer/images/trainer-2.png" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="trainer-name">Lisa Robertson</h4>
<p class="trainer-detail">Workout Instructor</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="fitness-trainer/images/tranier-3.png" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="trainer-name">Adam Jayson</h4>
<p class="trainer-detail">Workout Instructor</p>
</div>
<div class="item speaker-info">
<div class="image-holder">
<img src="fitness-trainer/images/trainer-4.png" alt="speaker">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="speaker-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<h4 class="trainer-name">Lisa Robert</h4>
<p class="trainer-detail">Workout Instructor </p>
</div>
</div>
</div>
</section>
<!--Trainer SECTION END-->
<!--Quote START-->
<section class="quote-area">
<div class="row text-center">
<div class="col-12">
<div class="quote-btn">
<p>Lorem ipsum dolor sit amet</p>
<h4>Let us make you fit as ever</h4>
<a href="fitness-trainer/standalone.html" class=" btn btn-medium btn-rounded btn-black">Get Started</a>
</div>
</div>
</div>
</section>
<!--Quote END-->
<!-- Cube Portfolio heading -->
<section id="portfolio-heading" class="portfolio-sec py-0">
<div class="container">
<div class="row">
<div class="col-12">
<div class="main_portfolio-heading">
<p class="portfolio-text text-orange">
Lorem ipsum dolor sit amet
</p>
<h1 class="portfolio-heading">
Our Fitness Gallery
</h1>
<p class="portfolio-des">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula.
Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio heading-->
<!-- CubePortfolio-->
<section id="work" class="pb-0 bg-dark1">
<div class="container-fluid">
<div class="row d-block">
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat no-transition">
<div class="cbp-item web-designs marketing">
<a href="fitness-trainer/images/work-1.jpg" class="cbp-caption cbp-lightbox" data-title="Fitness <br> Trainer">
<div class="cbp-caption-defaultWrap">
<img src="fitness-trainer/images/work-1.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Fitness | Trainer</p>
<div class="cbp-l-caption-title">Lisa Robertson</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic-designs seo">
<a href="fitness-trainer/images/work-2.jpg" class="cbp-caption cbp-lightbox" data-title="World Fitness<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="fitness-trainer/images/work-2.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Fitness | Trainer</p>
<div class="cbp-l-caption-title">Workout Instructor</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic-designs web-designs">
<a href="fitness-trainer/images/work-3.jpg" class="cbp-caption cbp-lightbox" data-title="WhereTO Fitness<br>John">
<div class="cbp-caption-defaultWrap">
<img src="fitness-trainer/images/work-3.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Fitness | Trainer</p>
<div class="cbp-l-caption-title">exercise</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a href="fitness-trainer/images/work-6.jpg" class="cbp-caption cbp-lightbox" data-title="Remind~Me Fitness<br>by Lisa">
<div class="cbp-caption-defaultWrap">
<img src="fitness-trainer/images/work-6.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Fitness | Trainer</p>
<div class="cbp-l-caption-title">Wamp Up</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-designs seo">
<a href="fitness-trainer/images/work-4.jpg" class="cbp-caption cbp-lightbox" data-title="Seemple* Music with Fitness<br>by Mani">
<div class="cbp-caption-defaultWrap">
<img src="fitness-trainer/images/work-4.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Fitness | Trainer</p>
<div class="cbp-l-caption-title">Weight</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-designs marketing">
<a href="fitness-trainer/images/work-5.jpg" class="cbp-caption cbp-lightbox" data-title="iDevices Exercise<br>by Work Instructor">
<div class="cbp-caption-defaultWrap">
<img src="fitness-trainer/images/work-5.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Fitness | Trainer</p>
<div class="cbp-l-caption-title">Weight Exercise</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End CubePortfolio-->
<!-- Start Testimonials -->
<section class="our-clients" id="testimonials">
<div class="container">
<div class="row wow fadeInUp" data-wow-duration="1.5s">
<div class="col-12 text-center">
<div class="heading-area">
<span class="client-text text-orange mb-3">Lorem ipsum dolor sit amet,</span>
<h4 class="client-heading pb-lg-4">Our Happy Customers</h4>
</div>
</div>
<div class="testimonial-owl owl-testimonial owl-carousel owl-theme">
<!-- Item-1 -->
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin text">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>
<div class="testimonial_img">
<img src="fitness-trainer/images/client-1.png" alt="testimonial picture">
</div>
<div class="text1">
<p class="testimonial_name">David Raleway</p>
<p class="info text-red">Businessman</p>
</div>
</div>
</div>
<!-- Item-2 -->
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="text info infot_margin">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>
<div class="testimonial_img">
<img src="fitness-trainer/images/client-2.png" alt="testimonial picture">
</div>
<div class="text1">
<p class="testimonial_name">Kate Marasisa</p>
<p class="info text-red">Interior Designer</p>
</div>
</div>
</div>
<!-- Item-3 -->
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="text info infot_margin">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>
<div class="testimonial_img">
<img src="fitness-trainer/images/client-3.png" alt="testimonial picture">
</div>
<div class="text1">
<p class="testimonial_name">Sam Billings</p>
<p class="info text-red">Company Owner</p>
</div>
</div>
</div>
<!-- Item-4 -->
<div class="item">
<div class="testimonial-box">
<div class="quote_box">
<i class="fas fa-quote-right quote"></i>
</div>
<p class="info infot_margin">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>
<div class="testimonial_img">
<img src="fitness-trainer/images/client-4.png" alt="testimonial picture">
</div>
<div class="text1">
<p class="testimonial_name">Daniel Bryan</p>
<p class="info text-red">Designer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Testimonials -->
<!-- Blog start -->
<section id="blog" class="blog-sec bg-black py-0">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-7">
<div class="main-blog">
<span class="blog-text text-orange mb-4">Lorem ipsum dolor sit amet,</span>
<h4 class="blog-heading">Fitness is very important</h4>
<h5 class="blog-des">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry.
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry.
</h5>
<a href="fitness-trainer/standalone.html" class=" btn btn-medium btn-rounded btn-trans blog-btn">Learn More</a>
</div>
</div>
<div class="col-lg-5">
<div class="blog-img">
<img src="fitness-trainer/images/blog-img.png" alt="blog">
</div>
</div>
</div>
</div>
</section>
<!-- Blog End -->
<!-- Map start -->
<section class="bg-orange">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="booking-are">
<h2 class="booking-heading"> <span>Book Now:</span> +1 631 123 4567</h2>
</div>
</div>
</div>
</div>
</section>
<div class="p-0 bg-orange map-area">
<div class="container">
<!--Map Initialize-->
<div class="full-map" id="map"></div>
</div>
</div>
<!-- Map End -->
<!-- Start Contact -->
<section class="contact-sec" id="contact">
<div class="container">
<div class="row align-items-top">
<div class="col-lg-6 order-lg-2 wow fadeInRight">
<div class="contact-details heading-area">
<div class="contact-dots" data-dots=""></div>
<h4 class="contact-heading-2 font-weight-bold pb-5 ml-2">Fitness Club</h4>
<h5 class="contact-text ml-2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</h5>
<ul>
<li><i aria-hidden="true" class="las la-map-marker"></i> 123 Park Avenue, New York, United States </li>
<li><i aria-hidden="true" class="las la-phone"></i>
<span>+1 631 1234 5678</span>
<span>+1 631 1234 5678</span>
</li>
<li><i aria-hidden="true" class="las la-paper-plane"></i>email@website.com</li>
</ul>
</div>
</div>
<div class="col-lg-6 mt-4 pt-3 mt-lg-0 pt-lg-0 wow fadeInLeft">
<!--Heading-->
<div class="heading-area">
<h2 class="contact-heading">Let's Get In Touch</h2>
</div>
<!--Contact Form-->
<form class="contact-form" id="contact-form-data">
<div class="row">
<!--Result-->
<div class="col-12" id="result"></div>
<!--Left Column-->
<div class="col-md-5">
<div class="form-group">
<input class="form-control" id="your_name" name="userName" placeholder="Your Name" type="text">
</div>
<div class="form-group">
<input class="form-control" id="your_email" name="userEmail" placeholder="Email Address" type="email">
</div>
<div class="form-group">
<input class="form-control" id="subject" name="userSubject" placeholder="Subject" type="text">
</div>
</div>
<!--Right Column-->
<div class="col-md-7">
<div class="form-group">
<textarea class="form-control" id="message" name="userMessage" placeholder="Your Message"></textarea>
</div>
</div>
<!--Button-->
<div class="col-md-12">
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-black btn-hvr-orange w-100 contact_btn mt-4">Send Message</a>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--Contact End-->
<!-- Start footer -->
<footer class="footer no-gutters">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 footer-social-icons " >
<ul>
<li><a class="facebook-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<p class="footer-des" >© 2021 MegaOne. made with love by themesindustry</p>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/morphext.min.js"></script>
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/morphext.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- Map JS -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="fitness-trainer/js/map.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="fitness-trainer/js/script.js"></script>
</body>
</html>