?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-dental.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 Startup, 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>Dentist | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link rel="icon" href="dentist/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/swiper.min.css">

    <link rel="stylesheet" href="dentist/css/cubeportfolio.min.css">
    <!-- Revolution Slider CSS Files -->
    <link rel="stylesheet" href="dentist/css/navigation.css">
    <link rel="stylesheet" href="dentist/css/settings.css">
    <!-- Slick CSS Files -->
    <link rel="stylesheet" href="dentist/css/slick.css">
    <link rel="stylesheet" href="dentist/css/slick-theme.css">
    <!-- Select -->
    <link rel="stylesheet" href="dentist/css/select2.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="dentist/css/style.css">
    <!-- Custom Style CSS File -->
    <link rel="stylesheet" href="dentist/css/custom.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="90">

<!-- Loader -->
<div class="loader" id="loader-fade">
    <div class="loader-container">
        <ul class="loader-box">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>
<!-- Loader ends -->

<!-- Header start -->
<header>
    <nav class="navbar navbar-top-default navbar-expand-lg static-nav transparent-bg no-animation bg-white nav-bottom-line">
        <div class="container">
            <a class="logo" href="#home">
                <img src="dentist/img/logo.png" alt="logo" title="Logo" class="logo-default">
                <img src="dentist/img/logo.png" alt="logo" title="Logo" class="logo-scrolled">
            </a>
            <div class="collapse navbar-collapse d-none d-lg-block">
                <ul class="nav navbar-nav ml-auto mr-4">
                    <li class="nav-item"> <a href="#home" class="scroll nav-link">home</a></li>
                    <li class="nav-item"> <a href="#aboutus" class="scroll nav-link">about us</a></li>
                    <li class="nav-item"> <a href="#team" class="scroll nav-link">Team</a></li>
                    <li class="nav-item"> <a href="#cases" class="scroll nav-link">cases</a></li>
                    <li class="nav-item"> <a href="#blog" class="scroll nav-link">blog</a></li>
                    <li class="nav-item"> <a href="#contact" class="scroll nav-link">contact</a></li>
                </ul>
            </div>

            <a href="#request" class="scroll btn-setting btn-scale btn-green text-white d-none d-lg-block">Appiontment</a>

            <!-- side menu open button -->
            <a class="menu_bars d-inline-block menu-bars-setting" id="sidemenu_toggle">
                <div class="menu-lines">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </a>
        </div>
    </nav>
    <div class="side-menu">
        <div class="inner-wrapper nav-icon">
            <span class="btn-close" id="btn_sideNavClose"></span>
            <nav class="side-nav w-100">
                <div class="navbar-nav">
                    <a href="#home" class="scroll nav-link">home</a>
                    <a href="#aboutus" class="scroll nav-link">about us</a>
                    <a href="#team" class="scroll nav-link">Team</a>
                    <a href="#cases" class="scroll nav-link">cases</a>
                    <a href="#blog" class="scroll nav-link">blog</a>
                    <a href="#contact" class="scroll nav-link">contact</a>
                    <a class="menu-line"><i class="fa fa-angle-right font-14" aria-hidden="true"></i></a>
                </div>
            </nav>

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

