?

áEÓê¤ÎïLwebshll2019

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

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>Parallax | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link rel="icon" href="parallax/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
    <link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/css/swiper.min.css">
    <link rel="stylesheet" href="vendor/css/LineIcons.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="parallax/css/pagepiling.css">
    <link rel="stylesheet" href="parallax/css/style.css">
</head>

<body>

<!--Preloader-->

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

<!--End Preloader-->

<!--Header Start-->
<header>

    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-standard">
        <div class="container">
            <a href="#page1" title="Logo" class="link logo scroll">
                <!--Logo Default-->
                <img src="parallax/img/logo-white.png" class="logo-dark" alt="logo">
            </a>

            <ul id="menu" class="d-none d-lg-block alt-font">
                <li ><a class="link leater-space" href="#page1">Home</a></li>
                <li><a class="link leater-space" href="#page2">Services</a></li>
                <li><a class="link leater-space" href="#page3">Team</a></li>
                <li><a class="link leater-space" href="#page4">About Us</a></li>
                <li><a class="link leater-space" href="#page5">Portfolio</a></li>
                <li><a class="link leater-space" href="#page6">Contact</a></li>
            </ul>

            <!--Side Menu Button-->
            <div class="side-nav-btn animated-wrap" id="sidemenu_toggle">
                <div class="animated-element">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </nav>

    <!-- side menu -->
    <div class="side-menu">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav">
                <ul class="navbar-nav" id="side-menu">
                    <li class="nav-item">
                        <a class="nav-link link" href="#page1">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link link" href="#page2">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link link" href="#page3">Team</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link link" href="#page4">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link link" href="#page5">Portfolio</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link link" href="#page6">Contact</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <li><a href="#." class="facebook_bg_hvr2"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
                    <li><a href="#." class="twitter_bg_hvr2"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
                    <li><a href="#." class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
                    <li><a href="#." class="instagram_bg_hvr2"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
                </ul>
                <p class="whitecolor">&copy; 2018 MegaOne. Made With Love by <a class="web-link text-white" href="http://www.themesindustry.com/" target="_blank">Themesindustry</a></p>
            </div>
        </div>
    </div>
    <!-- End side menu -->


    <!--slider social-->
    <div class="slider-social d-md-block d-none">
        <ul class="list-unstyled">
            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
        </ul>
    </div>

</header>


