thsOne/Gym-and-Fitness/index.html

1357 lines
65 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Main CSS -->
<link href="assets/css/main.css" rel="stylesheet" >
<title>Gym | Fitness | Yoga</title>
</head>
<body data-bs-spy="scroll" data-bs-target="#navigation">
<!-- PRELOADER STARTS
========================================================================= -->
<div id="main-preloader" class="main-preloader semi-dark-background">
<div class="main-preloader-inner center">
<h1 class="preloader-percentage center">
<span class="preloader-percentage-text">0</span> <!-- Show Percentage Number -->
<span class="percentage">%</span>
</h1>
<div class="preloader-bar-outer">
<div class="preloader-bar"></div>
<!-- Percentage Precess Bar -->
</div>
</div>
</div>
<!-- /.. PRELOADER ENDS
========================================================================= -->
<!-- NAVIGATION STARTS
========================================================================= -->
<nav id="navigation" class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="assets/imgs/logo-white.png" class="img-fluid" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about" >About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
<span class="ps-3 d-none d-lg-block">
<a href="https://themeforest.net/item/this-one-one-page-responsive-website-template/7236268" class="btn btn-primary" target="_blank">BUY NOW</a>
</span>
</div>
</div>
</nav>
<!-- NAVIGATION ENDS
========================================================================= -->
<!-- SLIDER STARTS
========================================================================= -->
<section id="home" >
<div id="slider">
<div id="rev_slider_24_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="website-intro" data-source="gallery" style="background:#000000;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
<div id="rev_slider_24_1" class="rev_slider fullscreenbanner tiny_bullet_slider" style="display:none;" data-version="5.4.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-67" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="assets/imgs/slider/1-60x60.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="assets/imgs/slider/1.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power2.easeInOut" data-scalestart="130" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper "
id="slide-67-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-type="shape"
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
data-frames='[{"delay":10,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":500,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 18;background-color:rgba(0, 0, 0, 0.3);"> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-67-layer-2"
data-x="['center','center','center','center']" data-hoffset="['1','1','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
data-fontsize="['80','80','70','45']"
data-lineheight="['80','80','70','50']"
data-width="['none','none','550','360']"
data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 19; white-space: nowrap; font-size: 90px; line-height: 90px; font-weight: 500; color: #ffffff; letter-spacing: -3px;font-family:Poppins;">Your body is your slave<br class="d-none d-lg-block"> It works for you
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
id="slide-67-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['90','90','60','30']"
data-fontsize="['25','25','25','20']"
data-lineheight="['35','35','35','30']"
data-width="['480','480','480','360']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 20; min-width: 480px; max-width: 480px; white-space: normal; font-size: 25px; line-height: 35px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Poppins;">Train hard, turn up, run your best and the rest will take care of itself.
</div>
<!-- LAYER NR. 4 -->
<a class="tp-caption rev-btn tp-resizeme"
href="https://themeforest.net/item/this-one-one-page-responsive-website-template/7236268" target="_blank" id="slide-67-layer-7"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['200','200','160','120']"
data-width="250"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[20,20,20,20]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[20,20,20,20]"
style="z-index: 21; min-width: 200px; max-width: 200px; white-space: nowrap; font-size: 18px; line-height: 60px; font-weight: 400; color: rgba(255,255,255,1); font-family:Poppins;background-color:rgb(227,28,37);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">GET STARTED </a>
</li>
<!-- SLIDE -->
<li data-index="rs-66" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="assets/imgs/slider/2-60x60.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="assets/imgs/slider/2.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power2.easeInOut" data-scalestart="130" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper "
id="slide-66-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-type="shape"
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
data-frames='[{"delay":10,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":500,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 18;background-color:rgba(0, 0, 0, 0.3);"> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-66-layer-2"
data-x="['center','center','center','center']" data-hoffset="['1','1','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
data-fontsize="['80','80','70','45']"
data-lineheight="['80','80','70','50']"
data-width="['none','none','550','360']"
data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 19; white-space: nowrap; font-size: 90px; line-height: 90px; font-weight: 500; color: #ffffff; letter-spacing: -3px;font-family:Poppins;">You can have results <br class="d-none d-lg-block"> or excuses, but not both</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
id="slide-66-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['90','90','60','30']"
data-fontsize="['25','25','25','20']"
data-lineheight="['35','35','35','30']"
data-width="['480','480','480','360']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 20; min-width: 480px; max-width: 480px; white-space: normal; font-size: 25px; line-height: 35px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Poppins;">The pain you feel today will be the strength you feel tomorrow.
</div>
<!-- LAYER NR. 4 -->
<a class="tp-caption rev-btn tp-resizeme"
href="https://themeforest.net/item/this-one-one-page-responsive-website-template/7236268" target="_blank" id="slide-66-layer-7"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['200','200','160','120']"
data-width="250"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[20,20,20,20]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[20,20,20,20]"
style="z-index: 21; min-width: 250px; max-width: 250px; white-space: nowrap; font-size: 18px; line-height: 60px; font-weight: 400; color: rgba(255,255,255,1); font-family:Poppins;background-color:rgb(227,28,37);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">GET STARTED </a>
</li>
<!-- SLIDE -->
<li data-index="rs-68" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="assets/imgs/slider/3-60x60.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="assets/imgs/slider/3.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power2.easeInOut" data-scalestart="130" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper "
id="slide-68-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-type="shape"
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
data-frames='[{"delay":10,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":500,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 18;background-color:rgba(0, 0, 0, 0.3);"> </div>
<!-- BACKGROUND VIDEO LAYER -->
<div class="rs-background-video-layer"
data-forcerewind="on"
data-volume="mute"
data-videowidth="100%"
data-videoheight="100%"
data-videomp4="assets/imgs/slider/fit_edit.mp4"
data-videopreload="auto"
data-videoloop="loopandnoslidestop"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false" ></div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-68-layer-2"
data-x="['center','center','center','center']" data-hoffset="['1','1','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
data-fontsize="['80','80','70','45']"
data-lineheight="['80','80','70','50']"
data-width="['none','none','550','360']"
data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 19; white-space: nowrap; font-size: 90px; line-height: 90px; font-weight: 500; color: #ffffff; letter-spacing: -3px;font-family:Poppins;">Take Care<br class="d-none d-lg-block"> of Your Body
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
id="slide-68-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['90','90','60','30']"
data-fontsize="['25','25','25','20']"
data-lineheight="['35','35','35','30']"
data-width="['480','480','480','360']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 20; min-width: 480px; max-width: 480px; white-space: normal; font-size: 25px; line-height: 35px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Poppins;">Take care of your body. Its the only place you have to live.
</div>
<!-- LAYER NR. 4 -->
<a class="tp-caption rev-btn tp-resizeme"
href="https://themeforest.net/item/this-one-one-page-responsive-website-template/7236268?ref=alia&license=regular&open_purchase_for_item_id=7236268&purchasable=source" target="_blank" id="slide-68-layer-7"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['200','200','160','120']"
data-width="250"
data-height="none"
data-whitespace="nowrap"
data-type="button"
data-actions=''
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":2000,"frame":"0","from":"sX:0.9;sY:0.9;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power3.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"sX:0.9;sY:0.9;opacity:0;fb:20px;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;fb:0;","style":"c:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[20,20,20,20]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[20,20,20,20]"
style="z-index: 21; min-width: 250px; max-width: 250px; white-space: nowrap; font-size: 18px; line-height: 60px; font-weight: 400; color: rgba(255,255,255,1); font-family:Poppins;background-color:rgb(227,28,37);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">BUY NOW </a>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="height: 5px; background: rgb(227,28,37);"></div>
</div>
</div>
<!-- END REVOLUTION SLIDER -->
</div>
</section>
<!-- /.. SLIDER ENDS
========================================================================= -->
<!-- ABOUT US STARTS
========================================================================= -->
<section class="home-intro" id="about" >
<div class="container">
<div class="row">
<div class="col-12">
<div class="herotext text-center pb-5">
<h6>/Who we are</h6>
<h2>Motivation is what gets you started. <br class="d-none d-lg-block">Habit is what keeps you going</h2>
<h5 class="pt-2">Fitness is not about being better than someone else. <br class="d-none d-lg-block">Its about being better than you used to be.</h5>
</div>
</div>
<div class="row">
<div class="col-12 col-md-3 block text-center text-center text-center">
<div class="icon">
<img src="assets/imgs/about/1.svg" class="img-fluid" alt="">
</div>
<div class="detail pt-2">
<h4>Muscle Growth</h4>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
<div class="col-12 col-md-3 block text-center text-center text-center">
<div class="icon">
<img src="assets/imgs/about/2.svg" class="img-fluid" alt="">
</div>
<div class="detail pt-2">
<h4>Fat Loss</h4>
<p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, eu libero.</p>
</div>
</div>
<div class="col-12 col-md-3 block text-center text-center">
<div class="icon">
<img src="assets/imgs/about/3.svg" class="img-fluid" alt="">
</div>
<div class="detail pt-2">
<h4>Performance</h4>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
<div class="col-12 col-md-3 block text-center">
<div class="icon">
<img src="assets/imgs/about/4.svg" class="img-fluid" alt="">
</div>
<div class="detail pt-2">
<h4>Nutration</h4>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /. ABOUT US ENDS
========================================================================= -->
<!-- SERVICES STARTS
========================================================================= -->
<section class="home-services dark-grey-bg" id="services">
<div class="container">
<div class="row">
<div class="col-12 pb-5">
<div class="herotext text-center">
<h6>/What we do</h6>
<h2>Take care of your body. <br class="d-none d-lg-block">Its the only place you have to live</h2>
<h5 class="pt-2">The pain you feel today will be the strength you feel tomorrow</h5>
</div>
</div>
</div>
<div class="services-carousel text-center">
<div class="block">
<h6>Performance</h6>
<h2>Crossfit</h2>
<div class="pic p-4"><img src="assets/imgs/services/5.jpg" class="img-fluid text-center" alt=""></div>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm.</p>
</div>
<div class="block">
<h6>Performance</h6>
<h2>Power Shape</h2>
<div class="pic p-4"><img src="assets/imgs/services/2.jpg" class="img-fluid text-center" alt=""></div>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm.</p>
</div>
<div class="block">
<h6>Performance</h6>
<h2>Pilates</h2>
<div class="pic p-4"><img src="assets/imgs/services/1.jpg" class="img-fluid text-center" alt=""></div>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm.</p>
</div>
<div class="block">
<h6>Performance</h6>
<h2>WeightLifting</h2>
<div class="pic p-4"><img src="assets/imgs/services/6.jpg" class="img-fluid text-center" alt=""></div>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm.</p>
</div>
<div class="block">
<h6>Performance</h6>
<h2>Bike Spin</h2>
<div class="pic p-4"><img src="assets/imgs/services/3.jpg" class="img-fluid text-center" alt=""></div>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm.</p>
</div>
<div class="block">
<h6>Performance</h6>
<h2>Yoga</h2>
<div class="pic p-4"><img src="assets/imgs/services/4.jpg" class="img-fluid text-center" alt=""></div>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm.</p>
</div>
</div>
</div>
</section>
<!-- /.. SERVICES ENDS
========================================================================= -->
<!-- FEATURES STARTS
========================================================================= -->
<section class="home-features parallax-1">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 col-xl-6">
<div class="block">
<div class="herotext">
<h6>/Unique & Responsive</h6>
<h2>We do amazing things with amazing people</h2>
<h5 class="pt-2">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</h5>
</div>
<div class="accordion pt-3" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
No long-term contract
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm of existence in this spot, which was created for the bliss of souls.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Best equipment
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm of existence in this spot, which was created for the bliss of souls.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Dedicated gym app
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart and feel the charm of existence in this spot, which was created for the bliss of souls.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /.. FEATURES ENDS
========================================================================= -->
<!-- PORTFOLIO STARTS
========================================================================= -->
<section id="gallery" class="portfolio pb-0">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="herotext text-center">
<h6>/Gallery</h6>
<h2>Gallery</h2>
<h5 class="pt-2">There are three responses to a piece of design <br class="d-none d-md-block">yes, no, and WOW! Wow is the one to aim for.</h5>
</div>
</div>
</div>
<div class="row pt-5 pb-3">
<!-- Portfolio Nav Starts -->
<div class="col-12">
<div id="options">
<ul id="filters" class="option-set clearfix" data-option-key="filter">
<li><a href="#filter" data-option-value="*" class="selected">ALL</a></li>
<li><a href="#filter" data-option-value=".category-1">Fat Loss</a></li>
<li><a href="#filter" data-option-value=".category-2">Muscle Growth</a></li>
<li><a href="#filter" data-option-value=".videos">Videos</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<!-- Portfolio Nav Ends -->
<div class="col-12">
<!-- Portfolio Thumbs Starts -->
<div class="make4columns portfolio-grid">
<!-- Project 1 Starts -->
<figure class="item category-2">
<div class="picture">
<img src="assets/imgs/portfolio/1.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-2</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/1.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/1.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 1 Ends -->
<!-- Project 2 Starts -->
<figure class="item videos">
<div class="picture">
<img src="assets/imgs/portfolio/vid-1.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">video</div>
<h1><a class="popup-vimeo" href="https://vimeo.com/45830194">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="popup-vimeo" href="https://vimeo.com/45830194"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 2 Ends -->
<!-- Project 4 Starts -->
<figure class="item category-1">
<div class="picture">
<img src="assets/imgs/portfolio/2.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-1</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/2.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/2.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 4 Ends -->
<!-- Project 3 Starts -->
<figure class="item category-2">
<div class="picture">
<img src="assets/imgs/portfolio/3.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-1</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/3.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/3.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 3 Ends -->
<!-- Project 8 Starts -->
<figure class="item category-1">
<div class="picture">
<img src="assets/imgs/portfolio/4.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-1</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/4.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/4.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 8 Ends -->
<!-- Project 5 Starts -->
<figure class="item videos">
<div class="picture">
<img src="assets/imgs/portfolio/vid-3.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">video</div>
<h1><a class="popup-youtube" href="http://www.youtube.com/watch?v=0O2aH4XLbto">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="popup-youtube" href="http://www.youtube.com/watch?v=0O2aH4XLbto"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 5 Ends -->
<!-- Project 7 Starts -->
<figure class="item category-1">
<div class="picture">
<img src="assets/imgs/portfolio/5.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">Website</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/5.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/5.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 7 Ends -->
<!-- Project 6 Starts -->
<figure class="item category-2">
<div class="picture">
<img src="assets/imgs/portfolio/6.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-2</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/6.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/6.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 6 Ends -->
<!-- Project 1 Starts -->
<figure class="item videos">
<div class="picture">
<img src="assets/imgs/portfolio/vid-4.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">video</div>
<h1><a class="popup-vimeo" href="https://vimeo.com/45830194">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="popup-vimeo" href="https://vimeo.com/45830194"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 1 Ends -->
<!-- Project 4 Starts -->
<figure class="item category-1">
<div class="picture">
<img src="assets/imgs/portfolio/7.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-1</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/7.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/7.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 4 Ends -->
<!-- Project 2 Starts -->
<figure class="item videos">
<div class="picture">
<img src="assets/imgs/portfolio/vid-2.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">video</div>
<h1><a class="popup-vimeo" href="https://vimeo.com/45830194">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="popup-vimeo" href="https://vimeo.com/45830194"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 2 Ends -->
<!-- Project 3 Starts -->
<figure class="item category-2">
<div class="picture">
<img src="assets/imgs/portfolio/8.jpg" alt="" >
<!-- Picture Overlay Starts -->
<div class="text-overlay">
<div class="category">category-2</div>
<h1><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/8.jpg" title="Product Name">Product Name</a></h1>
</div>
<div class="icon-overlay">
<div class="icon"><a class="image-popup-vertical-fit" href="assets/imgs/portfolio/8.jpg" title="Product Name"><i class="las la-expand-arrows-alt"></i></a></div>
</div>
<!-- Picture Overlay Ends -->
</div>
</figure>
<!-- Project 3 Ends -->
</div>
<!-- Portfolio Thumbs Ends -->
</div>
</div>
</div>
</section>
<!-- /. PORTFOLIO ENDS
========================================================================= -->
<!-- TEAM STARTS
========================================================================= -->
<section class="team dark-grey-bg mt-3" id="team">
<div class="container">
<div class="row">
<div class="col-12">
<div class="herotext text-center">
<h6>/Meet Our Team</h6>
<h2>Team of Expert Coaches</h2>
<h5 class="pt-2">Alone we can do so little; together we can do so much.</h5>
</div>
</div>
</div>
<div class="team-carousel pt-5">
<div class="block">
<div class="pic pb-4"><img src="assets/imgs/team/1.jpg" class="img-fluid" alt=""></div>
<div class="details">
<h2>Maria</h2>
<h6>Crossfit Coach</h6>
<ul class="socialmedia pt-2">
<li><a href=""><i class="lab la-twitter"></i></a></li>
<li><a href=""><i class="lab la-facebook-f"></i></a></li>
<li><a href=""><i class="lab la-dribbble"></i></a></li>
<li><a href=""><i class="lab la-behance"></i></a></li>
</ul>
</div>
</div>
<div class="block">
<div class="pic pb-4"><img src="assets/imgs/team/2.jpg" class="img-fluid" alt=""></div>
<div class="details">
<h2>Abigail</h2>
<h6>Bodybuilding Coach</h6>
<ul class="socialmedia pt-2">
<li><a href=""><i class="lab la-linkedin-in"></i></a></li>
<li><a href=""><i class="lab la-twitter"></i></a></li>
<li><a href=""><i class="lab la-facebook-f"></i></a></li>
<li><a href=""><i class="lab la-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="block">
<div class="pic pb-4"><img src="assets/imgs/team/3.jpg" class="img-fluid" alt=""></div>
<div class="details">
<h2>Donna</h2>
<h6>Yoga Instructor</h6>
<ul class="socialmedia pt-2">
<li><a href=""><i class="lab la-twitter"></i></a></li>
<li><a href=""><i class="lab la-facebook-f"></i></a></li>
<li><a href=""><i class="lab la-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="block">
<div class="pic pb-4"><img src="assets/imgs/team/4.jpg" class="img-fluid" alt=""></div>
<div class="details">
<h2>Anderson</h2>
<h6>Weight Lifting Coach</h6>
<ul class="socialmedia pt-2">
<li><a href=""><i class="lab la-twitter"></i></a></li>
<li><a href=""><i class="lab la-facebook-f"></i></a></li>
<li><a href=""><i class="lab la-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="block">
<div class="pic pb-4"><img src="assets/imgs/team/5.jpg" class="img-fluid" alt=""></div>
<div class="details">
<h2>Bailey</h2>
<h6>Nutrationest</h6>
<ul class="socialmedia pt-2">
<li><a href=""><i class="lab la-twitter"></i></a></li>
<li><a href=""><i class="lab la-facebook-f"></i></a></li>
<li><a href=""><i class="lab la-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- /.. TEAM ENDS
========================================================================= -->
<!-- PRICING STARTS
========================================================================= -->
<section class="pricing" id="pricing">
<div class="container">
<div class="row">
<div class="col-12">
<div class="herotext text-center">
<h6>/Transparent Pricing</h6>
<h2>Find the plan to help <br class="d-none d-md-block">your business grow</h2>
<h5 class="pt-2">Choose the plan thats right for your company. </h5>
</div>
</div>
</div>
<div class="row pt-5 g-0 g-lg-5">
<div class="col col-md-4 text-start">
<div class="block">
<div class="herotext secondary-bg p-4">
<h4>Basic</h4>
<h2>$49<span>/month</span></h2>
<p>All plans include a 30 day trial!</p>
</div>
<ul class="pt-4">
<li><i class="lar la-check-circle"></i> 15 Active Projects</li>
<li><i class="lar la-check-circle"></i> 3GB of Space</li>
<li><i class="lar la-check-circle"></i> Unlimited Users</li>
<li><i class="lar la-check-circle"></i> Time Tracking</li>
<li><i class="lar la-check-circle"></i> Chat Support</li>
<li>&nbsp;</li>
</ul>
<div><a href="#" class="btn btn-secondary w-100">PURCHASE PLAN</a></div>
</div>
</div>
<div class="col col-md-4 text-start">
<div class="block">
<div class="herotext primary-bg p-4 best">
<h4>Popular</h4>
<h2>$99<span>/month</span></h2>
<p>All plans include a 30 day trial!</p>
</div>
<ul class="pt-4">
<li><i class="lar la-check-circle"></i> 35 Active Projects</li>
<li><i class="lar la-check-circle"></i> 10GB of Space</li>
<li><i class="lar la-check-circle"></i> Unlimited Users</li>
<li><i class="lar la-check-circle"></i> Time Tracking</li>
<li><i class="lar la-check-circle"></i> SSL Security</li>
<li><i class="lar la-check-circle"></i> Chat Support</li>
</ul>
<div><a href="#" class="btn btn-primary w-100">PURCHASE PLAN</a></div>
</div>
</div>
<div class="col col-md-4 text-start">
<div class="block">
<div class="herotext secondary-bg p-4">
<h4>Advanced</h4>
<h2>$199<span>/month</span></h2>
<p>All plans include a 30 day trial!</p>
</div>
<ul class="pt-4">
<li><i class="lar la-check-circle"></i> Unlimited Projects</li>
<li><i class="lar la-check-circle"></i> 50GB of Space</li>
<li><i class="lar la-check-circle"></i> Unlimited Users</li>
<li><i class="lar la-check-circle"></i> Time Tracking</li>
<li><i class="lar la-check-circle"></i> SSL Security</li>
<li><i class="lar la-check-circle"></i> Chat Support</li>
</ul>
<div><a href="#" class="btn btn-secondary w-100">PURCHASE PLAN</a></div>
</div>
</div>
</div>
</div>
</section>
<!-- /.. PRICING ENDS
========================================================================= -->
<!-- BLOG STARTS
========================================================================= -->
<section class="blog dark-grey-bg" id="blog">
<div class="container">
<div class="row">
<div class="col-12">
<div class="herotext text-center">
<h6>/Be inspired. Be informed!</h6>
<h2>Latest News & Events</h2>
<h5 class="pt-2">Blogging is a conversation, not a code.</h5>
</div>
</div>
</div>
<div class="row pt-5 g-0 g-lg-5">
<div class="col-12 col-md-4">
<div class="blog-post">
<div class="pic pb-4"><img src="assets/imgs/blog/1.jpg" class="img-fluid" alt=""></div>
<h4><a href="blog.html">/FITNESS</a></h4>
<h2><a href="single-blog-post-right-sidebar.html">Single Blog Post with Right Sidebar</a></h2>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cupidt proident ...</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-md-4">
<div class="blog-post">
<div class="pic pb-4"><img src="assets/imgs/blog/2.jpg" class="img-fluid" alt=""></div>
<h4><a href="blog.html">/WEIGHTLIFTING</a></h4>
<h2><a href="single-blog-post-left-sidebar.html">Single Blog Post with Left Sidebar</a></h2>
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of spring, taken possession of my entire soul ...</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-md-4">
<div class="blog-post">
<div class="pic pb-4"><img src="assets/imgs/blog/3.jpg" class="img-fluid" alt=""></div>
<h4><a href="blog.html">/FAT LOSS</a></h4>
<h2><a href="single-blog-post-without-sidebar.html">Single Blog Post without Sidebar</a></h2>
<p>Taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cuatat proident, taken possession of my entire soul ...</p>
<ul class="meta">
<li>
<a href=""><i class="las la-user-alt"></i> John</a>
</li>
<li>
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
</li>
<li>
<a href=""><i class="lar la-comment"></i> 3</a>
</li>
<li>
<a href=""><i class="lar la-eye"></i> 5.5K</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row pt-5">
<div class="col-12 text-center"><a href="blog.html" class="btn btn-primary">VIEW ALL POSTS</a></div>
</div>
</div>
</section>
<!-- /.. BLOG ENDS
========================================================================= -->
<!-- TESTIMONIALS STARTS
========================================================================= -->
<section class="testimonials parallax-2">
<div class="container">
<div class="row align-items-start align-items-md-center">
<div class="col-12 col-lg-5 testimonials-block" >
<div class="herotext">
<h6>/testimonials</h6>
<h2>Dont Just Take <br class="d-none d-md-block">Our Word for It</h2>
</div>
<div class="testimonials-carousel pt-4">
<div class="testimonial">
<div class="d-flex align-items-center">
<div class="pic"><img src="assets/imgs/testimonials/1.jpg" class="img-fluid" alt=""></div>
<div class="detail">
<div class="name">John Doe</div>
<div class="designation">Body Builder</div>
</div>
</div>
<p class="pt-3">“ Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cupidt proident ”</p>
</div>
<div class="testimonial">
<div class="d-flex align-items-center">
<div class="pic"><img src="assets/imgs/testimonials/2.jpg" class="img-fluid" alt=""></div>
<div class="detail">
<div class="name">John Doe</div>
<div class="designation">Yoga Instructor</div>
</div>
</div>
<p class="pt-3">“ Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cupidt proident ”</p>
</div>
<div class="testimonial">
<div class="d-flex align-items-center">
<div class="pic"><img src="assets/imgs/testimonials/3.jpg" class="img-fluid" alt=""></div>
<div class="detail">
<div class="name">John Doe</div>
<div class="designation">Weight Lifter</div>
</div>
</div>
<p class="pt-3">“ Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cupidt proident ”</p>
</div>
</div>
<!--<div class="slider-counter"></div>-->
</div>
</div>
</div>
</section>
<!-- /.. TESTIMONIALS ENDS
========================================================================= -->
<!-- CLIENTS STARTS
========================================================================= -->
<section class="clients">
<div class="container">
<div class="row">
<div class="col-12">
<div class="herotext text-center">
<h6>/our clients</h6>
<h2>We are your Integrated<br class="d-none d-md-block"> Team Tech Pioneers</h2>
</div>
</div>
</div>
<div class="row text-center pt-5">
<div class="col-6 col-md-3"><img src="assets/imgs/clients/1.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/2.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/3.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/4.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/5.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/6.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/7.jpg" class="img-fluid" alt=""></div>
<div class="col-6 col-md-3"><img src="assets/imgs/clients/8.jpg" class="img-fluid" alt=""></div>
</div>
</div>
</section>
<!-- /.. CLIENTS ENDS
========================================================================= -->
<!-- VIDEO STARTS
========================================================================= -->
<section class="video bg-img text-center">
<div class="container">
<div class="row">
<div class="col-12">
<h6><a class="popup-vimeo" href="https://vimeo.com/45830194"><i class="las la-play"></i>&nbsp;</a></h6>
</div>
</div>
</div>
</section>
<!-- /.. VIDEO ENDS
========================================================================= -->
<!-- JOIN US STARTS
========================================================================= -->
<section class="join-us primary-bg text-center">
<div class="container">
<div class="row">
<div class="col-12">
<div class="herotext">
<h6>/Join Us</h6>
<h2>We Move The Digital<br class="d-none d-md-block"> Industry Forward</h2>
</div>
<ul class="pt-4">
<li><a href="#" class="btn btn-secondary">OUR SERVICES</a></li>
<li><a href="#" class="btn-transparent btn-secondary ">JOIN NOW</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- /.. JOIN US ENDS
========================================================================= -->
<!-- CONTACT US STARTS
========================================================================= -->
<section class="contact-us" id="contact">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6">
<div class="herotext pb-4">
<h6>Get In Touch</h6>
<h2>Talk or Meet with Us</h2>
</div>
<address class="clearfix d-flex align-items-center pb-2">
<div class="icon"><i class="las la-map-marker"></i></div>
<div class="detail">
<div class="heading">Get Us Here</div>
1355 Market St, Suite 900<br>
San Francisco, CA 94<br>
</div>
</address>
<address class="clearfix d-flex align-items-center pb-2">
<div class="icon"><i class="las la-phone"></i></div>
<div class="detail">
<div class="heading">Call Us</div>
+1 123 456 7890
</div>
</address>
<address class="clearfix d-flex align-items-center">
<div class="icon"><i class="las la-envelope-open"></i></div>
<div class="detail">
<div class="heading">Write Us</div>
<a href="mailto:info@thisone.com" target="_blank">info@thisone.com</a>
</div>
</address>
</div>
<div class="col-12 col-lg-6 pt-5 pt-lg-0">
<div class="herotext pb-4">
<h6>Estimate Project</h6>
<h2>Let Us Know Here</h2>
</div>
<form action='process.php' method='post' name='ContactForm' id='ContactForm'>
<div class="mb-3">
<input type="text" class="form-control" name="name" placeholder="Enter your name *" >
</div>
<div class="mb-3">
<input type="email" class="form-control" name="email" placeholder="Enter your email *" >
</div>
<div class="mb-3">
<input type="text" class="form-control" name="website" placeholder="Enter your website" >
</div>
<div class="mb-3">
<textarea class="form-control" name="comment" placeholder="Enter your message *" rows="3"></textarea>
</div>
<div id='message_post'></div>
<button type='submit' value='Submit' name='submitf' id="submitf" class="btn btn-primary mt-3">SEND MESSAGE</button>
</form>
</div>
</div>
</div>
</section>
<!-- /.. CONTACT US ENDS
========================================================================= -->
<!-- MAPS STARTS
========================================================================= -->
<section class="map p-0">
<div class="container-fluid">
<div class="row">
<div class="col-12 p-0">
<iframe style="filter: invert(90%)" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3197.154890111155!2d174.72928551616675!3d-36.74285307495062!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6d0d3bd2cd208323%3A0x7baab82d6bfe50fe!2sTemplate+Monster!5e0!3m2!1sen!2s!4v1534419180788" height="400" allowfullscreen=""></iframe>
</div>
</div>
</div>
</section>
<!-- /.. MAPS ENDS
========================================================================= -->
<!-- FOOTER STARTS
========================================================================= -->
<footer class="dark-grey-bg text-center">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul>
<li><a href="#about">ABOUT</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="#blog">BLOG</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
<div class="row pt-4">
<div class="col-12">
<ul class="socialmedia">
<li><a href=""><i class="lab la-twitter"></i></a></li>
<li><a href=""><i class="lab la-facebook-f"></i></a></li>
<li><a href=""><i class="lab la-behance"></i></a></li>
<li><a href=""><i class="lab la-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="row pt-3 copyright">
<div class="col-12">
THISONE © 2021
</div>
</div>
</div>
</footer>
<!-- /.. FOOTER ENDS
========================================================================= -->
<!-- TO TOP STARTS
========================================================================= -->
<a href="#home" class="back-to-top"><i class="las la-angle-up"></i></a>
<!-- /.. TO TOP ENDS
========================================================================= -->
<!-- INCLUD ALL JS FILES
========================================================================= -->
<!--JQUERY MIN JS-->
<script src="assets/lib/jquery-1.12.4/jquery.min.js"></script>
<!--BOOTSTRAP JS-->
<script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="assets/lib/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="assets/lib/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLICEY ADD-ON FILES -->
<script src='assets/lib/revolution/revolution-addons/slicey/js/revolution.addon.slicey.min.js?ver=1.0.0'></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS
(Load Extensions only on Local File Systems !
The following part can be removed on Server for On Demand Loading) -->
<script src="assets/lib/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/lib/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script >
var tpj=jQuery;
var revapi24;
tpj(document).ready(function() {
if(tpj("#rev_slider_24_1").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider_24_1");
}else{
revapi24 = tpj("#rev_slider_24_1").show().revolution({
sliderType:"standard",
jsFileLocation:"revolution/js/",
sliderLayout:"fullscreen",
dottedOverlay:"none",
delay:9000,
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
mouseScrollReverse:"default",
onHoverStop:"off",
bullets: {
enable:false,
hide_onmobile:false,
style:"bullet-bar",
hide_onleave:false,
direction:"horizontal",
h_align:"center",
v_align:"bottom",
h_offset:0,
v_offset:50,
space:5,
tmp:''
}
,
thumbnails: {
style:"gyges",
enable:true,
width:60,
height:60,
min_width:60,
wrapper_padding:0,
wrapper_color:"transparent",
wrapper_opacity:"1",
tmp:'<span class="tp-thumb-img-wrap"> <span class="tp-thumb-image"></span></span>',
visibleAmount:5,
hide_onmobile:true,
hide_under:800,
hide_onleave:false,
direction:"horizontal",
span:false,
position:"inner",
space:5,
h_align:"center",
v_align:"bottom",
h_offset:0,
v_offset:20
}
,
arrows: {
style:"uranus",
enable:true,
hide_onmobile:false,
hide_onleave:false,
tmp:'',
left: {
h_align:"left",
v_align:"center",
h_offset:10,
v_offset:0
},
right: {
h_align:"right",
v_align:"center",
h_offset:10,
v_offset:0
}
}
},
responsiveLevels:[1240,1024,778,480],
visibilityLevels:[1240,1024,778,480],
gridwidth:[1240,1024,778,480],
gridheight:[868,768,960,720],
lazyType:"none",
shadow:0,
spinner:"spinner1",
stopLoop:"off",
stopAfterLoops:-1,
stopAtSlide:-1,
shuffle:"off",
autoHeight:"off",
fullScreenAutoWidth:"off",
fullScreenAlignForce:"off",
fullScreenOffsetContainer: "",
fullScreenOffset: "0px",
hideThumbsOnMobile:"off",
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
debugMode:false,
fallbacks: {
simplifyAll:"off",
nextSlideOnWindowFocus:"off",
disableFocusListener:false,
}
});
}
if(revapi24) revapi24.revSliderSlicey();
}); /*ready*/
</script>
<!-- PRELOADER -->
<script src="assets/lib/preloader/sPreloader.js"></script>
<!-- OWL CAROUSEL -->
<script src="assets/lib/owl-carousel/owl.carousel.js"></script>
<!-- ISOTOPE GALLERY -->
<script src="assets/lib/isotope/jquery.isotope.min.js"></script>
<script src="assets/lib/isotope/custom-isotope-mansory.js"></script>
<!-- MAGNIFIC POPUP -->
<script src="assets/lib/magnific-popup/jquery.magnific-popup.js"></script>
<!-- CONTACT FORM JS -->
<script src="assets/js/contact-form/contact-form.js"></script>
<!-- CUSTOM JS -->
<script src="assets/js/script.js"></script>
</body>
</html>