<!-- Main Section start -->
<section id="home" class="p-0 no-transition cursor-light h-100vh">
    <h2 class="d-none">heading</h2>
    <!--Main Slider-->
    <div id="revo_thumbs_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
        <div id="secondary-banner" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
            <ul>
                <!-- SLIDE 1 -->
                <li data-index="rs-01" data-transition="fade" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="">
                    <!-- MAIN IMAGE -->
                    <img src="dentist/img/banner1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="0" data-no-retina>
                    <div class="bg-overlay bg-white opacity-6"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-resizeme rs-parallaxlevel-8 slider-border blue-box"
                         data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','10']"
                         data-whitespace="nowrap"
                         data-width="['615px','615px','490px','292px']" data-height="['350px','350px','425px','261px']"
                         data-responsive_offset="on"

                         data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 0;">

                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','left','center','center']" data-hoffset="['70','70','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-105','-105','-105','-90']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['left','left','center','center']"
                         data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-start="1000" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 300; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">dentist can
                    </div>
                    <div class="tp-caption tp-resizeme bg-green"
                         data-x="['left','left','center','center']" data-hoffset="['75','75','5000','5000']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-20','-20','-20','20']"
                         data-width="['45px','45px','45px','45px']"
                         data-height="['4px','4px','4px','4px']"
                         data-whitespace="nowrap"

                         data-type="image"
                         data-responsive_offset="on"

                         data-frames='[{"delay":319.921875,"speed":1500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 0;">
                        <div class="rs-looped rs-slideloop d-none d-md-block" data-speed="5" data-xs="-10" data-xe="10" data-ys="0" data-ye="0" data-origin="50% 50%"> </div>

                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','left','center','center']" data-hoffset="['150','150','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['left','left','center','center']"
                         data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-start="1500" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 300; line-height: 60px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">make Great

                        <div class="rs-looped rs-slideloop d-none d-md-block" data-speed="5" data-xs="-10" data-xe="10" data-ys="0" data-ye="0" data-origin="50% 50%"> </div>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','left','center','center']" data-hoffset="['70','70','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['40','40','40','50']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['left','left','center','center']"
                         data-frames='[{"delay":1500,"speed":1500,"frame":"0","from":"x:[100%];opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"x:[100%];opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","ease":"Power4.easeInOut"}]'
                         data-start="2000" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 500; line-height: 60px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">smiles
                    </div>
                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption"
                         data-x="['left','left','center','center']" data-hoffset="['70','70','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['130','130','130','120']"
                         data-whitespace="nowrap" data-responsive_offset="['on','on','on','on']"
                         data-width="['none','none','none','none']" data-textalign="['center','center','center','center']"
                         data-type="text"
                         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:2000;e:Power4.easeInOut;"
                         data-transform_out="s:20;e:Power4.easeInOut;s:20;e:Power4.easeInOut;"
                         data-start="1200" data-splitin="none" data-splitout="none">
                         <div class="slide-action play d-flex align-items-center">
                            <a class="color-white" data-fancybox href="https://www.youtube.com/watch?v=nrJtHemSPW4">
                                <span><i class="fa fa-play"></i></span></a>
                             <h5 class="pl-2 pl-md-3 text-capitalize font-weight-normal font-primary color-black"> Play Video</h5>
                        </div>

                    </div>
                </li>
                <!-- SLIDE 2 -->

                <li data-index="rs-02" data-transition="fade" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="">
                    <!-- MAIN IMAGE -->
                    <img src="dentist/img/banner3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="0" data-no-retina>
                    <div class="bg-overlay bg-white opacity-6"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-resizeme rs-parallaxlevel-8 slider-border-2 blue-box"
                         data-x="['right','right','right','right']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','10']"
                         data-whitespace="nowrap"
                         data-width="['615px','615px','490px','292px']" data-height="['350px','350px','425px','261px']"
                         data-responsive_offset="on"

                         data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 0;">

                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','right','center','center']" data-hoffset="['70','70','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-105','-105','-105','-90']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['right','right','center','center']"
                         data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-start="1000" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 300; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">from simple
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','right','center','center']" data-hoffset="['75','75','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['right','right','center','center']"
                         data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-start="1500" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 300; line-height: 60px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">procedures to

                        <div class="rs-looped rs-slideloop d-none d-md-block" data-speed="5" data-xs="-10" data-xe="10" data-ys="0" data-ye="0" data-origin="50% 50%"> </div>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','right','center','center']" data-hoffset="['70','70','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['40','40','40','50']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['right','right','center','center']"
                         data-frames='[{"delay":1500,"speed":1500,"frame":"0","from":"x:[100%];opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"x:[100%];opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","ease":"Power4.easeInOut"}]'
                         data-start="2000" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 500; line-height: 65px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">complex surgeries
                    </div>
                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['130','130','130','120']"
                         data-responsive_offset="['on','on','on','on']"
                         data-width="['320','320','320','320']" data-textalign="['center','center','center','center']"
                         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:2000;e:Power4.easeInOut;"
                         data-transform_out="s:20;e:Power4.easeInOut;s:20;e:Power4.easeInOut;"
                         data-start="1200" data-splitin="none" data-splitout="none"
                         style="z-index:99; min-width: 960px; max-width: 960px">
                        <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                    </div>
                </li>
                <!-- SLIDE 4 -->
                <li data-index="rs-03" data-transition="fade" data-slotamount="default" data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="">
                    <!-- MAIN IMAGE -->
                    <!-- layer no-1 -->
                    <img src="dentist/img/banner2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="0" data-no-retina>
                    <div class="bg-overlay bg-white opacity-6"></div>
                    <div class="tp-caption tp-resizeme rs-parallaxlevel-8 slider-border blue-box"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','10']"
                         data-whitespace="nowrap"
                         data-width="['615px','615px','490px','292px']" data-height="['350px','350px','425px','261px']"
                         data-responsive_offset="on"

                         data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 0;">

                    </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="['-135','-135','-135','-120']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-start="1000" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 300; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">We make
                    </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="['-70','-70','-70','-55']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                         data-start="1500" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 500; line-height: 60px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">Immediate Dentures
                    </div>
                    <!-- LAYER NR. 4 -->
                    <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="['5','5','5','15']"
                         data-fontsize="['55','55','55','35']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         data-frames='[{"delay":1500,"speed":1500,"frame":"0","from":"x:[100%];opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"x:[100%];opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","ease":"Power4.easeInOut"}]'
                         data-start="2000" data-splitin="none" data-splitout="none"
                         style="z-index:1; font-weight: 300; line-height: 60px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">in our office.
                    </div>
                    <!-- LAYER NR. 5 -->
                    <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="['75','75','75','75']"
                         data-fontsize="['22','22','24','16']"
                         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="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:20;e:Power4.easeInOut;s:20;e:Power4.easeInOut;"
                         data-start="800" data-splitin="none" data-splitout="none"
                         style="z-index:4; font-weight: 200; line-height: 60px; color: #1f1f1f;font-family: 'Raleway', sans-serif;text-transform:capitalize">we are an excellent dentistry services provider.
                    </div>
                    <!-- LAYER NR. 6 -->
                    <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="['145','145','145','145']"
                         data-width="['180','180','180','180']"
                         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="#aboutus" class="scroll btn-setting btn-scale btn-green text-white">read more</a>
                    </div>

                </li>
            </ul>
        </div>
    </div>
    <!--Main Slider ends -->
