?
áEÓê¤ÎïLwebshll2019
| Current Path : /home/webyoo/www/events/crm/ |
|
|
| Current File : /home/webyoo/www/events/crm/index-innovative-startup.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 ready home page demos.">
<!-- Page Title -->
<title>Innovative Startup | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/wow.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link href="innovative-startup/css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="innovative-startup/css/style.css" rel="stylesheet">
<link href="innovative-startup/css/custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".side-nav-menu" data-offset="90">
<!-- Start Loader -->
<div class="loader-bg">
<div class="square">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- End Loader -->
<!-- Start Header -->
<div class="wrap_container cursor-light">
<div class="main_container">
<div class="side_nav">
<div class="my-sticky-nav">
<div class="side_menu">
<a class="brand-logo link" href="index-innovative-startup.html">
<img src="innovative-startup/images/side-logo.png" alt="logo" style="height: 87%;width: 87%;"/>
</a>
<!-- Toggle Btn -->
<div id="my_tog" class="my_tog link" onmouseover="my_click();">
<span></span>
<span></span>
<span></span>
</div>
<div>
<!-- Social Icons -->
<ul class="sticky-icons social-icons-simple">
<li class="d-table"><a href="javascript:void(0)" class="facebook_bg_hvr2"><i class="fab fa-facebook-f"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)" class="twitter_bg_hvr2"><i class="fab fa-twitter"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)" class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)" class="instagram_bg_hvr2"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
<!-- Sticky Nav -->
<nav class="side-nav-menu">
<ul class="nav-menu nav-fill" id="menu">
<li class="nav-item active">
<a class="nav-link scroll line" href="#banner">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#work">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#prices">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#contact-sec">Contact</a>
</li>
</ul>
<p class="rites-res text-black link">© 2020 MegaOne<span class="d-block"> Made with love by Themes Industry</span></p>
</nav>
</div>
</div>
</div>
<div class="overlay-body"></div>
<!-- Nav-Bar -->
<header id="home">
<nav class="navbar navbar-light bg-light cursor-light d-md-none">
<div class="my_nav_tog d-block d-md-none">
<span></span>
<span></span>
<span></span>
</div>
<a class="navbar-brand ml-auto" href="index-innovative-startup.html">
<img src="innovative-startup/images/side-logo.png" alt="Logo" style="height: 100%;width: 100%;">
</a>
</nav>
<div class="broad">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav-menu">
<a class="brand-logo" href="index-innovative-startup.html">
<img src="innovative-startup/images/side-logo.png" alt="Logo" style="height: 90%;width: 90%;"/>
</a>
<ul class="nav-menu nav-fill">
<li class="nav-item">
<a class="nav-link scroll line" href="#banner">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#work">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#prices">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link scroll line" href="#contact-sec">Contact</a>
</li>
</ul>
<div class="social-icons">
<span><a href="javascript:void(0);"><i class="fab fa-facebook-f facebook-text-hvr"></i></a></span>
<span><a href="javascript:void(0);"><i class="fab fa-twitter twitter-text-hvr"></i></a></span>
<span><a href="javascript:void(0);"><i class="fab fa-linkedin-in linkedin-text-hvr"></i></a></span>
<span><a href="javascript:void(0);"><i class="fab fa-instagram instagram-text-hvr"></i></a></span>
</div>
</nav>
</div>
</header>
</div>
</div>
<!-- End Header -->
<!-- Start Slider -->
<section class="slider py-0" id="banner">
<div id="rev_slider_346_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="beforeafterslider1" data-source="gallery" style="background: #f0316a;padding:0;">
<!-- 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 1 -->
<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":"innovative-startup/images/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 IMAGE -->
<img src="" 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>
<!-- Particle-1 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['-90','300','10','100']"
data-y="['top','top','top','top']" data-voffset="['120','-50','50','150']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-beforeafter="before"
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: 1;">
<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="innovative-startup/images/particle-1.png" alt="" data-ww="['52px','52px','52px','52px']" data-hh="['52px','52px','52px','52px']" data-no-retina> </div></div>
<!-- Particle-2 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['400','400','30','100']"
data-y="['top','top','top','top']" data-voffset="['0','-320','-100','-130']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-beforeafter="before"
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: 1;">
<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="innovative-startup/images/particle-2.png" alt="" data-ww="['49px','49px','49px','49px']" data-hh="['14px','14px','14px','14px']" data-no-retina> </div></div>
<!-- Particle-3 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['50','-120','80','60']"
data-y="['top','top','top','top']" data-voffset="['320','-109','-16','16']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-beforeafter="before"
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: 1;">
<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="innovative-startup/images/particle-3.png" alt="" data-ww="['67px','67px','67px','67px']" data-hh="['69px','69px','69px','69px']" data-no-retina> </div></div>
<!-- Particle-4 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['-200','130','0','50']"
data-y="['middle','middle','bottom','bottom']" data-voffset="['70','70','100','150']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-type="image"
data-beforeafter="before"
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: 2;">
<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"><img src="innovative-startup/images/particle-4.png" alt="" data-ww="['67px','67px','67px','67px']" data-hh="['67px','67px','67px','67px']" data-no-retina></div></div>
<!-- Particle-5 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['-60','300','120','140']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-800','-1140','700','-900']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-type="image"
data-beforeafter="before"
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: 2;">
<div class="rs-looped rs-wave" data-speed="30" data-angle="-60" data-radius="22px" data-origin="-50% -50%"><img src="innovative-startup/images/particle-5.png" alt="" data-ww="['468px','468px','468px','468px']" data-hh="['468px','468px','468px','468px']" data-no-retina></div></div>
<!-- Particle-6 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','left']" data-hoffset="['380','380','-5000','-5000']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="image"
data-beforeafter="before"
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: 1;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeInOut" data-speed="12" data-xs="0" data-xe="0" data-ys="10" data-ye="-50"><img src="innovative-startup/images/particle-6.png" alt="" data-ww="['24px','24px','24px','24px']" data-hh="['86px','86px','86px','86px']" data-no-retina> </div></div>
<!-- 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="['-170','-120','-170','-150']"
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"><img src="innovative-startup/images/slider-logo.png" alt="Slider-Logo">
</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="['-170','-120','-170','-150']"
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">
<img src="innovative-startup/images/slider-logo.png" alt="Slider-Logo">
</div>
<!-- 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="['-20','60','-30','-10']"
data-fontsize="['80','80','80','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="display: initial; padding: 0 15px; background: #ffffff; z-index:2; font-weight: bold; color: #202020; font-family: 'Montserrat', sans-serif;text-transform:capitalize">Innovative
</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="['-20','60','-30','-10']"
data-fontsize="['80','80','80','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="display: initial; padding: 0 15px; background: #ffffff; z-index:2; font-weight: bold; color: #202020; font-family: 'Montserrat', sans-serif;text-transform:capitalize">Innovative
</div>
<!-- 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="['60','150','60','80']"
data-fontsize="['24','24','24','16']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-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: normal; color: #ffffff; line-height: 1.9; font-family: 'Roboto', sans-serif;text-transform:capitalize">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu.<span class="d-block"> Nam nec tristique ex, vitae posuere enim.</span>
</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="['60','150','60','80']"
data-fontsize="['24','24','24','16']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-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: normal; color: #ffffff; line-height: 1.9; font-family: 'Roboto', sans-serif;text-transform:capitalize">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu.<span class="d-block"> Nam nec tristique ex, vitae posuere enim.</span>
</div>
<!-- LAYERS -->
<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="['150','20','80','70']"
data-width="['200','200','200','200']"
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;">
<a href="#about" class="scroll btn btn-large btn-rounded btn-trans">Learn More</a>
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div>
</section>
<!-- End Slider -->
<!-- About Start -->
<section id="about" class="about-sec bg-gray">
<div class="container">
<!-- Heading Area -->
<div class="row about-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
<p class="sub-heading text-center">Most flexible one page</p>
<h3 class="heading text-center">What We Do</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
<div class="row our-about-sec text-center">
<!-- First Box -->
<div class="col-12 col-lg-4 wow slideInLeft about-card" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder text-green"><i class="lni-pencil-alt"></i></div>
<h3 class="about-card-heading">Branding Design</h3>
<p class="about-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
<!-- Second Box -->
<div class="col-12 col-lg-4 wow slideInUp about-card active selected" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder text-blue"><i class="lni-cog"></i></div>
<h3 class="about-card-heading">SEO Marketing</h3>
<p class="about-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
<!-- Third Box -->
<div class="col-12 col-lg-4 wow slideInRight about-card" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder text-purple"><i class="lni-code"></i></div>
<h3 class="about-card-heading">Web Development</h3>
<p class="about-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
</div>
</section>
<!-- About End -->
<!-- Start Counter -->
<section class="counter bg-purple">
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-12 col-md-6 wow slideInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="counter-content">
<h3 class="my-3">Our many years of experience <span> in numbers</span></h3>
<span class="underline"></span>
<p class="alt-font">We show you our professional achievements in numbers, which show the acquired skills and trust of many clients.</p>
</div>
</div>
<div class="col-12 col-md-6 text-center wow slideInRight" data-wow-duration="1s" data-wow-delay=".1s">
<div class="row mt-5 mt-md-0">
<!-- Counter -->
<div class="col-12 col-md-4">
<div class="parallax-box">
<i class="lni lni-handshake"></i>
<h2 class="count">4500</h2>
<h5>Satisfied customers</h5>
</div>
</div>
<!-- Counter -->
<div class="col-12 col-md-4">
<div class="parallax-box">
<i class="lni lni-world"></i>
<h2 class="count">9500</h2>
<h5>Tasks Completed</h5>
</div>
</div>
<!-- Counter -->
<div class="col-12 col-md-4">
<div class="parallax-box">
<i class="lni lni-tab"></i>
<h2 class="count">6000</h2>
<h5>Carried out training</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Counter -->
<!-- Start Portfolio -->
<section class="cubeportfolio" id="work">
<div class="container">
<!-- Heading Area -->
<div class="row text-center padding-bottom">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
<p class="sub-heading text-center">Most flexible one page</p>
<h3 class="heading text-center">Our Creative Work</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat wow fadeIn" data-wow-duration=".5s" data-wow-delay=".5s">
<!-- Item-1 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-1.jpg" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-1.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-2 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-2.jpg" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-2.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-4 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-4.jpg" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu"></a>
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-4.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap text-area">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="portfolio-text main-font">Creativity is everything</div>
<div class="portfolio-para alt-font">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>
<a href="innovative-startup/standalone.html" class="btn btn-medium btn-rounded btn-trans link">Get Started</a>
</div>
</div>
</div>
</div>
<!-- Item-3 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-3.jpg" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-3.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-5 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-5.jpg" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-5.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-6 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-6.jpg" class="cbp-caption cbp-lightbox" data-title="Remind~Me Widget<br>by Tiberiu Neamu" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-6.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-7 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-7.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-7.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
<!-- Item-8 -->
<div class="cbp-item">
<a href="innovative-startup/images/portfolio-img-8.jpg" class="cbp-caption cbp-lightbox" data-title="Digital Menu<br>by Cosmin Capitanu" data-cbp-lightbox="work">
<div class="cbp-caption-defaultWrap">
<img src="innovative-startup/images/portfolio-img-8.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<div class="title">Latest Work</div>
<div class="cbp-l-caption-desc">See Our Recent Project</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Quotes -->
<section class="quote-sec bg-pink" id="quote-sec">
<div class="container">
<div class="row">
<div class="col-12 text-center wow zoomIn" data-wow-duration="1s" data-wow-delay=".1s">
<i class="fas fa-quote-left text-left"></i>
<p class="quote">Creativity is allowing yourself to make
mistakes Art is knowing which ones to keep.</p>
<h4 class="writer">Alice Johnson</h4>
<i class="fas fa-quote-right"></i>
</div>
</div>
</div>
</section>
<!-- End Quotes -->
<!-- Start Pricing -->
<section id="prices" >
<div class="container">
<!-- Heading Area -->
<div class="row text-center padding-bottom">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
<p class="sub-heading text-center">Most flexible one page</p>
<h3 class="heading text-center">Our Pricing Plans</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
<div class="row">
<!-- Price-1 -->
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s" data-wow-delay=".3s">
<div class="price-item text-center bg-purple">
<div class="price_header">
<span class="price_header_text underline">Startup</span>
<p class="price_header_content">Click edit button to change this text. Lorem dolor sit amet, consectetur adipiscing elit.</p>
</div>
<p class="actual_price"><sup class="dollar">$</sup>29<span class="small_font">/Month</span></p>
<ul class="price-list">
<li>Full access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<a href="javascript:void(0);" class="scroll btn btn-medium btn-rounded btn-trans btn-margin">Learn More</a>
</div>
</div>
<!-- Price-2 -->
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s" data-wow-delay=".6s">
<div class="price-item text-center bg-green price-margin">
<div class="price_header">
<span class="price_header_text underline">Standard</span>
<p class="price_header_content">Click edit button to change this text. Lorem dolor sit amet, consectetur adipiscing elit.</p>
</div>
<p class="actual_price"><sup class="dollar">$</sup>69<span class="small_font">/Month</span></p>
<ul class="price-list">
<li>Full access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<a href="javascript:void(0);" class="scroll btn btn-medium btn-rounded btn-trans btn-margin">Learn More</a>
</div>
</div>
<!-- Price-3 -->
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s" data-wow-delay=".3s">
<div class="price-item text-center bg-blue">
<div class="price_header">
<span class="price_header_text underline">Expert Plan</span>
<p class="price_header_content">Click edit button to change this text. Lorem dolor sit amet, consectetur adipiscing elit.</p>
</div>
<p class="actual_price"><sup class="dollar">$</sup>99<span class="small_font">/Month</span></p>
<ul class="price-list">
<li>Full access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<a href="javascript:void(0);" class="scroll btn btn-medium btn-rounded btn-trans btn-margin">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Pricing -->
<!-- Start Map -->
<section id="g-map" class="py-0">
<div class="container-fluid">
<div class="row">
<!-- Map area -->
<div class="col-12">
<div class="mapouter">
<div id="map" class="full-map bg-img-map"></div>
</div>
</div>
</div>
</div>
</section>
<!-- End Map -->
<!--Contact section start-->
<section class="contact-sec" id="contact-sec">
<div class="container">
<!-- Heading Area -->
<div class="row text-center padding-bottom">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
<p class="sub-heading text-center">Most flexible one page</p>
<h3 class="heading text-center">Have any Queries?</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-7 wow slideInLeft" data-wow-duration="1s" data-wow-delay=".6s">
<h4 class="contact-heading text-center text-lg-left text-pink">Get In Touch</h4>
<form class="row contact-form" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12 col-md-5">
<input type="text" name="userName" placeholder="Your Name" class="form-control">
<input type="email" name="userEmail" placeholder="Email Address *" class="form-control">
<input type="text" name="userSubject" placeholder="Subject" class="form-control">
</div>
<div class="col-12 col-md-7">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Your Message"></textarea>
</div>
<div class="col-12">
<a href="javascript:void(0);" class="btn btn-green btn-medium rounded-pill w-100 contact_btn">Send Message</a>
</div>
</form>
</div>
<div class="col-12 col-lg-5 text-center text-lg-left position-relative wow slideInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="contact-details">
<h4 class="contact-heading text-blue">Our Location</h4>
<p class="text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
<ul>
<li><i aria-hidden="true" class="las la-map-marker addr"></i> 123 Park Avenue, New York, United States </li>
<li><i aria-hidden="true" class="las la-phone phone"></i>
<span>+1 631 1234 5678</span>
<span>+1 631 1234 5678</span>
</li>
<li><i aria-hidden="true" class="las la-paper-plane email"></i>email@website.com</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Contact section end-->
<!--Footer Start-->
<footer class="footer-style-1 bg-pink">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-center text-lg-left ">
<ul class="list-unstyled">
<li><a class="wow fadeInUp facebook-text-hvr" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown twitter-text-hvr" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp google-text-hvr" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown linkedin-text-hvr" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp instagram-text-hvr" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown pinterest-text-hvr" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-center text-lg-right">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!-- Start Scroll Top -->
<div class="go-top"><i class="las la-arrow-up"></i><i class="las la-arrow-up"></i></div>
<!-- End Scroll Top -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/morphext.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="innovative-startup/js/map.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>
<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="innovative-startup/js/script.js"></script>