?
| Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/ |
| Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/landing-3.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>Landing Page | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="landing-3/images/favicon.png">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" href="landing-3/css/navigation.css">
<link rel="stylesheet" href="landing-3/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="landing-3/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="90">
<!-- Loader -->
<div class="loader" id="loader-fade">
<div class="loader-container">
<ul class="loader-box">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<!-- Loader ends -->
<!-- Main Section start -->
<section id="home" class="p-0 h-100vh cursor-light">
<h2 class="d-none">heading</h2>
<!--Main Slider-->
<div id="rev_slider_8_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="weone" data-source="gallery" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_8_1" class="rev_slider fullscreenbanner" data-version="5.4.8.1">
<ul>
<li data-index="rs-36" 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="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- LAYERS -->
<div class="overlay overlay-gradient"></div>
<!-- LAYER logo -->
<div class="tp-caption tp-resizeme color-yellow"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','center','center','center']" data-voffset="['270','-110','-110','-110']"
data-fontsize="['60','50','40','40']"
data-lineheight="['75','75','75','40']"
data-width="['556','556','556','300']"
data-height="['none','none','none','87']"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":100,"split":"chars","splitdelay":0.1,"speed":1480,"split_direction":"random","frame":"0","from":"y:50px;sX:1;sY:1;opacity:0;fb:20px;","color":"rgba(0,0,0,0)","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","color":"transparent","to":"opacity:0;fb:0;","ease":"Power3.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: 5;">
<a href="javascript:void(0)" class="link"><img src="landing-3/images/logo.png" alt=""></a></div>
<!-- LAYER heading -->
<div class="tp-caption tp-resizeme color-black"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','center','center','center']" data-voffset="['348','-20','-30','-50']"
data-lineheight="['75','60','45','45']"
data-whitespace="nowrap"
data-fontsize="['60','50','40','40']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":150,"speed":1500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.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: 3; min-width: 556px; max-width: 556px; font-size: 3.5rem; white-space: nowrap; line-height: 75px; font-weight: lighter; letter-spacing: 0;font-family: 'Montserrat', sans-serif;"><div id="js-rotating" class="text-light">Digital Agency, Modern Works, Design Elevation </div> </div>
<!-- LAYER Text -->
<div class="tp-caption tp-resizeme text-light"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','middle','middle','middle']" data-voffset="['460','80','70','40']"
data-whitespace="normal"
data-width="['630','630','550','440']"
data-fontsize="['16','15','15','15']"
data-lineheight="['25','25','22','22']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":100,"speed":1480,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.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: 3; min-width: 650px; max-width: 650px; white-space: nowrap; font-weight: 400; letter-spacing: 0;font-family: 'Open Sans', sans-serif;">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</div>
<!-- LAYER Button -->
<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="['170','200','180','140']"
data-width="['260','260','260','260']"
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":800,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:2px 2px 2px 2px;"}]'
data-textAlign="['center','center','center','center']"
style="z-index: 10; min-width: 960px; max-width: 960px">
<a href="javascript:void(0)" class="btn-setting btn btn-light-green link" id="open">Request a Quote</a>
</div>
<!-- LAYER Cylinder -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['-20','-20','-20','-20']"
data-y="['top','top','top','top']" data-voffset="['-50','100','100','100']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1480,"frame":"0","from":"x:center;y:bottom;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-xs="0" data-xe="60" data-ys="100" data-ye="60"><img src="landing-3/images/slider-shape1.png" alt="" data-ww="['51px','51px','51px','51px']" data-hh="['52px','52px','52px','52px']" data-no-retina> </div></div>
<!-- LAYER Top Wave Pink -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','right','right']" data-hoffset="['220','150','150','150']"
data-y="['top','top','top','top']" data-voffset="['160','160','160','160']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1480,"frame":"0","from":"x:center;y:middle;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-xs="0" data-xe="-50" data-ys="50" data-ye="20"><img src="landing-3/images/slider-shape2.png" alt="" data-ww="['50px','50px','50px','50px']" data-hh="['14px','14px','14px','14px']" data-no-retina> </div></div>
<!-- LAYER Semi Circle -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['230','491','401','401']"
data-y="['top','top','top','top']" data-voffset="['180','65','36','36']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1480,"frame":"0","from":"x:right;y:bottom;rZ:360deg;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-rotate" data-easing="Power0.easeIn" data-startdeg="0" data-enddeg="360" data-speed="15" data-origin="50% 50%"><img src="landing-3/images/slider-shape3.png" alt="" data-ww="['67px','67px','67px','67px']" data-hh="['69px','69px','69px','69px']" data-no-retina> </div></div>
<!-- LAYER Circle Gray Small -->
<div class="tp-caption"
data-x="['right','right','right','right']" data-hoffset="['160','30','0','0']"
data-y="['center','center','center','center']" data-voffset="['-50','-50','-100','-200']"
data-whitespace="normal"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1490,"frame":"0","from":"x:center;y:top;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10;">
<div class="rs-looped rs-wave" data-speed="12" data-angle="90" data-radius="22px" data-origin="50% 50%">
<div class="animated-wrap slider-social icon-small">
<a class="animated-element" href="javascript:void(0);">
<i class="fab fa-instagram" aria-hidden="true"></i>
<img src="landing-3/images/slider-shape4.png" alt="" data-ww="['68px','68px','68px','68px']" data-hh="['67px','67px','67px','67px']" data-no-retina>
</a>
</div>
</div>
</div>
<!-- LAYER Circle Pink Small -->
<div class="tp-caption"
data-x="['left','left','left','left']" data-hoffset="['120','120','120','120']"
data-y="['top','top','top','top']" data-voffset="['300','300','300','100']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1490,"frame":"0","from":"y:center;x:bottom;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10;">
<div class="rs-looped rs-wave" data-speed="12" data-angle="-90" data-radius="22px" data-origin="-50% -50%">
<div class="animated-wrap slider-social icon-small">
<a class="animated-element" href="javascript:void(0);">
<i class="fab fa-linkedin-in" aria-hidden="true"></i>
<img src="landing-3/images/slider-shape5.png" alt="" data-ww="['68px','68px','68px','68px']" data-hh="['67px','67px','67px','67px']" data-no-retina>
</a>
</div>
</div>
</div>
<!-- LAYER Circle Yellow -->
<div class="tp-caption"
data-x="['right','right','right','right']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['100','100','100','10']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1490,"frame":"0","from":"x:center;y:top;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 4;">
<div class="rs-looped rs-wave" data-speed="19" data-angle="45" data-radius="22px" data-origin="50% 50%">
<div class="animated-wrap slider-social icon-small big">
<a class="animated-element" href="javascript:void(0);">
<i class="fab fa-twitter font-20" aria-hidden="true"></i>
<img src="landing-3/images/circle-yellow.png" alt="" data-ww="['131px','131px','131px','131px']" data-hh="['131px','131px','131px','131px']" data-no-retina>
</a>
</div>
</div>
</div>
<!-- LAYER Circle Pink -->
<div class="tp-caption"
data-x="['left','left','left','left']" data-hoffset="['-100','-50','-60','0']"
data-y="['middle','middle','bottom','bottom']" data-voffset="['70','70','170','140']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1490,"frame":"0","from":"y:center;x:bottom;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 4;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-xs="0" data-xe="0" data-ys="-10" data-ye="60">
<div class="animated-wrap slider-social icon-small big">
<a class="animated-element" href="javascript:void(0);">
<i class="fab fa-facebook-f font-20" aria-hidden="true"></i>
<img src="landing-3/images/circle-pink.png" alt="" data-ww="['137px','137px','137px','137px']" data-hh="['137px','137px','137px','137px']" data-no-retina>
</a>
</div>
</div>
</div>
<!-- LAYER Bottom Diamond -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['60','66','429','429']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['150','200','200','200']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1480,"frame":"0","from":"x:center;y:middle;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-ys="-40" data-ye="40" data-xs="0" data-xe="20"><img src="landing-3/images/slider-shape7.png" alt="" data-ww="['44px','44px','44px','44px']" data-hh="['87px','87px','87px','87px']" data-no-retina> </div></div>
<!-- LAYER Top Diamond -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','right','right']" data-hoffset="['-170','-170','-170','-170']"
data-y="['center','center','center','center']" data-voffset="['120','120','120','120']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1480,"frame":"0","from":"x:center;y:middle;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-wave" data-speed="12" data-angle="90" data-radius="12px" data-origin="0% 0%"><img src="landing-3/images/slider-shape8.png" alt="" data-ww="['44px','44px','44px','44px']" data-hh="['87px','87px','87px','87px']" data-no-retina> </div></div>
<!-- LAYER Top Left -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['-500','-200','-10000','-10000']"
data-y="['top','top','top','top']" data-voffset="['-100','-100','-10000','-10000']"
data-whitespace="nowrap"
data-width="['394px','394px','0px','0px']" data-height="['393px','393px','0px','0px']"
data-responsive_offset="on"
data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-wave" data-speed="10" data-angle="90" data-radius="12px" data-origin="50% 50%"><img src="landing-3/images/circle-top-left.png" alt="" data-ww="['394px','394px','394px','394px']" data-hh="['394px','394px','394px','394px']" data-no-retina> </div>
</div>
<!-- LAYER Top Right Inner -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','right','right']" data-hoffset="['-600','-550','-10000','-10000']"
data-y="['top','top','top','top']" data-voffset="['-200','-200','-10000','-10000']"
data-whitespace="nowrap"
data-width="['575px','575px','575px','575px']" data-height="['571px','571px','571px','571px']"
data-responsive_offset="on"
data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-xs="0" data-xe="0" data-ys="0" data-ye="120"><img src="landing-3/images/circle-top-right-inner.png" alt="" data-ww="['575px','575px','575px','575px']" data-hh="['571px','571px','571px','571px']" data-no-retina> </div>
</div>
<!-- LAYER Top Right -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','right','right']" data-hoffset="['-480','-370','-10000','-10000']"
data-y="['top','top','top','top']" data-voffset="['-100','-120','-10000','-10000']"
data-whitespace="nowrap"
data-width="['381px','381px','381px','381px']" data-height="['380px','380px','380px','380px']"
data-responsive_offset="on"
data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-xs="0" data-xe="0" data-ys="0" data-ye="120"><img src="landing-3/images/circle-top-right.png" alt="" data-ww="['381px','381px','381px','381px']" data-hh="['380px','380px','380px','380px']" data-no-retina> </div>
</div>
<!-- LAYER Center -->
<div class="tp-caption tp-resizeme d-flex align-items-center justify-content-center 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-whitespace="nowrap"
data-width="['672px','672px','672px','672px']" data-height="['673px','673px','673px','673px']"
data-responsive_offset="on"
data-frames='[{"delay":319.921875,"speed":500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;pointer-events: none">
<div class="rs-looped rs-wave" data-speed="15" data-angle="90" data-radius="12px" data-origin="50% 50%"><img src="landing-3/images/circle-center.png" alt="" data-ww="['672px','672px','672px','672px']" data-hh="['673px','673px','673px','673px']" data-no-retina> </div>
</div>
<!-- LAYER Arrows -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['30','30','30','30']"
data-y="['top','top','top','top']" data-voffset="['50','50','50','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":50,"speed":1480,"frame":"0","from":"x:center;y:middle;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 3;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="30" data-xs="-90" data-xe="90" data-ys="0" data-ye="20"><img src="landing-3/images/arrows.png" alt="" data-ww="['97px','97px','97px','97px']" data-hh="['98px','98px','98px','98px']" data-no-retina> </div></div>
</li>
</ul>
<div class="tp-bannertimer" style="height: 5px; background: rgba(0,0,0,0.15);"></div>
</div>
</div>
<!--Main Slider ends -->
</section>
<!-- Main Section end -->
<!--Animated Cursor-->
<div id="animated-cursor">
<div id="cursor">
<div id="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<!--Get Quote Model Popup-->
<div id="animatedModal" class="landing-modal">
<div class="model-cont">
<div class="overlay overlay-dark opacity-6 close z-index-0 position-fixed min-vh-100"></div>
<div class="modal-content">
<!--Heading-->
<div class="heading-area pb-3 text-center">
<span class="sub-title">Yes, we are the team</span>
<h3 class="title mt-2 defaultcolor font-weight-bold">Let's start your project</h3>
</div>
<!--Contact Form-->
<form class="contact-form" id="modal-contact-form-data">
<div class="row">
<!--Result-->
<div class="col-12" id="quote_result"></div>
<!--Left Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" data-required="" id="quote_name" name="quoteName">
</div>
<div class="form-group">
<input class="form-control" type="text" placeholder="Contact #" data-required="" id="quote_contact" name="userPhone">
</div>
<div class="form-group">
<input class="form-control" type="text" placeholder="Project type" data-required="" id="quote_type" name="projectType">
</div>
</div>
<!--Right Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" data-email="true" placeholder="Email" data-required="" id="quote_email" name="userEmail">
</div>
<div class="form-group">
<input class="form-control" type="text" placeholder="City / Country" data-required="" id="quote_address" name="userAddress">
</div>
<div class="form-group">
<input class="form-control" type="text" placeholder="Budget" data-required="" id="quote_budget" name="quoteBudget">
</div>
</div>
<!--Full Column-->
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" placeholder="Please explain your project in detail." id="quote_message" name="userMessage"></textarea>
</div>
</div>
<!--Button-->
<div class="col-md-12 text-center">
<div class="form-check">
<label class="checkbox-label">Contact by phone ins preferred
<input type="checkbox">
<span class="check-mark"></span>
</label>
</div>
</div>
</div>
</form>
<!--closing button-->
<button id="close" class="close">
<span>x</span>
</button>
</div>
<button type="submit" form="modelForm" id="submit_btn" class="btn btn-model-fixed modal_contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>Send Message</button>
</div>
</div>
<!--model end-->
<!--thanks quote-->
<div id="thanks">
<div class="w-100 h-100 d-flex align-items-center justify-content-center">
<div class="thanks-body">
<div class="icon mb-4">
<i class="fas fa-check"></i>
</div>
<h5 id="thanks-text">Thanks, <span></span>!<br/>for contacting us.</h5>
<button class="btn btn-close btn-setting mt-3" id="thanks-close">Close</button>
</div>
</div>
</div>
<!--thanks quote end-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!--wow js-->
<script src="vendor/js/wow.min.js"></script>
<!-- Tween Max Animation File -->
<script src="landing-3/js/TweenMax.min.js"></script>
<!-- Morphtext File -->
<script src="landing-3/js/morphext.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>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="landing-3/js/script.js"></script>
</body>
</html>