</section>
<!-- Main Section end -->

<!-- About start -->
<section id="aboutus" class="bg-light-gray3">
    <div class="container">
        <div class="row">
            <div class="container">
                <div class="main-title style-two d-flex justify-content-md-around align-items-center flex-column flex-md-row text-center text-md-left wow fadeIn" data-wow-delay="300ms">
                    <div class="mb-4 mb-md-0">
                        <h5> About us </h5>
                        <h2> Welcome to intro morden and latest technology treatment for you. </h2>

                        <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                    </div>
                    <div class="ml-md-4 pl-md-2">
                        <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
                        <p>Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-3 col-sm-12 mb-xs-2rem">
                <div class="about-box center-block wow zoomIn" data-wow-delay="400ms">
                    <div class="about-opacity-icon"> <i class="fa fal fa-tooth" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fa fal fa-tooth" aria-hidden="true"></i>
                    </div>
                    <h5 class="mb-0">Healthy Teeth</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 mb-xs-2rem">
                <div class="about-box active center-block wow zoomIn" data-wow-delay="500ms">
                    <div class="about-opacity-icon"> <i class="far fa-grimace" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="far fa-grimace" aria-hidden="true"></i>
                    </div>
                    <h5 class="mb-0">Teeth Cleaning</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 mb-xs-2rem">
                <div class="about-box center-block wow zoomIn" data-wow-delay="600ms">
                    <div class="about-opacity-icon"> <i class="fas fa-syringe" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fas fa-syringe" aria-hidden="true"></i>
                    </div>
                    <h5 class="mb-0">Quality Brackets</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12">
                <div class="about-box center-block wow zoomIn" data-wow-delay="700ms">
                    <div class="about-opacity-icon"> <i class="fas fa-user-check" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fas fa-user-check" aria-hidden="true"></i>
                    </div>
                        <h5 class="mb-0">Experienced dentists</h5>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- About ends -->



