?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-skin-doctor.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>Skin Doctor Specialist | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link rel="icon" href="skin-doctor/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
    <link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/css/swiper.min.css">
    <link rel="stylesheet" href="vendor/css/LineIcons.min.css">
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="skin-doctor/css/style.css">
</head>

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

<!--Preloader-->

<div class="loader" id="loader-fade">
    <div class="linear-activity">
        <div class="indeterminate"></div>
    </div>
</div>

<!--End Preloader-->

<!--HEADER START-->
<header>
    <div class="main-navigation">

        <div class="whatsapp-number">
            <a href="tel:1234561234" class="agency-num"><span><i class="lni lni-whatsapp"></i></span> <span class="whatsapp-num">+1 631 123 4567</span></a>
        </div>

        <div class="container">
            <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="index-skin-doctor.html">
                    <img src="skin-doctor/img/logo-white.png" alt="logo-white">
                </a>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="nav-link" href="#about-sec">About Doctor </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#gallery-sec">Patient Gallery</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#testimonials">Reviews</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#blogs">Blog</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link nav-btn" href="#contact-sec"><i aria-hidden="true" class="fas fa-paper-plane"></i> Book Appointment</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <a href="javascript:void(0)" id="sidemenu_toggle" class="sidemenu_btn">
            <i class="lni lni-menu"></i>
        </a>


        <!--Side Nav-->
        <div class="side-menu hidden">
            <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 side-nav-menu">
                        <li class="nav-item">
                            <a class="nav-link scroll" href="#slider-sec">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link scroll" href="#about-sec">About Doctor</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link scroll" href="#gallery-sec">Patient Gallery</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link scroll" href="#testimonials">Reviews</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link scroll" href="#blogs">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link scroll" href="#contact-sec">Book Appointment</a>
                        </li>
                    </ul>
                </nav>

                <div class="side-footer w-100">
                    <ul class="social-icons-simple">
                        <li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                        <li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                        <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                    </ul>
                    <p>&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
                </div>
            </div>
        </div>
        <a id="close_side_menu" href="javascript:void(0);"></a>
        <!-- End side menu -->



    </div>
</header>
<!--HEADER END-->

