?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-gardening.html

<!DOCTYPE html>
<html lang="en">
<head>
     <!-- Meta Tags -->
     <meta charset="utf-8">
     <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
     <!-- 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 8 ready home page demos.">
     <!-- keywords -->
     <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
     <!-- Page Title -->
     <title>Gardening | MegaOne HTML5 Template</title>
    
    <!-- Favicon -->
    <link href="gardening/images/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link href="vendor/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="gardening/css/navigation.css" rel="stylesheet">
    <link href="gardening/css/line-awesome.min.css" rel="stylesheet">
    <link href="gardening/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">

<!-- PRELOADER -->
<div id="spin-loader">
    <div class="spinner"></div>
</div>
<!-- PRELOADER -->

<!-- START HEADER -->
<header class="site-header">
    <nav class="navbar navbar-expand-lg nav-bottom-line center-brand static-nav">
        <div class="container">
            <a class="navbar-brand" href="index-gardening.html">
                <img src="gardening/images/logo.png" alt="logo" class="logo-default">
                <img src="gardening/images/logo.png" alt="logo" class="logo-scrolled">
            </a>
            <button class="navbar-toggler navbar-toggler-right d-none collapsed" type="button" data-toggle="collapse" data-target="#xenav">
                <span> </span>
                <span> </span>
                <span> </span>
            </button>
            <div class="collapse navbar-collapse" id="xenav">
                <ul class="navbar-nav" id="container">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#slider-section">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#services">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio_top">Gallery</a>
                    </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#training_video">Training</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#testimonials">Testimonials</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#blog">Our Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact Us</a>
                    </li>
                </ul>
            </div>
        </div>

        <!--side menu open button-->
        <a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
            <span></span> <span></span> <span></span>
        </a>
    </nav>

    <!-- side menu -->
    <div class="side-menu">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#slider-section">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#services">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio_top">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#training_video">Videos</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#testimonials">Testimonials</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#blog">Our Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer w-100">
                <p>&copy; 2020 Studio. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->
</header>
<!-- START HEADER -->

<!-- START MAIN SLIDER -->
<div id="slider-section" class="slider-section">
    <div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container m-0 p-0 bg-dark" data-alias="classic4export" data-source="gallery">
        <!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
        <div id="vertical-bullets" class="rev_slider fullwidthabanner white vertical-tpb" data-version="5.4.1">
            <ul>
                <!-- SLIDE 1 -->
                <li data-index="rs-01" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="02">
                    <!-- MAIN IMAGE -->
                    <img src="gardening/images/slider-img1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="bg-overlay bg-black opacity-6"></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','-35','-35']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on" data-start="1000"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1500,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
                        <h1 class="text-white main-font font-weight-600 slider-heading">Gardening is Life</h1>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <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="['30','30','25','25']"
                         data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on" data-start="2000"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
                        <p class="text-white alt-font slider-paragraph">A natural way of getting a perfect garden</p>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <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="['100','100','95','95']"
                         data-width="['500','500','500','500']" data-textalign="['center','center','center','center']" data-type="text"
                         data-whitespace="nowrap" 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:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="1800" data-splitin="none" data-splitout="none" data-responsive_offset="on">
                        <a data-fancybox="Video" href="https://vimeo.com/198376997" class="btn btn-medium btn-rounded btn-trans">Launch Video</a>
                    </div>
                </li>

                <!-- SLIDE 2 -->
                <li data-index="rs-02" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="01">
                    <!-- MAIN IMAGE -->

                    <img src="gardening/images/slider-img2.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="bg-overlay bg-black opacity-6"></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','-35','-35']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on"
                         data-beforeafter="before"
                         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">
                        <h1 class="text-white main-font font-weight-600 text-capitalize slider-heading">A Dream Garden</h1>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <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="['30','30','25','25']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on"
                         data-beforeafter="before"
                         data-transform_idle="o:1;"
                         data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <p class="text-white alt-font slider-paragraph">A natural way of getting a perfect garden</p>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <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="['100','100','95','95']"
                         data-width="['500','500','500','500']" data-textalign="['center','center','center','center']" data-type="text"
                         data-frames='[{"delay":600,"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"}]'>
                        <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-trans">Learn More</a>
                    </div>
                </li>

                <!-- SLIDE 3 -->
                <li data-index="rs-03" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="03">
                    <!-- MAIN IMAGE -->
                    <img src="gardening/images/slider-img3.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="bg-overlay bg-black opacity-6"></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','-35','-35']"
                         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="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 slider-heading">For Plant Lovers</h1>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <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="['30','30','25','25']"
                         data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on" data-start="2000"
                         data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;">
                        <p class="text-white alt-font slider-paragraph">A natural way of getting a perfect garden</p>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <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="['100','100','95','95']"
                         data-width="['500','500','500','500']" data-textalign="['center','center','center','center']" data-type="text"
                         data-whitespace="nowrap" 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:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="1800" data-splitin="none" data-splitout="none" data-responsive_offset="on">
                        <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-trans">Learn More</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- END MAIN SLIDER -->