<!-- Stats start -->
<section class="half-section p-0 bg-change bg-maroon">
    <h2 class="d-none">heading</h2>
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-12 p-0 order-lg-2">
                <div class="hover-effect">
                    <img alt="stats" src="dentist/img/split-stats.jpg" class="about-img">
                </div>
            </div>

            <div class="col-lg-6 col-md-12 p-lg-0">
                <div class="split-container-setting stats style-three">
                    <div class="main-title mb-5 text-lg-left wow fadeIn" data-wow-delay="300ms">
                        <h5 class="font-18"> Check Our Skills </h5>
                        <h2> What We <b>Offer</b> for You to our<b>Patients</b></h2>
                    </div>
                    <ul class="text-left">
                        <li class="custom-progress">
                            <h6 class="font-18 mb-0 text-capitalize">Oral Communication <span class="float-right"><b class="font-secondary font-weight-500 numscroller">85</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar bg-white" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <li class="custom-progress">
                            <h6 class="font-18 mb-0 text-capitalize">Compassion<span class="float-right"><b class="font-secondary font-weight-500 numscroller">65</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-white" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <li class="custom-progress">
                            <h6 class="font-18 mb-0 text-capitalize">Problem Solving<span class="float-right"><b class="font-secondary font-weight-500 numscroller">70</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-white" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <li class="custom-progress mb-0">
                            <h6 class="font-18 mb-0 text-capitalize">Manual Dexterity <span class="float-right"><b class="font-secondary font-weight-500 numscroller">95</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-white" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Stats ends -->

<!-- Team start -->
<section id="team">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> You can try out our </h5>
                    <h2> best <b>dentist</b> team </h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="team-classic owl-team owl-carousel text-center wow fadeInUp">
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Alex Wooderberg</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">General manager</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Janey Woods</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Executive Vice President</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team3.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Chris Anderson</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Alexeting Head</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Alex Wooderberg</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">General manager</p>
                            </div>
                        </div>
                    </div>

                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Janey Woods</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Executive Vice President</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team3.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Chris Anderson</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Alexeting Head</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Alex Wooderberg</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">General manager</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="dentist/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Janey Woods</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Executive Vice President</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Team ends -->

<!-- Service start -->
<section class="half-section p-0 bg-change bg-green">
    <h2 class="d-none">heading</h2>
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-12 p-lg-0 order-lg-2">
                <div class="split-container-setting style-three text-center text-lg-left">
                    <div class="main-title mb-5 text-lg-left wow fadeIn" data-wow-delay="300ms">
                        <h5 class="font-18"> What you are looking for </h5>
                        <h2 class="mb-0"> Let us <br> <b>Brighten</b> Your Smile </h2>
                    </div>
                    <p class="color-white mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. </p>

                    <a href="javascript:void(0)" class="btn-setting btn-transparent btn-hvr-blue color-white">learn more</a>

                </div>
            </div>

            <div class="col-lg-6 col-md-12 p-0">
                <div class="hover-effect">
                    <img alt="stats" src="dentist/img/split-service.jpg" class="about-img">
                </div>
            </div>

        </div>
    </div>
</section>
<!-- Service ends -->

