?

á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/process.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>
    <!-- Favicon -->
    <link rel="icon" href="../yoga/img/favicon.ico">
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../yoga/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../yoga/css/line-awesome.min.css">
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="../yoga/css/mediaelementplayer.css">
    <link rel="stylesheet" href="../yoga/css/mejs-controls.svg">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../yoga/css/animate.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../yoga/css/style.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 active" 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" 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 active " 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" href="gallery.html">Gallery</a></li>
                <li class="nav-item animation1"><a class="nav-link active" 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="header1_img">
    <div class="overlay">
        <div class="header_tittle">
                <p class="header_tittle1">Yoga Process</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">Yoga Process is Simple</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>
            <a href="#detail_process" class="btn btn-large btn-primary margin_button scroll">Read More</a>
        </div>
        </div>
    </div>
    </div>
</section>

<section id="detail_process">
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 overflow-hidden">
             <div class="process_image figure">
                <img src="img/process/process1.png" alt="process image">
             </div>
        </div>
        <div class="col-sm-12 col-lg-6 margin-col">
            <div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                <p class="colored_heading">Yoga Information</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Lorem ipsum dol consectetur</h1>
                <p class="info info_width">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>
            </div>
        </div>
    </div>
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
            <div class="process_image figure">
                <img src="img/process/process2.png" alt="process image">
            </div>
        </div>
        <div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
            <div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                <p class="colored_heading">Yoga Information</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Lorem ipsum dol consectetur</h1>
                <p class="info info_width">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>
            </div>
        </div>
    </div>
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 overflow-hidden">
            <div class="process_image figure">
                <img src="img/process/process3.png" alt="process image">
            </div>
        </div>
        <div class="col-sm-12 col-lg-6 margin-col">
            <div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                <p class="colored_heading">Yoga Information</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Lorem ipsum dol consectetur</h1>
                <p class="info info_width">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>
            </div>
        </div>
    </div>
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
            <div class="process_image figure">
                <img src="img/process/process4.png" alt="process image">
            </div>
        </div>
        <div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
            <div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                <p class="colored_heading">Yoga Information</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Lorem ipsum dol consectetur</h1>
                <p class="info info_width">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>
            </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>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.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