?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-creative-parallax.html

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

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

<!-- header -->
<header class="site-header">
    <nav class="bg-white navbar navbar-expand-lg nav-bottom-line center-brand bottom-nav static-nav">
        <div class="container">
            <a class="navbar-brand pagescroll" href="#home">
                <img src="creative-parallax/img/logo-transparent.png" alt="logo" class="logo-default">
            </a>
            <button class="navbar-toggler navbar-toggler-right d-none collapsed" type="button" data-toggle="collapse" data-target="#xenav">
                <span> </span>
                <span> </span>
                <span> </span>
            </button>
            <div class="collapse navbar-collapse" id="xenav">
                <ul class="navbar-nav" id="container">
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#about-us">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#portfolio">Portfolio</a>
                    </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#team">Team</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#pricing">Membership Plans</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#contactus">Contact Us</a>
                    </li>
                </ul>
            </div>
        </div>

        <!--side menu open button-->
        <a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
            <span></span> <span></span> <span></span>
        </a>
    </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 w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link pagescroll" href="#about-us">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#portfolio">Portfolio</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#team">Team</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#pricing">Membership Plans</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contactus">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer w-100">
                <ul class="social-icons-simple white top40">
                    <li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p class="color-white">&copy; 2018 gym. Made With Love by themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->
</header>
<!-- header -->