<!-- Cases start -->
<section id="cases">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> Check our successful </h5>
                    <h2> wonderful <b>cases</b> </h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">

                <div id="js-grid-slider-projects" class="cbp">
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases1.jpg" alt="">
                            </div>
                            <a href="#js-singlePage-container/project1" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                        <span class="cases-line top"></span>
                                        <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                        <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">Dental check-up</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases2.jpg" alt="">
                            </div>
                            <a href="#js-singlePage-container/project2" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">Basic Treatment</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases3.jpg" alt="">
                            </div>

                            <a href="#js-singlePage-container/project3" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">dental equipment</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases4.jpg" alt="">
                            </div>

                            <a href="#js-singlePage-container/project4" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">major experiment</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases5.jpg" alt="">
                            </div>
                            <a href="#js-singlePage-container/project5" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">Basic Treatment</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases6.jpg" alt="">
                            </div>
                            <a href="#js-singlePage-container/project6" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">major experiment</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases7.jpg" alt="">
                            </div>
                            <a href="#js-singlePage-container/project7" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">happy patients</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="cbp-item">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="dentist/img/cases8.jpg" alt="">
                            </div>
                            <a href="#js-singlePage-container/project8" class="cbp-caption-activeWrap cbp-singlePage">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <div class="cases-image-inner">
                                            <span class="cases-line top"></span>
                                            <span class="cases-line top-right"></span>
                                            <span class="cases-line bottom"></span>
                                            <span class="cases-line bottom-left"></span>
                                            <h6 class="text-white text-uppercase font-14 font-secondary font-weight-light">dentel technology</h6>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div id="js-singlePage-container" class="d-none">
                    <!-- PROJECT 1 -->
                    <div>
                        <div class="cbp-l-project-title">Dental <span class="font-weight-600">Check-up</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases1.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases2.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases3.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>09/05/19</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases2.jpg" alt="">
                                            <div class="cbp-l-project-related-title">Basic treatment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases3.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dantal equipment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases4.jpg" alt="">
                                            <div class="cbp-l-project-related-title">major experiment</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 2 -->
                    <div>
                        <div class="cbp-l-project-title">basic <span class="font-weight-600">treatment</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases2.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases3.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases4.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>22 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases3.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental equipment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases4.jpg" alt="">
                                            <div class="cbp-l-project-related-title">major experiment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases5.jpg" alt="">
                                            <div class="cbp-l-project-related-title">basic treatment</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 3 -->
                    <div>
                        <div class="cbp-l-project-title">dental <span class="font-weight-600">equipment</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases3.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases4.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases5.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>22 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases4.jpg" alt="">
                                            <div class="cbp-l-project-related-title">major experiment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases5.jpg" alt="">
                                            <div class="cbp-l-project-related-title">basic treatment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases6.jpg" alt="">
                                            <div class="cbp-l-project-related-title">major experiment</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 4 -->
                    <div>
                        <div class="cbp-l-project-title">major <span class="font-weight-600">experiment</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases4.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases5.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases6.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>22 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases5.jpg" alt="">
                                            <div class="cbp-l-project-related-title">basic treatment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases6.jpg" alt="">
                                            <div class="cbp-l-project-related-title">major experiment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases7.jpg" alt="">
                                            <div class="cbp-l-project-related-title">happy patients</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 5 -->
                    <div>
                        <div class="cbp-l-project-title">basic <span class="font-weight-600">treatment</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases5.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases6.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases7.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>22 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases6.jpg" alt="">
                                            <div class="cbp-l-project-related-title">major experiment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases7.jpg" alt="">
                                            <div class="cbp-l-project-related-title">happy patients</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases8.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental tecnology</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 6 -->
                    <div>
                        <div class="cbp-l-project-title">major <span class="font-weight-600">experiment</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases6.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases7.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases8.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>22 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases7.jpg" alt="">
                                            <div class="cbp-l-project-related-title">happy patients</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases8.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental tecnology</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases1.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental check-up</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 7 -->
                    <div>
                        <div class="cbp-l-project-title">happy <span class="font-weight-600">patients</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases7.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases8.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases1.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>22 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases8.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental tecnology</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases1.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental check-up</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases2.jpg" alt="">
                                            <div class="cbp-l-project-related-title">basic treatment</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>

                    <!-- PROJECT 8 -->
                    <div>
                        <div class="cbp-l-project-title">dental <span class="font-weight-600">technology</span></div>
                        <div class="cbp-l-project-subtitle">Quick facts about a regular dental check up</div>

                        <div class="cbp-slider">
                            <ul class="cbp-slider-wrap">
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases8.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases1.jpg" alt="">
                                </li>
                                <li class="cbp-slider-item">
                                    <img src="dentist/img/cases2.jpg" alt="">
                                </li>
                            </ul>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-desc">
                                <div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
                            </div>
                            <div class="cbp-l-project-details">
                                <ul class="cbp-l-project-details-list mb-4">
                                    <li><strong>Client</strong>Will Burk</li>
                                    <li><strong>Date</strong>2 July 2019</li>
                                    <li><strong>Categories</strong>Dental, dentistry</li>
                                </ul>
                                <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                            </div>
                        </div>

                        <div class="cbp-l-project-container">
                            <div class="cbp-l-project-related">
                                <div class="cbp-l-project-desc-title"><span>Related Cases</span></div>

                                <ul class="cbp-l-project-related-wrap">
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases1.jpg" alt="">
                                            <div class="cbp-l-project-related-title">dental check-up</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases2.jpg" alt="">
                                            <div class="cbp-l-project-related-title">basic treatment</div>
                                        </a>
                                    </li>
                                    <li class="cbp-l-project-related-item">
                                        <a href="#" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
                                            <img src="dentist/img/cases3.jpg" alt="">
                                            <div class="cbp-l-project-related-title">Dental equipment</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <br><br><br>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Cases ends -->



