?
ELwebshll2019
| Current Path : /home/webyoo/www/events/crm/ |
|
|
| Current File : /home/webyoo/www/events/crm/index-digital-corporate.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>Digital Corporate | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="digital-corporate/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="vendor/css/jquery-ui.bundle.css">
<link rel="stylesheet" href="vendor/css/select2.min.css">
<link rel="stylesheet" href="vendor/css/slick-theme.css">
<link rel="stylesheet" href="vendor/css/slick.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="digital-corporate/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="90" class="position-relative">
<!--Preloader-->
<div class="loader" id="loader-fade">
<div class="loading-wrapper">
<div class="loading"></div>
</div>
</div>
<!--End Preloader-->
<div class="wrapper">
<!--Header Section-->
<header class="header-with-topbar style-two">
<div class="top-header-area d-none d-lg-inline-block transparent-bg center-logo">
<div class="container">
<div class="row">
<a href="#home" class="logo link" title="logo">
<img src="digital-corporate/img/logo.png" alt="logo" title="Logo" class="logo-default">
</a>
</div>
</div>
</div>
<nav class="navbar navbar-top-default navbar-expand-lg full-nav center-logo nav-line">
<div class="container">
<a class="logo link" href="javascript:void(0)">
<img src="digital-corporate/img/logo.png" alt="logo" title="Logo" class="logo-default d-lg-none">
<img src="digital-corporate/img/logo.png" alt="logo" title="Logo" class="logo-scrolled">
</a>
<div class="collapse navbar-collapse d-none d-lg-block">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="scroll nav-link link active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="scroll nav-link link" href="#agency">About Us</a>
</li>
<li class="nav-item">
<a class="scroll nav-link link" href="#booking">Projects</a>
</li>
</ul>
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="scroll nav-link link" href="#deal">Latest News</a>
</li>
<li class="nav-item">
<a class="scroll nav-link link" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="scroll nav-link link" href="#contact">Contact Us</a>
</li>
</ul>
</div>
<div class="social_icons">
<ul>
<li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
<li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
<li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
</ul>
</div>
<div class="side-nav-btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- Side Menu -->
<div class="side-menu dnone">
<div class="inner-wrapper nav-icon">
<span class="btn-close link" id="btn_sideNavClose"></span>
<nav class="side-nav w-100">
<div class="navbar-nav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link link scroll" href="#agency">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link link scroll" href="#booking">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link link scroll" href="#deal">Latest News</a>
</li>
<li class="nav-item">
<a class="nav-link link scroll active" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link link scroll" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li class="side-menu-icons"><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f color-white"></i> </a> </li>
<li class="side-menu-icons"><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter color-white"></i> </a> </li>
<li class="side-menu-icons"><a href="javascript:void(0)" class="linkedin-bg-hvr"><i class="fab fa-linkedin-in color-white"></i> </a> </li>
<li class="side-menu-icons"><a href="javascript:void(0)" class="instagram-bg-hvr"><i class="fab fa-instagram color-white"></i> </a> </li>
</ul>
<p class="text-white">© 2020 Megaone. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!--Side Menu-->
</header>
<!--End Header Section-->
<section id="home" class="p-0 h-100vh">
<h2 class="d-none">heading</h2>
<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="Megaone-agency-slider1" data-source="gallery" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_1_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul> <!-- SLIDE -->
<li data-index="rs-1" 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="">
<!-- MAIN IMAGE -->
<!--<img src="img/transparent.png" data-bgcolor='#ffffff' style='background:#ffffff' alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>-->
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
id="slide-1-layer-2"
data-x="['center','center','center','center']" data-hoffset="['3','2','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-90','-76','-70','-70']"
data-fontsize="['60','40','35','35']"
data-lineheight="['70','70','40','40']"
data-width="['none','none','280','200']"
data-height="['none','150','150','150']"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":339.84375,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.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: 5; white-space: nowrap; font-size: 48px; line-height: 70px; font-weight: 400; color: #444444; letter-spacing: 0px;font-family:Montserrat;">Creative </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-1-layer-3"
data-x="['center','center','center','center']" data-hoffset="['7','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['3','-44','-57','-70']"
data-fontsize="['70','70','60','36']"
data-lineheight="['95','85','70','50']"
data-width="['671','670','670','670']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":829.8828125,"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: 6; white-space: nowrap; font-size: 90px; line-height: 85px; font-weight: 700; letter-spacing: 0px;font-family:Montserrat;"><span class="text-gradient">Digital Agency</span> </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
id="slide-1-layer-4"
data-x="['center','center','center','center']" data-hoffset="['9','1','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['133','45','36','25']"
data-fontsize="['19','18','18','18']"
data-lineheight="['30','26','26','20']"
data-width="['480','570','580','350']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1319.921875,"speed":1500,"frame":"0","from":"y:50px;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: 7; min-width: 570px; max-width: 570px; white-space: normal; font-size: 30px; line-height: 26px; font-weight: 300; color: #444444; letter-spacing: 0px;font-family:Roboto;">One stop place for you to lorem ipsum dolor sit amet consectuere asep adispiscing set diam like heaven one stop place for you to lorem ipsum dolor sit amet consectuere adispiscing, </div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme"
id="slide-1-layer-5"
data-x="['center','center','center','center']" data-hoffset="['2','2','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['260','141','145','155']"
data-fontsize="['17','18','18','13']"
data-width="['auto','150','auto','auto']"
data-responsive_offset="on"
data-frames='[{"delay":1759.9609375,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.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: 8; max-width: 960px; font-family:Montserrat; font-weight: 600"><a class="btn btn-green btn-large rev-slider btn-rounded scroll text-capitalize" href="#agency">Learn More</a> </div>
<div class="tp-caption tp-resizeme"
id="slide-1-layer-6"
data-x="['left','left','left','left']" data-hoffset="['99','137','5000','5000']"
data-y="['top','top','top','top']" data-voffset="['550','538','642','526']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":719.921875,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"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: 9;">
<div> </div></div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme"
id="slide-1-layer-8"
data-x="['left','center','center','center']" data-hoffset="['85','0','0','0']"
data-y="['middle','bottom','bottom','bottom']" data-voffset="['40','40','20','0']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-visibility="['on','on','on','on']"
data-type="image"
data-basealign="slide"
data-responsive_offset="on"
data-frames='[{"delay":359.9609375,"speed":1500,"frame":"0","from":"x:[-100%];z:0;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":"Power3.easeInOut"},{"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: 10;"><img src="digital-corporate/img/slider-ele3.png" class="slider-img" alt="" data-ww="['440px','250px','164px','164px']" data-hh="['440px','299px','151px','151px']" data-no-retina> </div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme"
id="slide-1-layer-15"
data-x="['right','center','center','center']" data-hoffset="['68','0','0','0']"
data-y="['middle','top','top','top']" data-voffset="['40','100','100','80']"
data-width="none"
data-height="none"
data-whitespace="normal"
data-visibility="['on','on','on','on']"
data-type="image"
data-basealign="slide"
data-responsive_offset="on"
data-frames='[{"delay":9.9609375,"speed":1500,"frame":"0","from":"x:[100%];z:0;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":"Power3.easeInOut"},{"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: 15;"><img src="digital-corporate/img/slider-ele6.png" class="slider-img" alt="" data-ww="['440px','250px','126px','100px']" data-hh="['440px','301px','199px','50px']" data-no-retina> </div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
</div><!-- END REVOLUTION SLIDER --></section>
<!-- END REVOLUTION SLIDER -->
<!--Our Menu-->
<section class="bg-light" id="agency">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="zic-img">
<div class="img-zic">
<img src="digital-corporate/img/ziczac.png" alt="image">
</div>
<h5 class="response py-3 mb-0 text-capitalize">Lorem Ipsum Dolor Sit Amet</h5>
<h2 class="text-capitalize">Why <span class="text-gradient">Choose</span> Megaone</h2>
</div>
</div>
<div class="col-lg-6 col-md-12 col-10 offset-1 offset-md-0 mt-50">
<div class="rare-box">
<img src="digital-corporate/img/about-img.jpg" class="image-about position-relative w-100 wow fadeInLeft" alt="image">
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 features wow fadeInRight mt-20">
<div class="feature-item mt-50">
<div class="agency-features-icon">
<span class="icon"><i class="lni-cloudnetwork"></i></span>
</div>
<div class="features-content">
<p class="feature-para text-capitalize">Online Live Support</p>
<p class="max">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices. </p>
</div>
</div>
<div class="feature-item">
<div class="agency-features-icon">
<span class="icon"><i class="lni-display"></i></span>
</div>
<div class="features-content">
<p class="feature-para text-capitalize">Stunning Design</p>
<p class="max">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<div class="feature-item mb-0 mb-xs-0">
<div class="agency-features-icon">
<span class="icon"><i class="lni-mobile"></i></span>
</div>
<div class="features-content">
<p class="feature-para text-capitalize">100% Responsive Design</p>
<p class="max">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end Our Menu-->
<!--App Section-->
<section class="app">
<div class="container">
<!--Heading-->
<div class="row mb-50">
<div class="col-lg-12 text-center">
<div class="zic-img">
<div class="img-zic">
<img src="digital-corporate/img/ziczac.png" alt="image">
</div>
<h5 class="response py-3 mb-0 text-capitalize">Lorem Ipsum Dolor Sit Amet</h5>
<h2 class="text-capitalize">Mobile <span class="text-gradient">App</span> Design</h2>
</div>
</div>
</div>
<!--App deatil-->
<div class="row align-items-center text-center">
<div class="col-md-4 wow fadeInLeft">
<!--App deatil item-->
<div class="app-feature">
<i class="fa fa-gem" aria-hidden="true"></i>
<h4 class="mb-3 text-capitalize">Theme Options</h4>
<p class="set-91">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
<!--App deatil item-->
<div class="app-feature">
<i class="fa fa-edit" aria-hidden="true"></i>
<h4 class="mb-3 text-capitalize">Customization</h4>
<p class="set-91">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
</div>
<!--app slider-->
<div class="col-md-4 wow fadeInUp">
<!--app Image-->
<div class="app-image">
<img src="digital-corporate/img/iphone-img.png" alt="image">
<div id="app-slider" class="owl-carousel owl-theme">
<div class="item">
<img src="digital-corporate/img/iphone-slide1.jpg" alt="">
</div>
<div class="item">
<img src="digital-corporate/img/iphone-slide2.jpg" alt="">
</div>
<div class="item">
<img src="digital-corporate/img/iphone-slide3.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInRight">
<!--App deatil item-->
<div class="app-feature">
<i class="fa fa-code" aria-hidden="true"></i>
<h4 class="mb-3 text-capitalize">Powerful Code</h4>
<p class="set-91">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
<!--App deatil item-->
<div class="app-feature">
<i class="fa fa-file" aria-hidden="true"></i>
<h4 class="mb-3 text-capitalize">Documentation</h4>
<p class="set-91">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
</div>
</div>
</div>
</section>
<!--App Section End-->
<!--Parallex Sec-->
<section class="parallax parallaxie">
<div class="container">
<div class="row">
<div class="col-md-12 text-center wow fadeInRight">
<div class="row justify-content-center justify-content-md-start flex-column flex-md-row">
<div class="col-md-12 col-lg-3 pt-4 text-center text-lg-left mb-4 mb-lg-0 parallax-padding">
<h3 class="text-white head-25 text-capitalize">Our Many Years <span class="text-white text-capitalize">Of Experience</span></h3>
<p class="text-white max-220 mt-20 margin-991 mx-auto ml-lg-0 opacity-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit viverra ultrices.</p>
<a href="#" class="btn btn-green btn-large btn-rounded text-capitalize">Read More</a>
</div>
<div class="col-md-4 col-lg-3 two d-flex justify-content-center flex-column white-color flip mb-4 mb-md-0 mx-auto">
<div class="front">
<div class="icon-block">
<div class="counter-item">
<div class="counter-icon">
<i class="lni-check-mark-circle"></i>
</div>
</div>
<div class="counters">
<h3 class="text-capitalize"><span class="count_nums num-scrolling text-white" data-to="9500" data-speed="2500">3785</span><span class="text-white plus-icon">+</span></h3>
</div>
<p class="num-counts mt-10 text-white text-capitalize">Project Completed</p>
</div>
</div>
<div class="back">
<div class="icon-block">
<div class="counter-item">
<div class="counter-icon">
<i class="lni-check-mark-circle"></i>
</div>
</div>
<div class="counters">
<h3 class="text-capitalize"><span class="count_nums num-scrolling text-white" data-to="9500" data-speed="2500">3785</span><span class="text-white plus-icon">+</span></h3>
</div>
<p class="num-counts mt-10 text-white text-capitalize">Project Completed</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3 two d-flex justify-content-center flex-column white-color flip mb-4 mb-md-0 mx-auto">
<div class="front">
<div class="icon-block">
<div class="counter-item">
<div class="counter-icon">
<i class="lni-emoji-smile"></i>
</div>
</div>
<div class="counters">
<h3 class="text-capitalize"><span class="count_nums num-scrolling text-white" data-to="9500" data-speed="2500">9800</span><span class="text-white plus-icon">+</span></h3>
</div>
<p class="num-counts mt-10 text-white text-capitalize">Satisified Customers</p>
</div>
</div>
<div class="back">
<div class="icon-block">
<div class="counter-item">
<div class="counter-icon">
<i class="lni-emoji-smile"></i>
</div>
</div>
<div class="counters">
<h3 class="text-capitalize"><span class="count_nums num-scrolling text-white" data-to="9500" data-speed="2500">9800</span><span class="text-white plus-icon">+</span></h3>
</div>
<p class="num-counts mt-10 text-white text-capitalize">Satisified Customers</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3 px-0 mx-3 two d-flex justify-content-center flex-column white-color flip mx-auto">
<div class="front">
<div class="icon-block">
<div class="counter-item">
<div class="counter-icon">
<i class="lni-certificate"></i>
</div>
</div>
<div class="counters">
<h3 class="text-capitalize"><span class="count_nums num-scrolling text-white" data-to="9500" data-speed="2500">1052</span><span class="text-white plus-icon">+</span></h3>
</div>
<p class="num-counts mt-10 text-white text-capitalize">Award Receiver</p>
</div>
</div>
<div class="back">
<div class="icon-block">
<div class="counter-item">
<div class="counter-icon">
<i class="lni-certificate"></i>
</div>
</div>
<div class="counters">
<h3 class="text-capitalize"><span class="count_nums num-scrolling text-white" data-to="9500" data-speed="2500">1052</span><span class="text-white plus-icon">+</span></h3>
</div>
<p class="num-counts mt-10 text-white text-capitalize">Award Receiver</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Parallaex Sec-->
<!--Booking sec-->
<section class="">
<div class="container">
<div class="row">
<div class="book-img-width">
<img src="digital-corporate/img/menu-img1.png" class="agency-img2-before wow rollIn" data-wow-delay="300ms" alt="image">
</div>
<div class="book-img-width2">
<img src="digital-corporate/img/menu-img2.png" class="agency-img2-after wow rotateInDownRight" data-wow-delay="300ms" alt="image">
</div>
<div class="col-lg-12 text-center">
<div class="zic-img">
<div class="img-zic">
<img src="digital-corporate/img/ziczac.png" alt="image">
</div>
<h5 class="response my-3 mb-0">Have An Event?</h5>
<h2 class="text-capitalize mb-20">Book <span class="text-gradient text-capitalize">Megaone</span> Now</h2>
<p class="booking-para mt-4">One stop place for you to lorem ipsum dolor sit amet consectuere asep adispiscing set diam like heaven one stop place for you to lorem ipsum dolor sit amet consectuere adispiscing,</P>
<a href="#contact" class="btn btn-green btn-large btn-rounded mt-50 scroll text-capitalize">Book Now</a>
</div>
</div>
</div>
</div>
</section>
<!--End Booking-->
<!--Gallery-->
<section class="gallery portfolio-three pb-0 bg-light" id="booking">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 text-center mb-50">
<div class="zic-img">
<div class="img-zic">
<img src="digital-corporate/img/ziczac2.png" alt="image">
</div>
<h5 class="response my-3 mb-0 text-capitalize">Our Creative Portfolio </h5>
<h2 class="text-capitalize text-gradient text-capitalize">Recent Projects</h2>
</div>
</div>
</div>
<div class="row m-0">
<!-- gallery item -->
<div class="col-md-2 items web">
<div class="item-img">
<a href="digital-corporate/img/gallery-img1.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img1.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-8 items web">
<div class="item-img">
<a href="digital-corporate/img/gallery-img2.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img2.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-2 items web">
<div class="item-img">
<a href="digital-corporate/img/gallery-img3.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img3.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic brand">
<div class="item-img">
<a href="digital-corporate/img/gallery-img4.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img4.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items brand">
<div class="item-img">
<a href="digital-corporate/img/gallery-img5.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img5.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic">
<div class="item-img">
<a href="digital-corporate/img/gallery-img6.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img6.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic">
<div class="item-img">
<a href="digital-corporate/img/gallery-img7.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img7.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic">
<div class="item-img">
<a href="digital-corporate/img/gallery-img8.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img8.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic">
<div class="item-img">
<a href="digital-corporate/img/gallery-img9.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img9.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic">
<div class="item-img">
<a href="digital-corporate/img/gallery-img10.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img10.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
<!-- gallery item -->
<div class="col-md-3 items graphic">
<div class="item-img">
<a href="digital-corporate/img/gallery-img11.jpg" data-fancybox="images">
<img src="digital-corporate/img/gallery-img11.jpg" alt="image">
<div class="item-img-overlay valign">
<div class="overlay-info text-center">
<span class="dinner-hover mb-3 gradient-bg1"><i class="lni-plus"></i></span>
<h5 class="text-white text-capitalize">Gallery</h5>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!--End Gallery-->
<!--Mega Deal-->
<section class="mega-deal" id="deal">
<div class="container">
<div class="row position-relative">
<div class="col-12 text-center d-block m-auto">
<div class="zic-img">
<div class="img-zic">
<img src="digital-corporate/img/ziczac2.png" alt="image">
</div>
<h5 class="response my-3 mb-0 text-capitalize">Lorem Ipsum Dolor Sit Amet</h5>
<h2 class="text-capitalize text-gradient mb-50 text-capitalize">Watch Our Story</h2>
</div>
<div class="row">
<div id="deal-slider" class="owl-carousel owl-theme">
<div class="item item-deal">
<!--Deal Item-->
<div class="mega-deal-item">
<!--Deal Img-->
<div class="deal-img">
<img src="digital-corporate/img/deal-img1.jpg" alt="image">
</div>
</div>
<!--Deal Text-->
<p class="deal-text feature-para text-left mt-40 mb-20 text-capitalize">Fresh Plant</p>
<p class="text-left deal-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<!--Deal Price-->
</div>
<div class="item item-deal">
<!--Deal Item-->
<div class="mega-deal-item">
<!--Deal Img-->
<div class="deal-img">
<img src="digital-corporate/img/deal-img2.jpg" alt="image">
</div>
</div>
<!--Deal Text-->
<p class="deal-text feature-para text-left mt-40 mb-20 text-capitalize">Snow Beach</p>
<p class="text-left deal-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<!--Deal Price-->
</div>
<div class="item item-deal">
<!--Deal Item-->
<div class="mega-deal-item">
<!--Deal Img-->
<div class="deal-img">
<img src="digital-corporate/img/deal-img3.jpg" alt="image">
</div>
</div>
<!--Deal Text-->
<p class="deal-text feature-para text-left mt-40 mb-20 text-capitalize">Classi Interior</p>
<p class="text-left deal-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<!--Deal Price-->
</div>
<div class="item item-deal">
<!--Deal Item-->
<div class="mega-deal-item">
<!--Deal Img-->
<div class="deal-img">
<img src="digital-corporate/img/deal-img1.jpg" alt="image">
</div>
</div>
<!--Deal Text-->
<p class="deal-text feature-para text-left mt-40 mb-20 text-capitalize">Fresh Plant</p>
<p class="text-left deal-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<!--Deal Price-->
</div>
<div class="item item-deal">
<!--Deal Item-->
<div class="mega-deal-item">
<!--Deal Img-->
<div class="deal-img">
<img src="digital-corporate/img/deal-img2.jpg" alt="image">
</div>
</div>
<!--Deal Text-->
<p class="deal-text feature-para text-left mt-40 mb-20 text-capitalize">Snow Beach</p>
<p class="text-left deal-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<!--Deal Price-->
</div>
<div class="item item-deal">
<!--Deal Item-->
<div class="mega-deal-item">
<!--Deal Img-->
<div class="deal-img">
<img src="digital-corporate/img/deal-img3.jpg" alt="image">
</div>
</div>
<!--Deal Text-->
<p class="deal-text feature-para text-left mt-40 mb-20 text-capitalize">Classi Beach</p>
<p class="text-left deal-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<!--Deal Price-->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Mega Deal-->
<!--Testimonial-->
<section id="client" class="testimonial parallax parallaxie">
<div class="container">
<div class="row">
<div class="col-md-12">
<!--Testimonials with background 02-->
<div class="feedback-slides">
<div class="client-thumbnails">
<div>
<div class="item">
<div class="img-fill"><img src="digital-corporate/img/testimonial-1.jpg" alt="client"></div>
<div class="title">
<h3 class="text-gradient text-center mt-30 font-weight-600 text-capitalize">John Terry</h3>
<p class="text-white text-center pt-10 testi-heading text-capitalize">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="digital-corporate/img/testimonial-2.jpg" alt="client"></div>
<div class="title">
<h3 class="text-gradient text-center mt-30 font-weight-600 text-capitalize">Jessica Miller</h3>
<p class="text-white text-center pt-10 testi-heading text-capitalize">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="digital-corporate/img/testimonial-3.jpg" alt="client"></div>
<div class="title">
<h3 class="text-gradient text-center mt-30 font-weight-600 text-capitalize">David Muller</h3>
<p class="text-white text-center pt-10 testi-heading text-capitalize">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="digital-corporate/img/testimonial-2.jpg" alt="client"></div>
<div class="title">
<h3 class="text-gradient text-center mt-30 font-weight-600 text-capitalize">Jessica Miller</h3>
<p class="text-white text-center pt-10 testi-heading text-capitalize">New York City</p>
</div>
</div>
</div>
</div>
<div class="client-feedback">
<div>
<div class="item">
<div class="single-feedback">
<p class="text-white opacity-7">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p class="text-white opacity-7">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p class="text-white opacity-7">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p class="text-white opacity-7">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
</div>
</div>
</div>
<!--Testimonials with background ends-->
</div>
</div>
</div>
</section>
<!--End Testimonial-->
<!--Blog-->
<section class="our-blog" id="blog">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center mb-50">
<div class="zic-img">
<div class="img-zic">
<img src="digital-corporate/img/ziczac.png" alt="image">
</div>
<h5 class="response my-3 mb-0 text-capitalize">Read The News</h5>
<h2 class="text-capitalize mb-20 blog-h2">Read <span class="text-gradient text-capitalize">Megaone’s</span> Blogs</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8">
<div class="blog-img">
<div class="img-blog">
<img src="digital-corporate/img/blog-img1.jpg" alt="blog1">
</div>
<div class="pt-20 pb-10">
<a href="digital-corporate/blog.html" class="blog-para grey text-capitalize">Pellentesque Euismod</a>
</div>
<p class="blog-width">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
<a href="digital-corporate/blog.html" class="green text-uppercase blog-btn d-inline-block">read more<i class="lni-angle-double-right angle-right"></i></a>
</div>
</div>
<div class="col-lg-4 pl-25">
<div class="blog-img">
<div class="img-blog">
<img src="digital-corporate/img/blog-img2.jpg" alt="blog2">
</div>
<div class="blog-taste pt-20 pb-20">
<a href="digital-corporate/blog.html" class="blog-para grey text-capitalize">Proin Condimentum</a>
</div>
<a href="digital-corporate/blog.html" class="green text-uppercase blog-btn d-inline-block">read more<i class="lni-angle-double-right angle-right"></i></a>
</div>
<div class="blog-img mt-30">
<div class="img-blog">
<img src="digital-corporate/img/blog-img3.jpg" alt="blog3">
</div>
<div class="blog-taste2 pt-20 pb-20">
<a href="digital-corporate/blog.html" class="blog-para grey text-capitalize">Donec Dapibus</a>
</div>
<div class="blog-btn2">
<a href="digital-corporate/blog.html" class="text-uppercase blog-btn btn-hvr-green pb-0 d-inline-block">read more<i class="lni-angle-double-right angle-right2"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Blog-->
<!--Contact Section-->
<div id="google-map" class="bg-light map">
</div>
<section class="contact-us bg-light" id="contact">
<div class="container">
<div class="row pb-0">
<div class="col-md-6">
<div class="contact">
<h2 class="text-capitalize mb-30">Contact <span class="text-gradient text-capitalize"> Megaone</span></h2>
<div class="icon-flex">
<p class="contact-detail maxi mb-3"><i class="fa fa-home contact-icon"></i><span> 379 5th Ave New York, United States.</span></p>
</div>
<p class="contact-detail text-capitalize"><i class="fa fa-clock contact-icon"></i><span> Monday-Friday: 9:00am-6:00pm</span></p>
<p class="contact-detail"><i class="fa fa-envelope-open contact-icon"></i><span> example@website.com</span></p>
<p class="contact-detail"><i class="fa fa-phone contact-icon"></i><span> +1-23-456789</span></p>
</div>
</div>
<div class="col-md-6">
<div class="book-table">
<h2 class="table-booking mb-30 text-capitalize">Request a <span class="text-gradient text-capitalize"> Quote</span></h2>
</div>
<form class="contact-form" id="contact-form-data">
<div class="row">
<div class="col-sm-12" id="result"></div>
<div class="col-md-6 mb-3">
<input type="text" name="firstName" class=" form-control m-mb-20" placeholder="Name:">
</div>
<div class="col-md-6 mb-3">
<input type="text" name="lastName" class=" form-control m-mb-20" placeholder="Last Name:">
</div>
<div class="col-md-6 mb-3">
<div class="position-relative m-mb-20">
<input type="text" name="userEmail" id="my-date" placeholder="Email:" class=" form-control">
</div>
</div>
<div class="col-md-6 mb-3">
<div class="position-relative mb-20">
<input type="text" name="userPhone" placeholder="Phone:" class=" form-control">
</div>
</div>
<div class="col-md-12 text-center text-md-left">
<button type="button" class="btn btn-green btn-large btn-rounded d-inline-block text-capitalize contact_btn">Contact Now</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--End Contact Section-->
<!--Footer-->
<footer class="footer-sec">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="footer-logo">
<div class="logo-max">
<a href="#home" class="logo link" title="logo">
<img src="digital-corporate/img/logo.png" alt="logo" title="Logo" class="logo-default">
</a>
</div>
<p class="footer-width pt-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<div class="col-md-6 col-sm-12 justify-content-end d-flex">
<div class="footer-para">
<div class="contact-social-icon pb-20">
<ul class="social-icons mb-0">
<li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
<li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
<li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
</ul>
</div>
<p class="copyright-para text-capitalize">© 2020 Megaone. Made With Love By <a href="javascript:void(0);" class="grey text-capitalize"> Themesindustry</a></p>
</div>
</div>
</div>
</div>
</footer>
<!--End Footer-->
<!--G0 Top-->
<div class="go-top"><i class="fas fa-chevron-up"></i><i class="fas fa-chevron-up"></i></div>
<!--End Go Top-->
</div>
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/flip.js"></script>
<script src="vendor/js/jquery-ui.bundle.js"></script>
<script src="vendor/js/select2.min.js"></script>
<script src="vendor/js/jquery.hoverdir.js"></script>
<script src="vendor/js/hover-item.js"></script>
<script src="vendor/js/slick.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>
<!-- custom script -->
<script src="http://maps.google.com/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
<script src="digital-corporate/js/map.js"></script>
<script src="vendor/js/contact_us.js"></script>
<script src="digital-corporate/js/script.js"></script>
</body>
</html>