<!-- START ABOUT -->
<section id="about">
    <div class="container">
        <div class="row">
            <div class=" col-sm-12 col-md-6 col-lg-6 img-sec">
                <div class="green_rectangle"></div>
                <div class="about_img margin_aboutimg">
                    <img src="gardening/images/about-img1.jpg" alt="Yoga Image">
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-6">
                <div class="about-heading">
                    <p class="colored_heading wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.5s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Information about us</p>
                    <h1 class="heading margin_heading wow fadeInUp" data-wow-delay="600ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">How We Do Gardening</h1>
                    <p class="info  wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.
                    <span class="mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</span></p>
                    <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-blue margin_button  wow fadeInUp" data-wow-delay="900ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInUp;">Read More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END ABOUT -->

<!-- START SERVICES -->
<section id="services" class="pt-0">
    <div class="container">
        <div class="row no-gutters">
            <!-- Service-1 -->
            <div class="col-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInLeft;">
                <div class="cover">
                    <div class="card">
                        <h1 class="numbering text-green">01.</h1>
                    </div>
                    <div class="card-body">
                        <h5 class="card-title">Gardening Ways</h5>
                        <p class="card-text info">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
                    </div>
                </div>
            </div>
            <!-- Service-2 -->
            <div class="col-12 col-md-4 col-lg-4 wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
                <div class="cover">
                    <div class="card">
                        <h1 class="numbering text-blue versa-effect">02.</h1>
                    </div>
                    <div class="card-body">
                        <h5 class="card-title versa-effect">Flowers</h5>
                        <p class="card-text info">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
                    </div>
                </div>
            </div>
            <!-- Service-3 -->
            <div class="col-12 col-md-4 col-lg-4  wow fadeInRight" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name:fadeInRight;">
                <div class="cover">
                    <div class="card">
                        <h1 class="numbering text-green">03.</h1>
                    </div>
                    <div class="card-body">
                        <h5 class="card-title">What is Needed</h5>
                        <p class="card-text info">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END SERVICES -->