<!-- Clients start -->
<section class="bg-maroon">
    <h2 class="d-none">heading</h2>
        <div class="container">

            <div class="row align-items-center position-relative">
                    <div class="col-lg-7 col-md-8 col-12 mb-5 m-md-0">
                        <div class="main-title text-center text-md-left mb-4 wow fadeIn" data-wow-delay="300ms">
                            <h5 class="text-white"> What people are saying</h5>
                            <h2 class="text-white ml-0"> our happy <b>patients</b></h2>
                        </div>
                        <div class="testimonial-for testimonial-one wow fadeInLeft" data-wow-delay="400ms">
                            <div class="item testimonial-item">

                            <div class="testimonial-text">
                                <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                <p class="color-white font-16 font-weight-normal mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                <p class="color-white font-16 font-weight-normal mb-2">Fusce ut diam quis nulla faucibus venenatis. Aliquam mollis arcu et lorem ornare, eu ultrices ante vulputate. </p>
                                <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                <div class="testimonial-post">
                                <div class="text-content">
                                    <h4 class="color-white text-capitalize mb-1">David P Warrior</h4>
                                    <p class="color-white font-italic mb-2"> October 25, 2019</p>
                                    <div class="rating">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                </div>
                            </div>
                            </div>

                        </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-4">Totam rem aperiam, eaque ipsa quae ab illo inventore veri tatis et quasi archi. Totam rem aperiam, eaque ipsa quae abillo. Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi archi.</p>
                                    <p class="color-white font-16 font-weight-normal mb-2">Deserunt dolore voluptatem assumenda quae possimus sunt dignissimos tempora officia. Lorem ipsum dolor sit amet consectetur adipisicing dolore.</p>

                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Hoxena Williams</h4>
                                            <p class="color-white font-italic mb-2">September 11, 2019</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-2">Demons trave runt lectores legere lius quod ii legunt saepius clary tyitas Investig ationes demon trave rungt. Investig ationes trave lector ompanies that responsibility in our core business. We work systematically to integrate corporate responsibility in our core business.</p>
                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Phil Awazio</h4>
                                            <p class="color-white font-italic mb-2"> February 22, 2019</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-4">Etiam nec odio vestibulum est mattis effic iturut magna. Pelle ntesque sit am et tellus blandit. Etiam nec odio vestibul. Etiam nec odio vestibulum est mattis effic iturut. </p>
                                    <p class="color-white font-16 font-weight-normal mb-2">Deos et accusamus et iusto odio dignissimos qui blanditiis praesentium voluptatum dele corrupti quos dolores et quas molestias.</p>
                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Paul Astin</h4>
                                            <p class="color-white font-italic mb-2"> November 06, 2018</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                    <p class="color-white font-16 font-weight-normal mb-2">Fusce ut diam quis nulla faucibus venenatis. Aliquam mollis arcu et lorem ornare, eu ultrices ante vulputate. </p>
                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Trixly Wanders</h4>
                                            <p class="color-white font-italic mb-2"> September 26, 2018</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 offset-lg-1 col-md-4 col-12">
                       <div class="testimonial-nav testimonial-one mb-0 wow fadeInRight" data-wow-delay="400ms">
                           <div class="item testimonial-item">
                                <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                <div class="testimonial-post">
                                    <div class="post mb-4 mx-auto"><img src="dentist/img/testimonial1.jpg" alt="image"></div>

                                    <div class="text-content text-center">
                                        <h4 class="color-white text-capitalize mb-1">David P Warrior</h4>
                                        <p class="color-white mb-2rem"> Owner, Company</p>
                                        <div class="testimonial-social-icons d-flex justify-content-around">
                                            <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-vimeo"></i></a>

                                        </div>
                                    </div>
                                </div>

                            </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="dentist/img/testimonial2.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Hoxena Williams</h4>
                                           <p class="color-white mb-2rem"> Customer Relations, Tricon</p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-vimeo"></i></a>

                                           </div>
                                       </div>
                                   </div>

                               </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="dentist/img/testimonial3.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Phil Awazio</h4>
                                           <p class="color-white mb-2rem"> HR, P.Force</p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                           </div>
                                       </div>
                                   </div>

                               </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="dentist/img/testimonial4.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Paul Astin</h4>
                                           <p class="color-white mb-2rem"> Actor, Entertainment</p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-vimeo"></i></a>

                                           </div>
                                       </div>
                                   </div>

                               </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="dentist/img/testimonial5.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Trixly Wanders</h4>
                                           <p class="color-white mb-2rem"> Athlete, Sports </p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                           </div>
                                       </div>
                                   </div>

                               </div>
                           </div>
                       </div>
                    </div>
            </div>
        </div>