<!--SLIDER START-->
<section class="slider-sec" id="slider-sec">
    <div id="rev_slider_346_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="beforeafterslider1" data-source="gallery" style="background:#252525;padding:0px;">
        <!-- START REVOLUTION SLIDER 5.4.3.3 fullscreen mode -->
        <div id="main-slider-four" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.3.3">
            <ul>
                <!-- Slide -->
                <li data-index="rs-964" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../../assets/skin-doctor/img/night-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-beforeafter='{"moveto":"50%|50%|50%|50%","bgColor":"","bgFit":"cover","bgPos":"center center","bgRepeat":"no-repeat","direction":"horizontal","easing":"Power2.easeInOut","delay":"500","time":"750","out":"fade","carousel":false}'>
                    <!-- MAIN IMAGE -->
                    <h2 class="d-none">sd</h2>
                    <img src="skin-doctor/img/banner.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power4.easeOut" data-scalestart="150" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="30" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->
                    <divs class="tp-caption tp-resizeme tp-sub-heading"
                         data-x="['left','middle','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-140','-440','-140','-260']"
                         data-fontsize="['60','60','60','50']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         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"
                         style="z-index:1111; font-weight: 100; color: #000000; font-family: 'Poppins', sans-serif;text-transform:capitalize">Skin Specialist
                    </divs>
                    <div class="tp-caption tp-resizeme tp-sub-heading"
                         data-x="['left','middle','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-140','-440','-140','-260']"
                         data-fontsize="['60','60','60','50']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         data-beforeafter="after"
                         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"
                         style="z-index:1111; font-weight: 100; color: #000000; font-family: 'Poppins', sans-serif;text-transform:capitalize">Skin Specialist
                    </div>
                    <div class="tp-caption tp-resizeme tp-heading"
                         data-x="['left','middle','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-70','-370','-70','-200']"
                         data-fontsize="['60','60','60','50']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         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"
                         style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #000000; font-family: 'Poppins', sans-serif;text-transform:capitalize">Beautify Yourself
                    </div
                    ><div class="tp-caption tp-resizeme tp-heading"
                       data-x="['left','middle','center','center']" data-hoffset="['0','0','0','0']"
                       data-y="['middle','middle','middle','middle']" data-voffset="['-70','-370','-70','-200']"
                       data-fontsize="['60','60','60','50']"
                       data-whitespace="nowrap" data-responsive_offset="on"
                       data-width="['none','none','none','none']" data-type="text"
                       data-textalign="['center','center','center','center']"
                       data-beforeafter="after"
                       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"
                       style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #000000; font-family: 'Poppins', sans-serif;text-transform:capitalize">Beautify Yourself
                </div>
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','-280','-120','-120']"
                         data-y="['middle','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
                         data-textalign="['right','right','center','center']"
                         data-beforeafter="before"
                         data-transform_idle="o:1;"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="image"
                         data-basealign="slide"
                         data-responsive_offset="on"
                         data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                         data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <img class="slider-img" src="skin-doctor/img/clear-face-banner-1.jpg" alt=""  data-no-retina>
                    </div>
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','-280','-120','-120']"
                         data-y="['middle','bottom','bottom','bottom']" data-voffset="['0','0','0','0']"
                         data-textalign="['right','right','center','center']"
                         data-beforeafter="after"
                         data-transform_idle="o:1;"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="image"
                         data-basealign="slide"
                         data-responsive_offset="on"
                         data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                         data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <img class="slider-img"  src="skin-doctor/img/pimple-face-slider-banner.jpg" alt=""  data-no-retina>
                    </div>
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','middle','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['40','-240','40','-100']"
                         data-fontsize="['18','18','18','18']"
                         data-whitespace="normal" data-responsive_offset="on"
                         data-width="['500','500','400','400']" data-type="text"
                         data-textalign="['left','center','center','center']"
                         data-beforeafter="before"
                         data-transform_idle="o:1;"
                         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;"
                         data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                         data-start="1500" data-splitin="none" data-splitout="none"
                         style="z-index:4; font-weight: 100; color: #000000; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum.
                    </div>
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','middle','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['40','-240','40','-100']"
                         data-fontsize="['18','18','18','18']"
                         data-whitespace="normal" data-responsive_offset="on"
                         data-width="['500','500','400','400']" data-type="text"
                         data-textalign="['left','center','center','center']"
                         data-beforeafter="after"
                         data-transform_idle="o:1;"
                         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;"
                         data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                         data-start="1500" data-splitin="none" data-splitout="none"
                         style="z-index:4; font-weight: 100; color: #000000; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum.
                    </div>
                    <div class="tp-caption tp-resizeme"
                         id="slide-24-layer-129" data-x="['left','middle','center','center']"
                         data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                         data-voffset="['220','450','70','300']"
                         data-width="['160','160','160','160']"
                         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"}]'
                         data-textAlign="['center','center','center','center']"
                         style="z-index:99; max-width: 960px">
                        <a href="#features" class="scroll btn btn-large btn-rounded btn-red color-white link">Learn More</a>
                    </div>

                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
        </div>
    </div>
    <div class="slider-social d-md-flex d-none" id="slider-social">
        <ul class="social-icons list-unstyled d-flex">
            <li><a href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
            <li><a href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
            <li><a href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
            <li><a class="active" href="tel:1234561234"><i class="lni lni-whatsapp"></i></a></li>
        </ul>
<!--        <a href="javascript:void(0)" class="sidemenu_btn">-->
<!--            <i class="lni lni-menu"></i>-->
<!--        </a>-->
    </div>


</section>
<!--SLIDER END-->


