?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/spa/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/spa/services.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>Spa | MegaOne | Creative HTML5 Template</title>
    <!--    <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">-->
    <!-- Favicon -->
    <link rel="icon" href="../spa/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="../spa/css/animate.min.css">
    <link rel="stylesheet" href="../spa/css/jquery.fancybox.css">
    <link rel="stylesheet" href="../spa/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../spa/css/line-awesome.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../spa/css/style.css">
</head>


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


<!--  PRELOADER  -->
<div class="loader-area">
    <div id='spin-wrap'>
        <div id='spin'></div>
    </div>
</div>

<header>

    <nav id="my-nav" class="navbar navbar-expand-lg navbar-light rounded-bar fixed-navbar">

        <div class="menu-btn">
            <span></span>
            <span></span>
            <span></span>
        </div>

        <div class="logo ml-auto mr-auto">
            <a href="../index-spa.html"><img src="../spa/img/logo-img.png" alt="Logo Img"></a>
        </div>
        <ul class="navbar-icons">
            <li class="navbar_list"><i class="lab la-facebook-f"></i></li>
            <li class="navbar_list"><i class="lab la-twitter"></i></li>
            <li class="navbar_list"><i class="lab la-linkedin-in"></i></li>
        </ul>
    </nav>

    <div class="outer-wrapper">

        <div class="nav-img">
            <img src="../spa/img/navbar-img.jpg" alt="BACKGROUND IMAGE">
        </div>

        <div class="overlay">

            <a class="close-outerwindow"><i class="las la-times"></i></a>

            <nav class="navbar-1 w-100">

                <div class="row height small-nav">

                    <div class="col-sm-5 col-md-5 d-flex justify-content-center align-items-center">
                        <ul id="primary" class="navbar-nav">
                            <li class="nav-item"><a class="nav-link" href="../index-spa.html">Home</a></li>
                            <li class="nav-item"><a class="nav-link" href="#">Services</a></li>
                            <li class="nav-item"><a class="nav-link" href="pricing.html">Rates</a></li>
                            <li class="nav-item"><a class="nav-link" href="team.html">Experts</a></li>
                            <li class="nav-item"><a class="nav-link" href="booking.html">Book Now</a></li>
                        </ul>
                    </div>

                    <div class="col-sm-12 col-md-3 d-flex justify-content-center align-items-center">
                        <div class="services-nav">
                            <h5 class="nav-heading">Spa Services</h5>
                            <ul class="nav-services">
                                <li><a href="services.html">Body Massage</a></li>
                                <li><a href="services.html">Body Wrap</a></li>
                                <li><a href="services.html">Herbal Massage</a></li>
                                <li><a href="services.html">Hand & Feet</a></li>
                                <li><a href="services.html">Relaxation</a></li>
                                <li><a href="services.html">Mind Therapy</a></li>
                                <li><a href="services.html">Body Treatments</a></li>
                            </ul>

                            <div class="nav-icons">
                                <ul class="side-menu-icons">
                                    <li><a href=" "><i class="lab la-facebook-f"></i></a></li>
                                    <li><a href=" "><i class="lab la-twitter"></i></a></li>
                                    <li><a href=" "><i class="lab la-google-plus"></i></a></li>
                                    <li><a href=" "><i class="lab la-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-12 col-md-3 d-flex justify-content-center align-items-center">
                        <div class="blog-nav">
                            <h5 class="nav-heading">Spa Blogs</h5>
                            <ul class="nav-services">
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Blog Detail</a></li>
                            </ul>
                        </div>
                    </div>

                </div>

            </nav>

        </div>

    </div>

</header>

<div class="main-content">

    <section id="bg-services-img" class="bg-services-img">
    </section>

    <section id="about1" class="about">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="about-text text-left">
                        <h6 class="heading">Most flexible pricing</h6>
                        <h1 class="main-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <p class="sub-heading">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus.
                        <br><br>
                        Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="detail_process" class="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/service1.jpg" 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="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">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/service2.jpg" 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="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">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/service3.jpg" 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="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">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/service4.jpg" 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="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">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>

    <section id="booking" class="booking">
        <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="booking_text text-center">
                        <h6 class="heading text-brown">Want to visit us</h6>
                        <h1 class="main-heading text-brown mb-3">Book your appointment now!</h1>
                        <p class="sub-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 consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
                        <a href="booking.html" class="btn btn-large trans-btn book-btn">Book Now</a>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <section id="footer" class="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 text-brown"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themesindustry</p>
                </div>
            </div>
        </div>
    </section>

</div>

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

<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>

<!-- custom script -->
<script src="../spa/js/jquery.fancybox.js"></script>
<script src="../spa/js/jquery.fancybox.min.js"></script>
<script src="../spa/js/mediaelement-and-player.min.js"></script>
<script src="../spa/js/wow.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../spa/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019