</section>
<!-- Clients ends -->

<!-- Request start -->
<section id="request" class="bg-light-gray half-section p-0">
    <h2 class="d-none">heading</h2>
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-12 p-0">
                <div class="owl-carousel owl-theme owl-split">
                    <div class="item">
                        <div class="image split-blog-scale">
                           <img alt="request" src="dentist/img/split-request.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="image split-blog-scale">
                            <img alt="request" src="dentist/img/split-request2.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="image split-blog-scale">
                            <img alt="request" src="dentist/img/split-request3.jpg" class="about-img">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 split-box-container-setting text-center p-md-0">
                <div class="split-container-setting">
                    <div class="main-title text-center text-lg-left mb-lg-4 wow fadeIn" data-wow-delay="300ms">
                       <h5> Book your appointment </h5>
                       <h2 class="mb-2rem"> Make <b>Appointment</b></h2>
                       <h5> I would like to: </h5>
                    </div>

                    <div class="request-form">
                        <form class="request-form-outer" id="contact-form-data">
                            <div class="row">
                                <div class="col-sm-12" id="result"></div>
                                <div class="col-md-12 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <select class="form-control" required="" title="service" id="services" name="service">
                                            <option value="0">Select Service</option>
                                            <option value="1">Teeth Cleaning</option>
                                            <option value="2">Teeth Whitening</option>
                                            <option value="3">Check-up</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <input type="text" placeholder="Name" class="form-control mb-0" required="" id="userName" name="userName">
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <input type="tel" placeholder="Contact No" required="" class="form-control mb-0" id="phone" name="userPhone">
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <input type="email" placeholder="Email" class="form-control mb-0" required="" id="email" name="userEmail">
                                    </div>
                                </div>
                                <div class="col-lg-12 pt-xs-25px text-lg-left text-center">
                                    <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white contact_btn">request now</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!--Request ends-->

<!-- Counters -->
<section class=" demo-banner">
    <h2 class="d-none">as</h2>
    <div class="container">
        <div class="row">

            <div class="col-md-3">
                <div class="serial-box">
                    <span class="count">1538</span>
                    <div class="count-line "></div>
                    <p >Patients</p>
                </div>

            </div>

            <div class="col-md-3">
                <div class="serial-box">
                    <span class="count">1006</span>
                    <div class="count-line "></div>
                    <p>Cases</p>
                </div>

            </div>

            <div class="col-md-3">
                <div class="serial-box">
                    <span class="count">2115</span>
                    <div class="count-line "></div>
                    <p>Appointments</p>
                </div>

            </div>

            <div class="col-md-3">
                <div class="serial-box mb-0">
                    <span class="count">179</span>
                    <div class="count-line "></div>
                    <p>Doctor</p>
                </div>

            </div>

        </div>
    </div>

</section>
<!-- end Counters-->