<!-- START GALLERY SECTION -->
<section id="portfolio_top">
    <div class="container">
        <div class="col-sm-12 col-md-12">
            <div class="cbp-item small-screen">
                <div class="text_wrap wow fadeIn" data-wow-delay="350ms">
                    <div class="portfolio-heading">
                        <p class="colored_heading text_color">Watch our exclusive</p>
                        <h1 class="heading heading_color">Gardening Gallery</h1>
                        <p class="info info_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1.5s" style="visibility: visible; animation-delay: 250ms; animation-name: fadeInUp;">
                <div id="portfolio-measonry" class="cbp border-portfolio simple_overlay">
                    <div class="cbp-item itemshadow">
                        <div class="padding_box">
                            <figure class="snip0015">
                                <img class="padding_color" src="gardening/images/portfolio1.jpg" alt="">
                                <figcaption>
                                    <div class="caption_center">
                                        <i class="las la-plus plus_icon"></i>
                                        <h3 class="hover_heading">Gardening Gallery</h3>
                                        <p>Small Gardening Exercise Detail Here</p>
                                    </div>
                                    <a href="gardening/images/portfolio1.jpg"  data-fancybox="gallery1"></a>
                                </figcaption>

                            </figure>
                        </div>
                    </div>
                    <div class="cbp-item large-screen">
                        <div class="text_wrap wow fadeIn" data-wow-delay="350ms">
                            <div class="portfolio-heading">
                                <p class="colored_heading text_color">Watch our exclusive</p>
                                <h1 class="heading heading_color">Gardening Gallery</h1>
                                <p class="info info_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                                    labore et dolore magna aliqua.</p>
                            </div>
                        </div>
                    </div>
                    <div class="cbp-item itemshadow">
                        <div class="padding_box">
                            <figure class="snip0015">
                                <img class="padding_color" src="gardening/images/portfolio2.jpg" alt="">
                                <figcaption>
                                    <div class="caption_center">
                                        <i class="las la-plus plus_icon"></i>
                                        <h3 class="hover_heading">Gardening Gallery</h3>
                                        <p>Small Gardening Exercise Detail Here</p>
                                    </div>
                                    <a href="gardening/images/portfolio2.jpg"  data-fancybox="gallery1"></a>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="cbp-item itemshadow">
                        <div class="padding_box">
                            <figure class="snip0015">
                                <img class="padding_color" src="gardening/images/portfolio3.jpg" alt="">
                                <figcaption>
                                    <div class="caption_center">
                                        <i class="las la-plus plus_icon"></i>
                                        <h3 class="hover_heading">Gardening Gallery</h3>
                                        <p>Small Gardening Exercise Detail Here</p>
                                    </div>
                                    <a href="gardening/images/portfolio3.jpg"  data-fancybox="gallery1"></a>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="cbp-item itemshadow">
                        <div class="padding_box">
                            <figure class="snip0015">
                                <img class="padding_color" src="gardening/images/portfolio4.jpg" alt="">
                                <figcaption>
                                    <div class="caption_center">
                                        <i class="las la-plus plus_icon"></i>
                                        <h3 class="hover_heading">Gardening Gallery</h3>
                                        <p>Small Gardening Exercise Detail Here</p>
                                    </div>
                                    <a href="gardening/images/portfolio4.jpg"  data-fancybox="gallery1"></a>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cells">
                            <div class="portfolio-heading1">
                                <h1 class="main_heading">We have many more</h1>
                                <p class="info">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. </p>
                                <a href="gardening/standalone.html" class="btn btn-medium btn-rounded btn-blue">View All Exercises</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END GALLERY SECTION -->

<!-- START COUNTER SECTION -->
<section id="counters">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="700ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
            <div class="counter-heading">
                <p class="colored_heading">Don't take our words</p>
                <h1 class="heading_mainc margin_heading">Our Experience in Numbers</h1>
                <p class="info info_width">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
            </div>
        </div>
        <div class="row wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 800ms; animation-name: fadeInUp;">
            <div class="col-12 col-md-4 col-lg-4">
                <div class="wrapper">
                    <div class="counter">
                        <i class="las la-smile counter_icon"></i>
                        <span class="timer count-title count-number" data-to="4500" data-speed="1000"></span> <i class="las la-plus counter_plus"></i>
                    </div>
                    <p class="count-text">Satisfied Customers</p>
                </div>
            </div>
            <div class="col-12 col-md-4 col-lg-4">
                <div class="wrapper">
                    <div class="counter center-blue">
                        <i class="las la-building counter_icon"></i>
                        <span class="timer count-title count-number" data-to="9500" data-speed="1000"></span> <i class="las la-plus counter_plus"></i>
                    </div>
                    <p class="count-text ">Trainings</p>
                </div>
            </div>
            <div class="col-12 col-md-4 col-lg-4">
                <div class="wrapper">
                    <div class="counter">
                        <i class="las la-grin-hearts counter_icon"></i>
                        <span class="timer count-title count-number" data-to="6000" data-speed="1000"></span><i class="las la-plus counter_plus"></i>
                    </div>
                    <p class="count-text ">Healthy Lives</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END COUNTER SECTION -->

<!-- START TRAINING SECTION -->
<section id="training_video">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6 col-lg-6 order-2 order-md-1 order-lg-1 wow fadeInLeft" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInLeft;">
                <div class="vedio-heading">
                    <p class="colored_heading">Don't take our words</p>
                    <h1 class="main_heading margin_heading md_heading">Gardening Videos</h1>
                    <p class="info">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
                    <div id="video">
                        <a data-fancybox="" href="https://www.youtube.com/watch?v=7e90gBu4pas" class="btn btn-medium btn-rounded btn-blue mt-3">
                            <i class="las la-play mr-2"></i>Play Now</a>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 order-1 order-md-2 order-lg-2  wow fadeInRight" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInRight;">
                <div class="vedio_img">
                    <img src="gardening/images/training_video.png" alt="Yoga Image"></div>
            </div>
        </div>
    </div>