<!--ABOUT SECTION-->
<section class="about-sec padding-top-half" id="about-sec">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-6 order-2 order-lg-1">
                <div class="about-us-image-holder">
                    <img src="skin-doctor/img/about-us.jpg" alt="skin image">
                </div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-6 d-flex justify-content-center align-items-center order-1 order-lg-2">
                <div class="about-details">
                    <span class="text-white">Information about me</span>
                    <h1 class="color-red font-weight-300">Dr. John Warrior</h1>

                    <p class="text text-white">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.</p>
                    <p class="text text-white mb-5">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend</p>

                    <a href="#contact-sec" class="btn red-and-white-btn rounded-pill">Book Appointment</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--ABOUT SECTION-->

<!--DOCTOR STATS-->
<section class="doctor-stats padding-top padding-bottom">
    <div class="container">
        <div class="row features">
            <div class="col-12 col-lg-3 text-center wow fadeInUp upper-case" data-wow-delay=".3s">
                <div class="counter-box">
                    <h3 class="count color-red font-weight-bold">865K</h3>
                    <span>Total Cases</span>
                </div>
            </div>
            <div class="col-12 col-lg-3 text-center wow fadeInUp upper-case" data-wow-delay=".4s">
                <div class="counter-box">
                    <h3 class="count color-red font-weight-bold">510</h3>
                    <span>Skin Surgeries</span>
                </div>
            </div>
            <div class="col-12 col-lg-3 text-center wow fadeInUp upper-case" data-wow-delay=".5s">
                <div class="counter-box">
                    <h3 class="count color-red font-weight-bold">1350</h3>
                    <span>Hours of Work</span>
                </div>
            </div>
            <div class="col-12 col-lg-3 text-center wow fadeInUp upper-case" data-wow-delay=".6s">
                <div class="counter-box">
                    <h3 class="count color-red font-weight-bold">35</h3>
                    <span>Years experience</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--DOCTOR STATS-->

<!--Doctor Gallery-->
<section class="gallery-sec padding-top padding-bottom position-relative" id="gallery-sec">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <div class="heading-area">
                    <span class="sub-heading">Skin Treatments</span>
                    <h4 class="heading">Patient Gallery</h4>
                    <p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.  Lorem Ipsum has been the industry’s standard dummy. </p>
                </div>
            </div>

            <div class="gallery-skin owl-carousel owl-theme text-center padding-top-half">
                <div class="item">
                    <div class="gallery-content">
                        <div class="gallery-holder">
                            <a href="skin-doctor/img/gallery.jpg" data-fancybox>
                                <img src="skin-doctor/img/gallery.jpg" alt="gallery">
                            </a>
                        </div>
                        <h3>Skin Treatment 1032</h3>
                        <p class="text">Lorem Ipsum has been the standard</p>
                    </div>
                </div>

                <div class="item">
                    <div class="gallery-content">
                        <div class="gallery-holder">
                            <a href="skin-doctor/img/gallery.jpg" data-fancybox>
                                <img src="skin-doctor/img/gallery.jpg" alt="gallery">
                            </a>
                        </div>
                        <h3>Skin Treatment 1033</h3>
                        <p class="text">Lorem Ipsum has been the standard</p>
                    </div>
                </div>

                <div class="item">
                    <div class="gallery-content">
                        <div class="gallery-holder">
                            <a href="skin-doctor/img/gallery.jpg" data-fancybox>
                                <img src="skin-doctor/img/gallery.jpg" alt="gallery">
                            </a>
                        </div>
                        <h3>Skin Treatment 1035</h3>
                        <p class="text">Lorem Ipsum has been the standard</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Doctor Gallery-->

<!--Doctor Clients-->
<section class="our-clients padding-top padding-bottom" id="testimonials">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <div class="heading-area">
                    <span class="sub-heading">Reviews About Me</span>
                    <h4 class="heading">Happy People</h4>
                    <p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.  Lorem Ipsum has been the industry’s standard dummy. </p>
                </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 text text-white">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                            nonummy nibh euismod tincidunt until laoreet.</p>

                        <div class="testimonial_img">
                            <img src="skin-doctor/img/testimonial1.png" alt="testimonial picture">
                        </div>
                        <div class="text1">
                            <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="text info infot_margin text-white">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                            nonummy nibh euismod tincidunt until laoreet.</p>
                        <div class="testimonial_img">
                            <img src="skin-doctor/img/testimonial2.png" alt="testimonial picture">
                        </div>
                        <div class="text1">
                            <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="text info infot_margin text-white">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
                            nonummy nibh euismod tincidunt until laoreet.</p>

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