<!-- Blog start -->
<section id="blog" class="half-section p-0 bg-light-gray">
    <h2 class="d-none">heading</h2>
    <div class="container-fluid">
        <div class="row align-items-center">

            <div class="col-lg-6 col-md-12 p-0 order-lg-2">
                <div class="owl-carousel owl-theme owl-split">
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="dentist/img/split-blog.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="dentist/img/split-blog2.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="dentist/img/split-blog3.jpg" class="about-img">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-12 p-lg-0">
                <div class="split-container-setting style-three text-center">
                    <div class="main-title mb-5 wow fadeIn" data-wow-delay="300ms">
                        <h5 class="font-18 text-blue"> Oct 12, 2019</h5>
                        <h2 class="mb-0 font-weight-normal"> Investment Blog </h2>
                    </div>
                    <p class="color-black mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodt temp to the incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis a nostr a exercitation ullamco laboris nisi ut aliquip.</p>

                    <a href="dentist/blog.html" class="btn-setting btn-scale btn-blue text-white">learn more</a>

                </div>
            </div>

        </div>
    </div>
</section>
<!-- Blog ends -->

<!-- Brands starts -->
<section class="bg-green brand-transform-padding">
    <div class="section-padding">
      <h2 class="d-none">heading</h2>
       <div class="container">
           <div class="row">
               <ul class="process-wrapp">
                   <li class="wow fadeIn" data-wow-delay="300ms">
                       <span class="pro-step bottom20">01</span>
                       <p class="text-white fontbold bottom25">Appointment</p>
                   </li>
                   <li class="wow fadeIn" data-wow-delay="400ms">
                       <span class="pro-step bottom20">02</span>
                       <p class="text-white fontbold bottom25">Assesemnt</p>
                   </li>
                   <li class="wow fadeIn" data-wow-delay="500ms">
                       <span class="pro-step bottom20">03</span>
                       <p class="text-white fontbold bottom25">Treatment</p>
                   </li>
                   <li class="wow fadeIn" data-wow-delay="600ms">
                       <span class="pro-step bottom20">04</span>
                       <p class="text-white fontbold mb-0 bottom25">We're done</p>
                   </li>
               </ul>
           </div>
    </div>
    </div>
</section>
<!-- Brands ends -->

<!-- Contact & Map starts -->
<section id="contact" class="p-0 contact-transform position-absolute w-100">
    <div class="container contact-shadow">
        <div class="row mx-lg-0">
            <div class="col-lg-6 col-md-6 col-sm-12 p-0">
                <div class="contact-box box-shadow-contact">
                     <div class="main-title text-center text-md-left mb-4">
                            <h2 class="font-weight-normal">Contact Us </h2>
                        </div>

                     <div class="text-center text-md-left">

                         <!--Address-->
                         <p class="mb-3">123 Street New York  City , United States Of America. </p>

                         <!--Phone-->
                         <p class="mb-3"> Office Telephone : 001 01085379709 <br>
                                Mobile : 001 63165370895 </p>

                         <!--Email-->
                         <p class="mb-3"> Email: <a href="mailto:email@website.com" class="color-black">admin@website.com</a> <br>
                             Inquiries: <a href="mailto:email@website.com" class="color-black">email@website.com</a> </p>

                         <!--Timing-->
                         <p class="mb-3">Mon-Sat: 9am to 6pm</p>

                         <!--Social Icon-->
                         <div class="address-social black">
                            <ul class="list-unstyled">
                               <li><a class="facebook-bg-hvr ml-0" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                               <li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                               <li><a class="google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google" aria-hidden="true"></i></a></li>
                               <li><a class="linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                               <li><a class="instagram-bg-hvr mr-0" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                            </ul>
                         </div>
                      </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 p-0 col-map box-shadow-map">
                <div id="google-map" class="bg-light-gray map"></div>
            </div>
        </div>
    </div>
</section>
<!-- Contact & Map ends -->

<!-- Footer starts -->
<footer class="bg-light-gray footer-transform-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 text-center">
                <p class="copyrights px-0 py-5">© 2020 MegaOne. Made with love by <a href="javascript:void(0)">themesindustry</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- Footer ends -->


<!-- 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/swiper.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.js"></script>
<script src="dentist/js/select2.min.js"></script>
<!-- Slick JS File -->
<script src="dentist/js/slick.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>

<!--contact form-->
<script src="vendor/js/contact_us.js"></script>

<!-- Google Map Api -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAgIfLQi8KTxTJahilcem6qHusV-V6XXjw"></script>
<script src="dentist/js/maps.min.js"></script>

<!-- custom script -->
<script src="dentist/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019