</section>
<!-- END TRAINING SECTION -->

<!-- START TESTIMONIAL -->
<section id="testimonials">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="counter-heading">
                    <p class="colored_heading">Our Testimonials</p>
                    <h1 class="heading_mainc margin_heading">Happy Yoga People</h1>
                </div>
            </div>
        </div>

        <div class="owl-testimonial owl-carousel owl-theme ">
            <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">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                        nonummy nibh euismod tincidunt until laoreet.</p>
                    <div class="testimonial_img">
                        <img src="gardening/images/testimonial1.png" alt="testimonial picture">
                    </div>
                    <div class="text">
                        <p class="testimonial_name">David Raleway</p>
                        <p class="info blue_text">Business</p>
                    </div>
                </div>
            </div>

            <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">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                        nonummy nibh euismod tincidunt until laoreet.</p>
                    <div class="testimonial_img">
                        <img src="gardening/images/testimonial2.png" alt="testimonial picture">
                    </div>
                    <div class="text">
                        <p class="testimonial_name">Kate Marasisa</p>
                        <p class="info blue_text">Illustrator</p>
                    </div>
                </div>
            </div>

            <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">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                        nonummy nibh euismod tincidunt until laoreet.</p>
                    <div class="testimonial_img">
                        <img src="gardening/images/testimonial3.png" alt="testimonial picture">
                    </div>
                    <div class="text">
                        <p class="testimonial_name">Sam Hendias</p>
                        <p class="info blue_text">Web Designer</p>
                    </div>
                </div>
            </div>

            <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">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                        nonummy nibh euismod tincidunt until laoreet.</p>
                    <div class="testimonial_img">
                        <img src="gardening/images/testimonial3.png" alt="testimonial picture">
                    </div>
                    <div class="text">
                        <p class="testimonial_name">David Raleway</p>
                        <p class="info blue_text">Business</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- END TESTIMONIAL -->

<!--  START YOGA BLOG SECTION -->
<section id="blog">
    <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-6 order-sm-1">
            <div class="blog_img">
                <img src="gardening/images/blog_img.jpg" alt="Blog Image">
            </div>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6 order-sm-2 d-flex align-items-center">
            <div class="blog_text">
                <p class="colored_heading">Read Our Blog</p>
                <h1 class="main_heading margin_heading heading_font_sm">Why Yoga Is Important</h1>
                <p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
                <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-blue">Read Full Story</a>
            </div>
        </div>
    </div>
</section>

<!-- START CONTACT SECTION -->
<section id="contact">
    <div class="container">
        <div class="row">
            <div class="col-12 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
                <div class="contact_text">
                    <p class="colored_heading">Let's Get Started</p>
                    <h1 class="heading margin_heading heading_font_sm">Need Personal Training?</h1>
                    <p class="info info_width contact_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
                    <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-blue margin_button">More Information</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END CONTACT SECTION -->

<!-- START GOOGLE MAP -->
<section class="p-0">
    <div class="row">
        <div class="col-12">
            <div class="mapouter">
                <div id="map" class="full-map bg-img-map"></div>
            </div>
        </div>
    </div>
</section>
<!-- END GOOGLE-MAP -->

<!-- START FOOTER -->
<footer class="footer">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-12 text-center">
                <div class="footer-social">
                    <ul class="list-unstyled social-icons social-icons-simple">
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInDown" href="javascript:void(0)"><i class="fab fa-twitter" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-google-plus-g" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInDown" href="javascript:void(0)"><i class="fab fa-linkedin-in" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-instagram" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-pinterest-p" aria-hidden="true"></i> </a> </li>
                    </ul>
                </div>
                <!--Text-->
                <p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- END FOOTER -->

<!--START SCROLL TOP-->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!--END SCROLL TOP-->

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.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 -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="gardening/js/map.js"></script>
<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="gardening/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019