<!-- Slider  -->
<section id="home" class="p-0">
    <div id="rev_slider_23_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="focus-parallax" data-source="gallery" style="background:transparent;padding:0px;">
        <!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
        <div id="rev_slider_23_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
            <ul>	<!-- SLIDE  -->
                <li data-index="rs-63" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-rotate="0"  data-saveperformance="off"  data-title="Focus" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="creative-parallax/img/dummy.png" alt=""  data-lazyload="creative-parallax/img/transparent.png" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->
                    <div class="bg-overlay gradient-bg"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2"
                         id="slide-63-layer-7"
                         data-x="['left','left','left','left']" data-hoffset="['763','708','480','291']"
                         data-y="['top','top','top','top']" data-voffset="['634','620','668','395']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"x:-200px;rZ:-45deg;opacity:0;","speed":2000,"to":"o:1;","delay":950,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 5;">
                        <div class="rs-looped rs-wave"  data-speed="6" data-angle="0" data-radius="2px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['600px','600px','450px','300px']" data-hh="['250px','250px','188px','125px']" data-lazyload="creative-parallax/img/relative_pencil3.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2"
                         id="slide-63-layer-9"
                         data-x="['left','left','left','left']" data-hoffset="['-6','-26','-26','-56']"
                         data-y="['top','top','top','top']" data-voffset="['389','389','389','338']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"x:200px;rZ:45deg;opacity:0;","speed":2000,"to":"o:1;","delay":800,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 6;">
                        <div class="rs-looped rs-wave"  data-speed="7" data-angle="0" data-radius="3px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['400px','400px','300','200px']" data-hh="['500px','500px','375','250px']" data-lazyload="creative-parallax/img/relative_glasses.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme rs-parallaxlevel-1"
                         id="slide-63-layer-3"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['20','20','20','20']"
                         data-width="['480','480','400','250']"
                         data-height="['560','460','460','400']"
                         data-whitespace="nowrap"

                         data-type="shape"
                         data-responsive_offset="on"

                         data-frames='[{"from":"x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":500,"ease":"Back.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 7;border-color:rgba(255,255,255,0.35);border-style:solid;border-width:30px;filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);"> </div>

                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-3"
                         id="slide-63-layer-1"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-200','-180','-90','-90']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:50px;opacity:0;","speed":800,"to":"o:1;","delay":650,"ease":"Back.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 8;"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['600px','500','500px','400']" data-hh="['1000px','833','833px','667']" data-lazyload="creative-parallax/img/guy_transparent.png" data-no-retina> </div>

                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme rs-parallaxlevel-4"
                         id="slide-63-layer-2"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['20','25','25','25']"
                         data-width="['780','700','640','400']"
                         data-height="['800','680','680','600']"
                         data-whitespace="nowrap"

                         data-type="shape"
                         data-responsive_offset="on"

                         data-frames='[{"from":"x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","speed":1000,"to":"o:1;","delay":1100,"ease":"Back.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 9;border-color:rgba(255,255,255,0.35);border-style:solid;border-width:30px;"> </div>

                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-8"
                         id="slide-63-layer-4"
                         data-x="['left','left','left','left']" data-hoffset="['516','432','302','182']"
                         data-y="['top','top','top','top']" data-voffset="['37','37','174','136']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:300px;rZ:45deg;opacity:0;","speed":2000,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 10;">
                        <div class="rs-looped rs-wave"  data-speed="5" data-angle="0" data-radius="6px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['400px','400px','300px','200px']" data-hh="['400px','400px','300px','200px']" data-lazyload="creative-parallax/img/relative_ball.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 7 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-7"
                         id="slide-63-layer-5"
                         data-x="['left','left','left','left']" data-hoffset="['832','707','567','300']"
                         data-y="['top','top','top','top']" data-voffset="['-22','33','107','5']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:300px;rZ:35deg;opacity:0;","speed":2000,"to":"o:1;","delay":1250,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 11;">
                        <div class="rs-looped rs-wave"  data-speed="5" data-angle="0" data-radius="4px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['684px','684px','450px','300px']" data-hh="['404px','404px','266px','177px']" data-lazyload="creative-parallax/img/relative_pencil1.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 8 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-3"
                         id="slide-63-layer-6"
                         data-x="['left','left','left','left']" data-hoffset="['1001','831','658','379']"
                         data-y="['top','top','top','top']" data-voffset="['357','379','360','220']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:300px;rZ:90deg;opacity:0;","speed":2000,"to":"o:1;","delay":650,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 12;">
                        <div class="rs-looped rs-wave"  data-speed="3" data-angle="0" data-radius="3px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['250px','250px','180px','120px']" data-hh="['300px','300px','216px','144px']" data-lazyload="creative-parallax/img/relative_eraser2.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 9 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-3"
                         id="slide-63-layer-8"
                         data-x="['left','left','left','left']" data-hoffset="['1','-6','-11','-1']"
                         data-y="['top','top','top','top']" data-voffset="['311','276','321','283']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:300px;rZ:-45deg;opacity:0;","speed":2000,"to":"o:1;","delay":650,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 13;"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['150px','150px','120px','80px']" data-hh="['170px','170px','136px','91px']" data-lazyload="creative-parallax/img/relative_pencil2.png" data-no-retina> </div>

                    <!-- LAYER NR. 10 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-8"
                         id="slide-63-layer-10"
                         data-x="['left','left','left','left']" data-hoffset="['13','-30','-33','-21']"
                         data-y="['top','top','top','top']" data-voffset="['106','73','138','109']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:300px;rZ:90deg;opacity:0;","speed":2000,"to":"o:1;","delay":1350,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 14;">
                        <div class="rs-looped rs-wave"  data-speed="4" data-angle="0" data-radius="5px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['340px','340px','250px','150px']" data-hh="['180px','180px','132px','79px']" data-lazyload="creative-parallax/img/relative_eraser1.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 11 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-9"
                         id="slide-63-layer-11"
                         data-x="['left','left','left','left']" data-hoffset="['-219','-236','-99','-86']"
                         data-y="['top','top','top','top']" data-voffset="['494','414','630','501']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

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

                         data-frames='[{"from":"y:300px;rZ:-45deg;opacity:0;","speed":2000,"to":"o:1;","delay":1450,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 15;">
                        <div class="rs-looped rs-wave"  data-speed="6" data-angle="0" data-radius="7px" data-origin="50% 50%"><img src="creative-parallax/img/dummy.png" alt="" data-ww="['400px','400px','300px','200px']" data-hh="['500px','500px','375px','250px']" data-lazyload="creative-parallax/img/relative_triangle.png" data-no-retina> </div></div>

                    <!-- LAYER NR. 12 -->
                    <div class="tp-caption tp-shape tp-shapewrapper   tp-gradientbg"
                         id="slide-63-layer-15"
                         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-width="full"
                         data-height="full"
                         data-whitespace="nowrap"

                         data-type="shape"
                         data-basealign="slide"
                         data-responsive_offset="off"
                         data-responsive="off"
                         data-frames='[{"from":"opacity:0;","speed":300,"to":"o:0.75;","delay":0,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                         data-textAlign="['left','left','left','left']"
                         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: 16;"> </div>

                    <!-- LAYER NR. 13 -->
                    <div class="tp-caption tp-resizeme rs-parallaxlevel-7 text-shadow text-capitalize"
                         id="slide-63-layer-12"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','90']"
                         data-fontsize="['120','100','100','60']"
                         data-lineheight="['120','80','80','50']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":1550,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['center','center','center','center']"
                         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="white-space: nowrap; font-size: 120px; z-index: 19; line-height: 100px; font-weight: 800; color: rgba(255,255,255,1);font-family:Open Sans;letter-spacing:-7px;">A Sky<br/>
                        Is The Limit.</div>

                    <!-- LAYER NR. 14 -->
                    <div class="tp-caption rs-parallaxlevel-6"
                         id="slide-63-layer-13"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['257','222','222','181']"
                         data-fontsize="['40','30','30','30']"
                         data-lineheight="['35','25','25','25']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":1650,"ease":"Power4.easeOut"},{"delay":"wait","speed":700,"to":"auto:auto;","ease":"Power2.easeInOut"}]'
                         data-textAlign="['center','center','center','center']"
                         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: 18;"> <a class="pagescroll btn btn-transparent-white btn-large btn-rounded color-white " href="#about-us"> view more</a></div>


                </li>
            </ul>
    </div><!-- END REVOLUTION SLIDER -->
    </div>