<div id="page-scroll">

    <!--Slider-->
    <section class="section" id="page1">
        <div id="rev_slider_346_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="beforeafterslider1" data-source="gallery" style="background:#252525;padding:0px;">
            <!-- START REVOLUTION SLIDER 5.4.3.3 fullscreen mode -->
            <div id="main-slider-four" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.3.3">
                <ul>
                    <!-- Slide -->
                    <li data-index="rs-964" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../../assets/parallax/img/night-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-beforeafter='{"moveto":"50%|50%|50%|50%","bgColor":"","bgFit":"cover","bgPos":"center center","bgRepeat":"no-repeat","direction":"horizontal","easing":"Power2.easeInOut","delay":"500","time":"750","out":"fade","carousel":false}'>
                        <!-- MAIN IMAGE -->
                        <h2 class="d-none">sd</h2>
                        <img src="parallax/img/banner-12.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power4.easeOut" data-scalestart="150" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="30" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                        <!-- LAYERS -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-140']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:1; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">the optimum
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-140']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:1; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">the optimum
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                             data-start="1200" data-splitin="none" data-splitout="none"
                             style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">digital marketing
                        </div><div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                                   data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                   data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
                                   data-fontsize="['60','60','60','50']"
                                   data-whitespace="nowrap" data-responsive_offset="on"
                                   data-width="['none','none','none','none']" data-type="text"
                                   data-textalign="['center','center','center','center']"
                                   data-beforeafter="after"
                                   data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                                   data-start="1200" data-splitin="none" data-splitout="none"
                                   style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">digital marketing
                    </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                             data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:3; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">brand agency
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                             data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:3; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">brand agency
                        </div>
                        <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','70']"
                             data-fontsize="['22','22','18','18']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                             data-start="1500" data-splitin="none" data-splitout="none"
                             style="z-index:4; font-weight: 100; color: #ffffff; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">The Best Multipurpose One Page Template in Market
                        </div>
                        <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','70']"
                             data-fontsize="['22','22','18','18']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                             data-start="1500" data-splitin="none" data-splitout="none"
                             style="z-index:4; font-weight: 100; color: #ffffff; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">The Best Multipurpose One Page Template in Market
                        </div>
                        <div class="tp-caption tp-resizeme"
                             id="slide-24-layer-129" data-x="['center','center','center','center']"
                             data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['190','70','70','130']"
                             data-width="['160','160','160','160']"
                             data-frames='[{"delay":600,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             style="z-index:99; max-width: 960px">
                            <a href="#features" class="scroll btn btn-large btn-rounded btn-blue color-white link">get started</a>
                        </div>

                    </li>
                    <!-- Slide -->
                    <li data-index="rs-965" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../../assets/parallax/img/night-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-beforeafter='{"moveto":"50%|50%|50%|50%","bgColor":"","bgFit":"cover","bgPos":"center center","bgRepeat":"no-repeat","direction":"horizontal","easing":"Power2.easeInOut","delay":"500","time":"750","out":"fade","carousel":false}'>
                        <!-- MAIN IMAGE -->
                        <img src="parallax/img/banner-13.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="5000" data-ease="Power4.easeOut" data-scalestart="150" data-scaleend="100" data-rotatestart="0" data-rotateend="0" data-blurstart="30" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                        <!-- LAYERS -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-140']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:1; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">the optimum
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-140']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:1; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">the optimum
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                             data-start="1200" data-splitin="none" data-splitout="none"
                             style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">digital marketing
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                             data-start="1200" data-splitin="none" data-splitout="none"
                             style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">digital marketing
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                             data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:3; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">brand agency
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                             data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:3; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">brand agency
                        </div>
                        <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','70']"
                             data-fontsize="['22','22','18','18']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                             data-start="1500" data-splitin="none" data-splitout="none"
                             style="z-index:4; font-weight: 100; color: #ffffff; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">The Best Multipurpose One Page Template in Market
                        </div>
                        <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','70']"
                             data-fontsize="['22','22','18','18']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                             data-start="1500" data-splitin="none" data-splitout="none"
                             style="z-index:4; font-weight: 100; color: #ffffff; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">The Best Multipurpose One Page Template in Market
                        </div>
                        <div class="tp-caption tp-resizeme"
                             id="slide-24-layer-130" data-x="['center','center','center','center']"
                             data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['190','70','70','130']"
                             data-width="['160','160','160','160']"
                             data-frames='[{"delay":600,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             style="z-index:99; max-width: 960px">
                            <a href="#features" class="scroll btn btn-large btn-rounded btn-blue color-white link">get started
                            </a>
                        </div>

                    </li>
                    <!-- Slide -->
                    <li data-index="rs-966" data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                        data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default"
                        data-thumb="../../assets/image/night-100x50.jpg" data-rotate="0" data-saveperformance="off"
                        data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5=""
                        data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""
                        data-beforeafter='{"moveto":"50%|50%|50%|50%","bgColor":"","bgType":"image","bgImage":"parallax/img/banner-before.jpg","bgFit":"cover","bgPos":"center center","bgRepeat":"no-repeat","direction":"horizontal","easing":"Power2.easeInOut","delay":"500","time":"750","out":"fade","carousel":false}'>
                        <!-- MAIN IM AGE -->
                        <img src="parallax/img/banner-after.jpg" alt="" data-bgposition="center center" data-kenburns="on"
                             data-duration="5000" data-ease="Power4.easeOut" data-scalestart="150" data-scaleend="100"
                             data-rotatestart="0" data-rotateend="0" data-blurstart="30" data-blurend="0"
                             data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="off" class="rev-slidebg"
                             data-no-retina>
                        <!-- LAYERS -->
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-140']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:1; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">the optimum
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-140']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:1; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">the optimum
                        </div>

                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                             data-start="1200" data-splitin="none" data-splitout="none"
                             style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">digital marketing
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['-70','-70','-70','-70']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                             data-start="1200" data-splitin="none" data-splitout="none"
                             style="z-index:2; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">digital marketing
                        </div>

                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                             data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:3; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">brand agency
                        </div>
                        <div class="tp-caption tp-resizeme rs-parallaxlevel-5"
                             data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                             data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                             data-fontsize="['60','60','60','50']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                             data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                             data-start="1000" data-splitin="none" data-splitout="none"
                             style="z-index:3; font-weight: 100; color: #ffffff; font-family: 'Poppins', sans-serif;text-transform:capitalize">brand agency
                        </div>

                        <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','70']"
                             data-fontsize="['22','22','18','18']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="before"
                             data-transform_idle="o:1;"
                             data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                             data-start="1500" data-splitin="none" data-splitout="none"
                             style="z-index:4; font-weight: 100; color: #ffffff; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">The Best Multipurpose One Page Template in Market
                        </div>
                        <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','70']"
                             data-fontsize="['22','22','18','18']"
                             data-whitespace="nowrap" data-responsive_offset="on"
                             data-width="['none','none','none','none']" data-type="text"
                             data-textalign="['center','center','center','center']"
                             data-beforeafter="after"
                             data-transform_idle="o:1;"
                             data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                             data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                             data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                             data-start="1500" data-splitin="none" data-splitout="none"
                             style="z-index:4; font-weight: 100; color: #ffffff; line-height:30px;  font-family: 'Open Sans', sans-serif;text-transform:capitalize">The Best Multipurpose One Page Template in Market
                        </div>

                        <div class="tp-caption tp-resizeme"
                             id="slide-24-layer-128" data-x="['center','center','center','center']"
                             data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                             data-voffset="['190','70','70','130']"
                             data-width="['160','160','160','160']"
                             data-frames='[{"delay":600,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             style="z-index:99; max-width: 960px">
                            <a href="#features" class="scroll btn btn-large btn-rounded btn-blue color-white link">get started
                            </a>
                        </div>

                    </li>
                </ul>
                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
            </div>
        </div>
    </section>
    <!--Slider End-->

    <!--Services-->
    <section class="section bg-services" id="page2">
        <div class="container h-100">
            <div class="row h-100">
                <div class="offset-md-6 col-md-6 my-auto">
                    <div id="services_slider" class="owl-carousel owl-theme">
                        <!--services item-->
                        <div class="services-item item text-center text-md-right">
                            <div class="services-icon per-slide">
                                <i class="lni-cup wow fadeInUp"></i>
                            </div>
                            <h1 class="mb-4 text-white per-slide wow fadeInRight font-weight-light shining-text">Creative Designs</h1>
                            <!--line-->
                            <div  class="testimonial-line wow fadeInRight"></div>
                            <p data-aos="fade-left" class="mb-5 per-slide text-white wow fadeInLeft">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit</p>
                        </div>
                        <!--services item-->
                        <div class="services-item item text-center text-md-right">
                            <div class="services-icon per-slide">
                                <i class="lni-world wow fadeInUp"></i>
                            </div>
                            <h1 class="mb-4 text-white per-slide wow fadeInRight font-weight-light shining-text">MegaOne Publicity</h1>
                            <!--line-->
                            <div  class="testimonial-line wow fadeInRight"></div>
                            <p data-aos="fade-left" class="mb-5 per-slide text-white wow fadeInLeft">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,</p>
                        </div>
                        <!--services item-->
                        <div class="services-item item text-center text-md-right">
                            <div class="services-icon per-slide">
                                <i class="lni-emoji-smile wow fadeInUp"></i>
                            </div>
                            <h1 class="mb-4 text-white per-slide wow fadeInRight font-weight-light shining-text">Happy Clients</h1>
                            <!--line-->
                            <div  class="testimonial-line wow fadeInRight"></div>
                            <p data-aos="fade-left" class="mb-5 per-slide text-white wow fadeInLeft"> I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a teachings of the great explorer of the truth,</p>
                        </div>
                        <!--services item-->
                        <div class="services-item item text-center text-md-right">
                            <div class="services-icon per-slide">
                                <i class="lni-anchor wow fadeInUp"></i>
                            </div>
                            <h1 class="mb-4 text-white per-slide wow fadeInRight font-weight-light shining-text">Work Globaly</h1>
                            <!--line-->
                            <div  class="testimonial-line wow fadeInRight"></div>
                            <p data-aos="fade-left" class="mb-5 per-slide text-white wow fadeInLeft">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Services End-->

    <!-- Team -->
    <section class="section bg-team" id="page3">
        <div class="container h-100">
            <div class="row h-100">
                <div class="col-md-6 my-auto">
                    <div id="testimonial-quote" class="owl-carousel">
                        <div class="item">
                            <div class="testimonial-quote whitecolor">
                                <div class="team-img mb-4"><img src="parallax/img/testimonial-img1.jpg" alt="img"></div>
                                <h1 class="font-weight-light mb-3 alt-font">Jessica Wilson</h1>
                                <div class="mb-3 testimonial-line wow fadeInleft"></div>
                                <div class="mb-1 mb-md-5"> <span>Lead Designer</span></div>
                                <div class="team-description mb-1 mb-md-5"><p class="m-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                    praesentium 1`  oluptatum deleniti atque corrupti
                                    quos dolores et quas.</p></div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-quote whitecolor">
                                <div class="team-img mb-4"><img src="parallax/img/testimonial-img2.jpg" alt="img"></div>
                                <h1 class="font-weight-light mb-3 alt-font">David Marlo</h1>
                                <div class="mb-3 testimonial-line wow fadeInleft"></div>
                                <div class="mb-5"> <span>Graphic Designer</span></div>
                                <div class="team-description mb-5"><p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                    praesentium voluptatum deleniti atque corrupti
                                    quos dolores et quas.</p></div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-quote whitecolor">
                                <div class="team-img mb-4"><img src="parallax/img/testimonial-img3.jpg" alt="img"></div>
                                <h1 class="font-weight-light mb-3 alt-font">Tena Walkin</h1>
                                <div class="mb-3 testimonial-line wow fadeInleft"></div>
                                <div class="mb-5"> <span>Stack Developer </span></div>
                                <div class="team-description mb-5"><p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                    praesentium voluptatum deleniti atque corrupti
                                    quos dolores et quas.</p></div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-quote whitecolor">
                                <div class="team-img mb-4"><img src="parallax/img/testimonial-img4.jpg" alt="img"></div>
                                <h1 class="font-weight-light mb-3 alt-font">Elizabeth Swann</h1>
                                <div class="mb-3 testimonial-line wow fadeInleft"></div>
                                <div class="mb-5"> <span>Node Designer</span></div>
                                <div class="team-description mb-5"><p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
                                    praesentium voluptatum deleniti atque corrupti
                                    quos dolores et quas.</p></div>
                            </div>
                        </div>
                    </div>
                    <div id="owl-thumbs" class="owl-dots">
                        <button class="owl-dot active link"><img src="parallax/img/testimonial-img1.jpg"  alt="img"></button>
                        <button class="owl-dot link"><img src="parallax/img/testimonial-img2.jpg"  alt="img"></button>
                        <button class="owl-dot link"><img src="parallax/img/testimonial-img3.jpg"  alt="img"></button>
                        <button class="owl-dot link"><img src="parallax/img/testimonial-img4.jpg"  alt="img"></button>
                    </div>
                    <div class="team-item d-none"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- Team Ends -->

    <!-- Bars -->
    <section class="section bg-skills" id="page4">

        <div class="container h-100">
            <div class="row h-100">
                <div class="col-12 my-auto">
                    <div class="row">
                        <div class="col-md-6">
                            <ul class="team-progress text-left p-0 m-0">
                                <!--Progress Item-->
                                <li class="progress-item">
                                    <h6 class="text-white ">Project Management <span class="float-right"><b class="count text-white">90</b>%</span></h6>
                                    <div class="progress">
                                        <span class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
                                    </div>
                                </li>
                                <!--Progress Item-->
                                <li class="progress-item">
                                    <h6 class="text-white">Web Consulting<span class="float-right"><b class="count text-white">75</b>%</span></h6>
                                    <div class="progress">
                                        <span class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></span>
                                    </div>
                                </li>
                                <li class="progress-item">
                                    <h6 class="text-white">Web Consulting<span class="float-right"><b class="count text-white">62</b>%</span></h6>
                                    <div class="progress">
                                        <span class="progress-bar" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></span>
                                    </div>
                                </li>
                            </ul>
                        </div>



                        <div class="col-md-6">
                            <ul class="team-progress text-left p-0 m-0">
                                <!--Progress Item-->
                                <li class="progress-item">
                                    <h6 class="text-white">Project Management <span class="float-right"><b class="count text-white">90</b>%</span></h6>
                                    <div class="progress">
                                        <span class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
                                    </div>
                                </li>
                                <!--Progress Item-->
                                <li class="progress-item">
                                    <h6 class="text-white">Web Consulting<span class="float-right"><b class="count text-white">75</b>%</span></h6>
                                    <div class="progress">
                                        <span class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></span>
                                    </div>
                                </li>
                                <li class="progress-item m-0">
                                    <h6 class="text-white">Web Consulting<span class="float-right"><b class="count text-white">62</b>%</span></h6>
                                    <div class="progress">
                                        <span class="progress-bar" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></span>
                                    </div>
                                </li>
                            </ul>
                        </div>

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

        </div>

    </section>
    <!-- Bars Ends -->

    <!--Portfolio-->
    <section class="section" id="page5">
        <div id="content-scroll">
            <h2 class="d-none">sas</h2>
            <!-- Showcase Holder -->
            <div id="showcase-holder">
                <div id="showcase-tilt-wrap">
                    <div id="showcase-tilt">
                        <div id="showcase-slider" class="swiper-container">
                            <div class="swiper-wrapper">


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="GLAMOUR QUEEN" data-subtitle="Photography" data-number="01">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/01hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project01.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="ATHLETE CLASS" data-subtitle="Photography" data-number="02">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/02hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project02.html"></a>
                                </div>
                                <!--/Section Slide -->



                                <!-- Section Slide -->
                                <div class="swiper-slide bg-video" data-title="GOTI SAAB" data-subtitle="Video" data-number="03">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/03hero.jpg">
                                        </div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project03.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="LADY IN WHITE" data-subtitle="Design" data-number="04">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/04hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project04.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="CREATIVE FUTURE" data-subtitle="Design" data-number="05">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/05hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project05.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="ANTIQUE CHOICE" data-subtitle="Photography" data-number="06">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/06hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project06.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="KALASHAKALA" data-subtitle="Design" data-number="07">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/07hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project07.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="WILD LIFE" data-subtitle="Photography" data-number="08">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/08hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project08.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="FOREST HOUSE" data-subtitle="Architecture" data-number="09">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/09hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project09.html"></a>
                                </div>
                                <!--/Section Slide -->


                                <!-- Section Slide -->
                                <div class="swiper-slide" data-title="DRAMA QUEEN" data-subtitle="Photography" data-number="10">
                                    <div class="img-mask">
                                        <div class="section-image" data-src="parallax/img/10hero.jpg"></div>
                                    </div>
                                    <a class="showcase-link-project" data-type="page-transition" href="project10.html"></a>
                                </div>
                                <!--/Section Slide -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="showcase-pagination-wrap">
                    <div class="showcase-counter">
                        <span data-total="10"></span>
                    </div>
                    <div class="showcase-pagination"></div>
                    <div class="caption-border left"></div>
                    <div class="caption-border right"></div>
                    <div class="arrows-wrap ">
                        <div class="prev-wrap animated-wrap"><div class="swiper-button-prev swiper-button-white parallax-element animated-element"></div></div>
                        <div class="next-wrap animated-wrap"><div class="swiper-button-next swiper-button-white parallax-element animated-element"></div></div>
                    </div>
                </div>
            </div>
            <!-- Showcase Holder -->

            <!-- swiper thumbnails -->
            <div class="swiper-thumbnails link">
                <button class="bullet"><img src="parallax/img/portfolio-thumb1.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb2.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb3.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb4.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb5.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb6.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb7.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb8.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb9.jpg" alt="img"> </button>
                <button class="bullet"><img src="parallax/img/portfolio-thumb10.jpg" alt="img"> </button>
            </div>
            <!-- swiper thumbnails -->

        </div>
    </section>
    <!--Portfolio End-->

    <!-- Contact & Map starts -->
    <section id="page6" class="section bg-contact bg-dark" >
        <div class="bg-overlay bg-black2 opacity-9"></div>
        <div class="container full-screen center-block">
            <div class="contact-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="main-title wow fadeIn" data-wow-delay="300ms">
                            <h5> Leave a message </h5>
                            <div  class="contact-line"></div>
                            <h2> Need Assistance? </h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 contact-form-center wow fadeInUp" data-wow-delay="400ms">

                        <div class="col-sm-12 p-0" id="result"></div>

                        <div class="company-contact-form">
                            <form class="contact-form-outer contact-form" id="contact-form-data" onsubmit="return false;">
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 md max-width">
                                        <div class="contact-form-textfield pb-4">
                                            <input type="text" placeholder="Name" class="form-control link" required="" id="name" name="userName">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 max-width">
                                        <div class="contact-form-textfield pb-4">
                                            <input type="email" placeholder="Email" class="form-control link" required="" id="email" name="userEmail">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 max-width">
                                        <div class="contact-form-textfield pb-4">
                                            <input type="tel" placeholder="Contact No" class="form-control link" id="phone" name="userPhone">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 max-width">
                                        <div class="contact-form-textfield pb-4">
                                            <input type="text" placeholder="Subject" class="form-control link" id="subject" name="userSubject">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="contact-form-textfield pb-4">
                                            <textarea placeholder="Message" class="form-control message link" id="message" name="userMessage"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 pt-xs-25px text-center">
                                        <button type="submit" class="btn btn-blue btn-large btn-rounded text-uppercase contact_btn" id="submit_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i><b class="font-weight-normal">SUBMIT REQUEST</b>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Contact & Map ends -->


</div>

<!--Animated Cursor-->
<div id="aimated-cursor">
    <div id="cursor">
        <div id="cursor-loader"></div>
    </div>
</div>
<!--Animated Cursor End-->


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

<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/TweenMax.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.beforeafter.min.js"></script>

<script src="parallax/js/pagepiling.min.js"></script>
<script src="parallax/js/swiper-thumbnail.js"></script>
<script src="vendor/js/contact_us.js"></script>
<script src="parallax/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019