?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/yoga/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/yoga/gallery.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="Product is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
    <!-- Page Title -->
    <title>Yoga | MegaOne | Creative HTML5 Template</title>
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <!-- Favicon -->
    <link rel="icon" href="../yoga/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="../yoga/css/animate.min.css">
    <link rel="stylesheet" href="../yoga/css/line-awesome.min.css">
    <link rel="stylesheet" href="../yoga/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../yoga/css/mediaelementplayer.css">
    <link rel="stylesheet" href="../yoga/css/mejs-controls.svg">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../yoga/css/style.css">
    <link rel="stylesheet" href="../yoga/css/settings.css">

</head>

<body data-spy=" " data-target=".navbar" data-offset="150">

<div class="loader1">
    <div id="loading-area"></div>
</div>

<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>

<!-- START NAVBAR SECTION -->
<header>

    <div class="circle rounded-circle"></div>
    <img class="logo_icon" src="../yoga/img/logo-icon.png" alt="">

    <div class="logo margin_navbar-logo logo_display">
        <a href="../index-yoga.html">
            <img src="../yoga/img/logo_img.png" alt="Logo Img"></a>
    </div>

    <div class="my-tog-btn">
        <span></span>
        <span></span>
        <span></span>
    </div>

    <!--    NAVBAR FOR LARGE SCREEN-->
    <nav id="my-nav1" class="navbar navbar-expand-sm navbar-light bg-light">
        <div class="container">
            <div class="collapse navbar-collapse" id="navbarSupportedContent1" >
                <div class="collapse navbar-collapse">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="../index-yoga.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="about-yoga.html">About Yoga</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="process.html">Our Process</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="schedule.html">Schedule</a>
                        </li>
                    </ul>
                    <div class="logo">
                        <a href="../index-yoga.html"><img src="../yoga/img/logo_img.png"  alt="Logo Img"></a>
                    </div>
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="seventh nav-link before after active" href="gallery.html">Gallery</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="prices.html">Our Prices</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="blog.html">Yoga Blogs</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="contact-us.html">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!--MODEL WINDOW FOR NAVBAR-->

    <div class="outer-window">
        <div class="navbar_small">
            <a class="close-outerwindow"><i class="lni-close"></i>
            </a>
            <div class="logo">
                <a href="../index-yoga.html"><img src="../yoga/img/logo_img.png" alt="Logo Img"></a>
            </div>
        </div>
        <nav class="navbar1">
            <ul class="navbar-nav">
                <li class="nav-item animation1"><a class="nav-link" href="../index-yoga.html">Home</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="about-yoga.html">About Yoga</a></li>
                <li class="nav-item animation1"><a class="nav-link " href="process.html">Our Process</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="schedule.html">Schedule</a></li>
                <li class="nav-item animation1"><a class="nav-link active" href="gallery.html">Gallery</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="prices.html">Our Prices</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="blog.html">Yoga Blogs</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
            </ul>
        </nav>
    </div>
</header>

<div id="page_content">

<!--HEADER IMAGE-->
<div class="header4_img">
        <div class="overlay">
            <div class="header_tittle">
                <p class="header_tittle1">Yoga Gallery</p>
                <p class="header_tittle2">A natural way of getting a perfect body & mind</p>
            </div>
        </div>
    </div>

<!-- START INFORMATION ABOUT PROCESS SECTION-->
<section id="information_process">
        <div class="container">
            <div class="row">
                <div class="col-12">
                <div class="information_process">
                    <p class="colored_heading">Let's Get Started</p>
                    <h1 class="heading margin_heading">Beautiful Yoga Gallery</h1>
                    <p class="info info_width counter-heading">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 ullamco laboris nisi
                        in voluptate velit esse cillum. Dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
                        sed diam nonummy nibh euismod laoreeadipiscing elit  Excepteur sint occaecat cupidatat non proident,
                        sunt in culpa diam  sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
            </div>
        </div>
        </div>
    </section>

    <section id="portfolio-xe" class="bglight padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8 offset-md-2 col-sm-12 text-center">
                  <div class="wow zoomIn" data-wow-delay="250ms" data-wow-duration="1.5s" style="visibility: visible; animation-delay: 250ms; animation-name: zoomIn;">
                        <div id="flat-filters" class="cbp-l-filters dark bottom30">
                            <div data-filter="*" class="cbp-filter-item">
                                <span>All Types</span>
                            </div>
                            <div data-filter=".yin" class="cbp-filter-item">
                                <span>Yin</span>
                            </div>
                            <div data-filter=".power" class="cbp-filter-item">
                                <span>Power</span>
                            </div>
                            <div data-filter=".bikram" class="cbp-filter-item">
                                <span>Bikram</span>
                            </div>
                            <div data-filter=".hatha" class="cbp-filter-item">
                                <span>Hatha</span>
                            </div>
                        </div>
                    </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="flat-gallery" class="cbp">
                <div class="cbp-item graphic hatha">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio1.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail1.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic bikram">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio2.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail2.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic yin">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio3.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail3.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic yin">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio4.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail4.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic hatha">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio5.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail5.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic bikram">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio6.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail6.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic power">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio7.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail7.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic power">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio8.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail8.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic hatha">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio9.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail9.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic bikram">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio10.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail10.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic power">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio11.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail11.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="cbp-item graphic yin">
                    <div class="overlay center-block whitecolor">
                        <figure class="snip1577">
                            <a href="img/portfolio/portfolio12.png"  data-fancybox="gallery1"></a><img src="img/portfolio/thumbnail12.png" alt="">
                            <figcaption>
                                <p class="icon-show"><i class="fas fa-search hover_search"></i></p>
                                <p class="hover_text">Yoga Exercise</p>
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </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="contact-us.html" class="btn btn-large btn-primary margin_button">Start Now</a>
                </div>
            </div>
        </div>
    </div>

</section>

<!-- START MAP SECTION  -->
<section id="map">
    <div class="row">
        <div class="col-12">
            <div class="mapouter">
                <div class="gmap_canvas">
                    <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.9674103770367!2d-111.89998968532109!3d33.31966746342612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2s!4v1573716071790!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen=""></iframe>
                </div>
            </div>
        </div>
    </div>
</section>

<!--  START FOOTER SECTION  -->
<section id="footer">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <ul class="footer_ul">
                    <li class="footer_list"><i class="lab la-facebook-f"></i></li>
                    <li class="footer_list"><i class="lab la-twitter"></i></li>
                    <li class="footer_list"><i class="lab la-google-plus"></i></li>
                    <li class="footer_list"><i class="lab la-linkedin-in"></i></li>
                    <li class="footer_list"><i class="lab la-instagram"></i></li>
                    <li class="footer_list"><i class="las la-envelope"></i></li>
                </ul>
                <p class="info footer_text"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>
            </div>
        </div>
    </div>
</section>

</div>

<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>

<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.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/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>
<!-- custom script -->
<script src="../yoga/js/mediaelement-and-player.min.js"></script>
<script src="../yoga/js/wow.min.js"></script>
<script src="../yoga/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019