</section>
<!-- End Slider -->




<!-- Info start -->
<section id="about-us" class="">
    <div class="container">
        <div class="row about-wrap d-flex justify-content-center align-items-center">
            <div class="col-lg-6 col-md-5 col-sm-12 md-mb-5">
                <div class="image about-bordered">
                    <img src="creative-parallax/img/about-img3.jpg" alt="image">
                </div>
                <div class="about-bg-img-setting gradient-bg"></div>
            </div>
            <div class="col-lg-6 col-md-7 col-sm-12">
                <div class="main-title text-md-left mb-xs-3 md-mb-0 wow fadeIn margin-top-40" data-wow-delay="300ms">
                    <h5> Information about Agency </h5>
                    <h2> Discover Our World</h2>
                    <p class="mb-4">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus. </p>
                    <p class="mb-4">
                        Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
                    <a href="javascript:void(0)" class="btn btn-gradient btn-rounded btn-large"> Learn More<span class="btn-hvr-setting btn-hvr-transparent">
                                        <span class="btn-hvr-setting-inner">
                                            <span class="btn-hvr-effect"></span>
                                            <span class="btn-hvr-effect"></span>
                                            <span class="btn-hvr-effect"></span>
                                            <span class="btn-hvr-effect"></span>
                                        </span>
                                    </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Info ends -->





<!-- End About us -->