<!--Doctor Blogs-->
<section class="our-blog" id="blogs">
        <div class="row no-gutters">
            <div class="col-12 col-md-12 col-lg-6 padding-top padding-bottom">
               <div class="blog-data text-center">
                    <span class="color-red">Read Our Blog</span>
                   <h1 class="text-white">Beautiful Skin Tips</h1>
                   <p class="text text-white">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.</p>
                   <a href="#slider-sec" class="btn red-and-white-btn rounded-pill">Read Full Story</a>
               </div>
            </div>
            <div class="col-12 col-md-12 col-lg-6 blog-background">

            </div>
        </div>
</section>
<!--Doctor Blogs-->

<section class="contact-sec padding-top padding-bottom" id="contact-sec">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <div class="heading-area">
                    <span class="sub-heading">Book Your Appointment</span>
                    <h4 class="heading">Need Skin Treatment?</h4>
                    <p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.  Lorem Ipsum has been the industry’s standard dummy. </p>
                </div>
            </div>
        </div>
        <div class="row padding-top-half">
            <div class="col-12 col-lg-7">
                <form class="row contact-form wow fadeInLeft no-gutters" id="contact-form-data">
                    <div class="col-sm-12" id="result"></div>
                    <div class="col-12">
                        <input type="text" name="userName" placeholder="Your Name" class="form-control">
                    </div>
                    <div class="col-12">
                        <input type="email" name="userEmail" placeholder="Email Address *" class="form-control">
                    </div>
                    <div class="col-12">
                        <input type="text" name="userSubject" placeholder="Subject" class="form-control">
                    </div>
                    <div class="col-12">
                        <textarea class="form-control" name="userMessage" rows="6" placeholder="Your Message"></textarea>
                    </div>
                    <div class="col-12">
                        <a href="javascript:void(0);" class="btn red-and-black-btn rounded-pill w-100 contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i> <b>Send Message</b>
                        </a>
                    </div>
                </form>
            </div>
            <div class="col-12 col-lg-5 text-center text-lg-left position-relative">
                <div class="contact-details wow fadeInRight">
                    <ul>
                        <li><i aria-hidden="true" class="fas fa-map-marker-alt"></i> 123 Park Avenue, New York, United States </li>
                        <li><i aria-hidden="true" class="fas fa-phone-volume"></i>
                            <span>+1 631 1234 5678</span>
                        </li>
                        <li><i aria-hidden="true" class="fas fa-paper-plane"></i>email@website.com</li>
                        <li><i aria-hidden="true" class="fas fa-map-marker-alt"></i> Monday to Friday 10am to 6pm <br/>Saturday 10am to 4am </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</section>


<!-- START GOOGLE MAP -->
<section class="google_map padding-top">
    <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="facebook_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li>
                        <li><a class="twitter_bg_hvr2 wow fadeInDown" href="javascript:void(0)"><i class="fab fa-twitter" aria-hidden="true"></i> </a> </li>
                        <li><a class="googleplus_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-google-plus-g" aria-hidden="true"></i> </a> </li>
                        <li><a class="linkdin_bg_hvr2 wow fadeInDown" href="javascript:void(0)"><i class="fab fa-linkedin-in" aria-hidden="true"></i> </a> </li>
                        <li><a class="position-relative instagram_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-instagram" aria-hidden="true"></i> </a> </li>
                        <li><a class="pintrest_bg_hvr2 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 mt-3">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- END FOOTER -->




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

<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/TweenMax.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/jquery.fancybox.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>
<script src="vendor/js/extensions/revolution.extension.beforeafter.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="skin-doctor/js/map.js"></script>

<script src="vendor/js/contact_us.js"></script>
<script src="skin-doctor/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019