<!-- Stats start -->
<section class="position-relative stats parallax-setting parallaxie parallax2">
    <h2 class="d-none">heading</h2>
    <div class="bg-overlay gradient-bg opacity-6"></div>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                <div class="col-md-3 col-sm-6 w-xs-50 float-left wow bounceIn" data-wow-delay="500ms">
                    <div class="counter-item">
                        <i class="lni-crown" aria-hidden="true"></i>
                        <strong class="color-white numscroller"> 69 </strong>
                        <p class="color-white">
                            Awards Won
                        </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 w-xs-50 float-left wow bounceIn" data-wow-delay="500ms">
                    <div class="counter-item">
                        <i class="lni-user" aria-hidden="true"></i>
                        <strong class="color-white numscroller"> 780 </strong>
                        <p class="color-white">
                            Employess
                        </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 w-xs-50 float-left wow bounceIn" data-wow-delay="500ms">
                    <div class="counter-item">
                        <i class="lni-emoji-smile" aria-hidden="true"></i>
                        <strong class="color-white numscroller"> 456 </strong>
                        <p class="color-white">
                            Happy Clients
                        </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 w-xs-50 float-left wow bounceIn" data-wow-delay="500ms">
                    <div class="counter-item">
                        <i class="lni-alarm-clock" aria-hidden="true"></i>
                        <strong class="color-white numscroller"> 599 </strong>
                        <p class="color-white">
                            Finished Projects
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Stats ends -->

<!-- Gallery portfolio -->
<section id="portfolio" class="portfolio-5">
    <div class="container">
        <!--Heading Area-->
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> Looking for quality features? </h5>
                    <h2> Awesome Portfolio </h2>
                    <p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.                    </p>
                </div>
            </div>
        </div>
        <!-- filter links -->
        <div class="gallery-filter-5">
            <span class="is-checked active" data-filter="*">All</span>
            <span data-filter=".webdesign">Web Design</span>
            <span data-filter=".graphicdesign">Graphic Design</span>
            <span data-filter=".seo">SEO</span>
            <span data-filter=".marketing">Marketing</span>
        </div>
        <!-- gallery -->
        <div class="row gallery-5" id="gallery-5">
            <div class="stamp stamp1"></div>
            <div class="stamp stamp2"></div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-01.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-01.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items graphicdesign">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-02.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-02.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-03.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-03.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items graphicdesign">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-04.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-04.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items seo marketing">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-05.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-05.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-06.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-06.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items seo marketing">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-07.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-07.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-08.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-08.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items seo graphicdesign">
                <div class="item-img">
                    <img alt="image" src="creative-parallax/img/project-item-09.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="creative-parallax/img/project-item-09.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Ends Gallery portfolio -->

<!-- Team start -->
<section id="team" class="bg-light-gray">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> Heros of our company </h5>
                    <h2> creative heads </h2>
                    <p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.                    </p>
                </div>
            </div>
        </div>
        <div class="row text-center">
            <div class="col-lg-4 col-md-6 col-sm-12 mb-xs-2rem">
                <div class="box-team">
                    <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                        <div class="team-img">
                            <img src="creative-parallax/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                            <div class="first-color overlay center-block">
                                <ul class="team-social white-bg">
                                    <li><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                                    <li><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                                    <li><a href="javascript:void(0)" class="google-bg-hvr"><i class="lni-google-plus" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <h4 class="color-black font-weight-normal mt-4 text-capitalize">ben cook</h4>
                            <p class="color-light-grey font-weight-light designation text-capitalize">
                                Creative Head
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 mb-xs-2rem">
                <div class="box-team second-color">
                    <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                        <div class="team-img">
                            <img src="creative-parallax/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                            <div class="first-color overlay center-block">
                                <ul class="team-social white-bg">
                                    <li><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                                    <li><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                                    <li><a href="javascript:void(0)" class="google-bg-hvr"><i class="lni-google-plus" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <h4 class="color-black font-weight-normal mt-4 text-capitalize">selena jhonson</h4>
                            <p class="color-light-grey font-weight-light designation text-capitalize">
                                Marketing Head
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="box-team m-0 third-color">
                    <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                        <div class="team-img">
                            <img src="creative-parallax/img/team3.jpg" alt="team" class="img-responsive" data-no-retina>
                            <div class="first-color overlay center-block">
                                <ul class="team-social white-bg">
                                    <li><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                                    <li><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                                    <li><a href="javascript:void(0)" class="google-bg-hvr"><i class="lni-google-plus" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <h4 class="color-black font-weight-normal mt-4 text-capitalize">jack caprio</h4>
                            <p class="color-light-grey font-weight-light designation text-capitalize">
                                Lead Designer
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Team ends -->

<!-- Client start -->
<section id="client" class="p-0 bg-light-gray">
    <section class="parallax-setting parallaxie parallax3">
        <h2 class="d-none">heading</h2>
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 offset-md-6 wow fadeInRight">
                    <div class="owl-carousel owl-theme testimonial-two">
                        <div class="testimonial-item">
                            <p class="color-black testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>

                            <div class="testimonial-post">
                                <a href="javascript:void(0)" class="post"><img src="creative-parallax/img/testimonial5.png" alt="image"></a>
                                <div class="text-content">
                                    <h5 class="color-black text-capitalize">Janey Williams</h5>
                                    <p class="color-pink"> Sales Executive </p>
                                    <div class="rating">
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item">
                            <p class="color-black testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>

                            <div class="testimonial-post">
                                <a href="javascript:void(0)" class="post"><img src="creative-parallax/img/testimonial6.png" alt="image"></a>
                                <div class="text-content">
                                    <h5 class="color-black text-capitalize">Glen Jarret</h5>
                                    <p class="color-pink"> HR Manager </p>
                                    <div class="rating">
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item">
                            <p class="color-black testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>

                            <div class="testimonial-post">
                                <a href="javascript:void(0)" class="post"><img src="creative-parallax/img/testimonial7.jpg" alt="image"></a>
                                <div class="text-content">
                                    <h5 class="color-black text-capitalize">Kate Lawrence</h5>
                                    <p class="color-pink"> Photographer </p>
                                    <div class="rating">
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                        <i class="lni-star-filled"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>
<!-- Client ends -->

<!-- Brands starts -->
<section class="">
    <h2 class="d-none">heading</h2>
    <div class="container">
        <div class="brand-carousel owl-carousel owl-theme">
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
            <div class="item">
                <img src="creative-parallax/img/client.png" alt="Logo">
            </div>
        </div>
    </div>
</section>
<!-- Brands ends -->

<!-- Pricing start -->
<section id="pricing" class="bg-light-gray pricing-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> Heros of our company </h5>
                    <h2> Pricing Packages </h2>
                    <p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.                    </p>
                </div>
            </div>
        </div>
        <div class="row mt-66px mt-xs-4rem">
            <div class="col-lg-4 col-md-6 col-sm-12 text-center mb-xs-5 wow fadeInUp">
                <div class="pricing-item black-bg">
                    <div class="price-box clearfix">
                        <div class="price_title">
                            <h4 class="text-capitalize">Basic</h4>
                        </div>
                    </div>
                    <div class="price">
                        <h2 class="position-relative"><span class="dollar">$</span>19<span class="month">/ month</span></h2>
                    </div>
                    <div class="price-description">
                        <p>Full Access</p>
                        <p>Unlimited Bandwidth</p>
                        <p>Email Accounts</p>
                        <p>8 Free Forks Every Months</p>
                    </div>
                    <div class="text-center">
                        <a href="javascript:void(0)" class="btn btn-blackish btn-large btn-rounded">learn more</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 text-center mb-xs-5 wow fadeInUp">
                <div class="pricing-item price-transform blue-bg">
                    <div class="quarter-triangle"></div>

                    <div class="triangle-inner-content">
                        <i class="fa fa-star"></i>
                        <span> SPECIAL </span>
                    </div>

                    <div class="price-box2 clearfix">
                        <div class="price_title">
                            <h4 class="text-capitalize m-0">Standard</h4>
                            <p class="price-sub-heading text-capitalize">the most popular</p>
                        </div>
                    </div>
                    <div class="price">
                        <h2 class="position-relative"><span class="dollar">$</span>29<span class="month">/ month</span></h2>
                    </div>
                    <div class="price-description">
                        <p> Full Access</p>
                        <p>Unlimited Bandwidth</p>
                        <p>Email Accounts</p>
                        <p>8 Free Forks Every Months</p>
                    </div>
                    <div class="text-center">
                        <a href="javascript:void(0)" class="btn btn-blue btn-large btn-rounded">learn more</a>
                    </div>

                </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 text-center wow fadeInUp">
                <div class="pricing-item black-bg">
                    <div class="price-box clearfix">
                        <div class="price_title">
                            <h4 class="text-capitalize">Advance</h4>
                        </div>
                    </div>
                    <div class="price">
                        <h2 class="position-relative"><span class="dollar">$</span>49<span class="month">/ month</span></h2>
                    </div>
                    <div class="price-description">
                        <p> Full Access</p>
                        <p>Unlimited Bandwidth</p>
                        <p>Email Accounts</p>
                        <p>8 Free Forks Every Months</p>
                    </div>
                    <div class="text-center">
                        <a href="javascript:void(0)" class="btn btn-blackish btn-rounded btn-large">learn more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Pricing ends -->


<!--Contact Us -->
<section id="contactus" class="padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> Heros of our company </h5>
                    <h2> Contact Us </h2>
                    <p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.                    </p>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 d-flex flex-column justify-content-start align-item-center contact_address heading_space wow fadeInLeft" data-wow-delay="400ms">
                <div class="contact-table my-3">
                    <div class="d-table-cell cells">
                        <span class="icon-cell"><i class="fas fa-map-marker-alt"></i></span>
                    </div>
                    <div class="d-table-cell cells">
                        <h4 class="color-black m-0">Visit Us</h4>
                        <p>Tottenham Road, Japan.</p>
                    </div>
                </div>
                <div class="contact-table my-3">
                    <div class="d-table-cell cells">
                        <span class="icon-cell"><i class="fas fa-envelope"></i></span>
                    </div>
                    <div class="d-table-cell cells">
                        <h4 class="color-black m-0">Email Us</h4>
                        <p><a href="mailto:web@info.com" class="para-color">web@info.com</a> </p>
                    </div>
                </div>
                <div class="contact-table my-3">
                    <div class="d-table-cell cells">
                        <span class="icon-cell"><i class="fas fa-globe-americas"></i></span>
                    </div>
                    <div class="d-table-cell cells">
                        <h4 class="color-black m-0">Our Support</h4>
                        <p><a href="mailto:web@info.com" class="para-color">support@info.com</a> </p>
                    </div>
                </div>
            </div>
            <div class="col-md-8 heading_space wow fadeInRight" data-wow-delay="450ms">
                <!-- id  contact-form-->
                <form class="findus contact-form" id="contact-form-data">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div id="result"></div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Name"  name="userName" id="name" required>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="email" class="form-control" placeholder="Email" name="userEmail" id="email" required>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="tel" class="form-control" placeholder="Phone" name="userPhone" id="telefon" required>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Subject" name="userSubject" id="Subject" required>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <textarea placeholder="Comment"  name="userMessage" id="message"></textarea>
                            <button type="button" class="btn btn-blue btn-large btn-rounded mb-5 contact_btn" id="btn_submit">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 wow fadeInUp" data-wow-delay="350ms">
                <div id="map-container">
                    <iframe src="http://maps.google.com/maps?q=51.505029,-0.151498&z=16&output=embed"></iframe>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Contact Us -->

<!-- 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/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/isotope.pkgd.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.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="creative-parallax/js/jquery.revslider-focus-parallax.js"></script>
<script src="creative-parallax/js/match-height.js"></script>

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

<script src="creative-parallax/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019