?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Author -->
<meta name="author" content="Themesindustry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Corporate | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="corporate/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<!-- Plugin 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">
<!-- Style Sheet -->
<link rel="stylesheet" href="corporate/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!--Loader Start-->
<div class="loader">
<div class="loader-inner">
<div class="spinner">
<div class="dot1"></div>
<div class="dot2"></div>
</div>
</div>
</div>
<!--Loader End-->
<!--header Start-->
<header class="header-with-top">
<!--header top-->
<div class="top-header-area bg-dark text-white alt-font">
<div class="container">
<div class="row">
<div class="col-6">
<div class="address text-left">
+1 234 888 9876 ( 9AM - 5PM GST )
</div>
</div>
<div class="col-6">
<ul class="header-social text-right">
<li><a href="javascript:void(0);" class="facebook-text-hvr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="twitter-text-hvr"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="instagram-text-hvr"><i class="fab fa-instagram"></i></a></li>
<li><a href="javascript:void(0);" class="pinterest-text-hvr"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!--Navigation-->
<nav class="navbar navbar-expand-lg navbar-static">
<div class="container">
<a href="#home" title="Logo" class="logo scroll">
<img src="corporate/img/logo-black.png" class="logo-dark default" alt="logo">
</a>
<button class="sidemenu-button d-lg-none" type="button" data-toggle="collapse" data-target="#ntg" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="sidemenu-toggler"></span>
<span class="sidemenu-toggler"></span>
<span class="sidemenu-toggler"></span>
</button>
<div class="collapse navbar-collapse justify-content-between align-items-center" id="ntg">
<ul class="navbar-nav mx-auto alt-font">
<li class="nav-item">
<a class="nav-link scroll active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services">Our Services</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Latest News</a>
</li>
</ul>
<a href="#contact" class="btn btn-nav scroll">Let's Get In Touch</a>
</div>
</div>
</nav>
</header>
<!--header End-->
<!--Slider Start-->
<section id="home" class="home">
<div id="rev_slider_22_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="ntg_slider1" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullwidth mode -->
<div id="rev_slider_22_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.8.1">
<ul> <!-- SLIDE -->
<li data-index="rs-95" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" 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="corporate/img/slider-slide1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<div class="bg-overlay bg-black opacity-5"></div>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','-1','-1']"
data-y="['middle','middle','middle','middle']" data-voffset="['-65','-65','-65','-65']"
data-fontsize="['70','70','55','40']"
data-lineheight="['75','75','60','60']"
data-width="['1000','1000','600','450']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":330,"speed":1490,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":310,"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; min-width: 1000px; max-width: 1000px; white-space: nowrap; font-size: 70px; line-height: 75px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family: 'UbuntuTitling', Arial, sans-serif;">WE LOVE WEB DESIGN </div>
<!-- LAYER NR. 2 -->
<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="['0','0','-11','-11']"
data-fontsize="['20','20','18','16']"
data-width="['800','800','600','450']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1430,"speed":1490,"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":310,"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; min-width: 800px; max-width: 800px; white-space: normal; font-size: 18px; line-height: 20px; font-weight: 300; color: #ffffff; letter-spacing: 1px;font-family: 'Ubuntu', sans-serif;">Creativity And Productivity Reaches At Peak Here</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','top','middle','middle']" data-voffset="['69','370','50','70']"
data-width="['801','801','600','450']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":2570,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":310,"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; "><a class="btn btn-large btn-blue mr-3 btn-hvr-white" href="javascript:void(0);">START FREE TRIAL NOW</a><a class="btn btn-large btn-green btn-hvr-white" href="javascript:void(0);">GET STARTED NOW</a></div>
</li>
<!-- SLIDE -->
<li data-index="rs-96" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" 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="corporate/img/slider-slide2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<div class="bg-overlay bg-black opacity-5"></div>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','-1','-1']"
data-y="['middle','middle','middle','middle']" data-voffset="['-65','-65','-65','-65']"
data-fontsize="['70','70','55','40']"
data-lineheight="['75','75','60','60']"
data-width="['1000','1000','600','450']"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":330,"speed":1490,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":310,"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; min-width: 1000px; max-width: 1000px; white-space: nowrap; font-size: 70px; line-height: 75px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family: 'UbuntuTitling', Arial, sans-serif;">WE LOVE WEB DESIGN </div>
<!-- LAYER NR. 2 -->
<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="['0','0','-11','-11']"
data-fontsize="['20','20','18','16']"
data-width="['800','800','600','450']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1430,"speed":1490,"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":310,"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; min-width: 800px; max-width: 800px; white-space: normal; font-size: 18px; line-height: 20px; font-weight: 300; color: #ffffff; letter-spacing: 1px;font-family: 'Ubuntu', sans-serif;">Creativity And Productivity Reaches At Peak Here</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','top','middle','middle']" data-voffset="['69','370','50','70']"
data-width="['801','801','600','450']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":2570,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":310,"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; "><a class="btn btn-large btn-blue mr-3 btn-hvr-white" href="javascript:void(0);">START FREE TRIAL NOW</a><a class="btn btn-large btn-green btn-hvr-white" href="javascript:void(0);">GET STARTED NOW</a></div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
</div><!-- END REVOLUTION SLIDER -->
</section>
<!--Slider End-->
<!--About Start-->
<section id="about" class="about-top pt-lg-0">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-4 col-md-12">
<!--Heading-->
<div class="title mb-md-0">
<h2>The Ultimate Theme
For A <span class="main-color">Wonderful</span> And
<span class="main-color">Creative</span> Website</h2>
<!--Button-->
<a href="javascript:void(0);" class="btn btn-large btn-green mt-4 mb-5">GET STARTED NOW</a>
</div>
</div>
<div class="col-lg-8 col-md-12">
<ul class="feature-box">
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-globe-asia main-color" aria-hidden="true"></i>
<h4 class="mb-3">Website Design</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-cloud main-color" aria-hidden="true"></i>
<h4 class="mb-3">Cloud Infrastructure</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-user-cog main-color" aria-hidden="true"></i>
<h4 class="mb-3">Technical Support</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-battery-half main-color" aria-hidden="true"></i>
<h4 class="mb-3">Application Design</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!--About End-->
<!--Parallax Start-->
<section id="services" class="parallax-content p-0 bg-img1">
<!--Half Image-->
<div class="half-right">
<img src="corporate/img/half-img1.jpg" alt="image" class="equalheight">
</div>
<div class="container">
<div class="row">
<div class="col-lg-12 wow fadeInLeft">
<div class="content-box equalheight center-block">
<!--Heading-->
<div class="title">
<h5 class="mb-3 text-white">Conversion analytics and insights </h5>
<h2 class="text-white">We empower your organization
by creating beautiful websites </h2>
<ul class="content-list alt-font text-white">
<li><i class="fas fa-check"></i> The most intuitive drag and drop builder</li>
<li><i class="fas fa-check"></i> Target each campaing to the right users</li>
<li><i class="fas fa-check"></i> Learn and optimize with A/B testing</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Parallax End-->
<!--Portfolio Start-->
<section id="portfolio" class="portfolio1 no-transition pb-0 text-center">
<div class="container">
<div class="row wow fadeIn">
<!--title-->
<div class="col-md-12">
<!--Heading-->
<div class="title">
<h2>World Class Portfolio</h2>
<!--Portfolio Filters-->
<div id="js-filters-mosaic-flat" class="cbp-l-filters-button alt-font">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
<span class="text-blue">/</span>
<div data-filter=".graphic" class="cbp-filter-item">Graphic Design</div>
<span class="text-blue"> / </span>
<div data-filter=".web-design" class="cbp-filter-item">Web design</div>
<span class="text-blue"> / </span>
<div data-filter=".seo" class="cbp-filter-item">SEO</div>
<span class="text-blue"> / </span>
<div data-filter=".marketing" class="cbp-filter-item">Marketing</div>
</div>
<!--Portfolio Items-->
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
<!-- Item -->
<div class="cbp-item graphic">
<a href="corporate/img/port-1.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="corporate/img/port-1.jpg" alt="port-1">
</div>
<div class="cbp-caption-activeWrap">
<i class="fas fa-long-arrow-alt-right p-icon"></i>
<div class="port-content">
<p class="mb-1 main-color">Elegent | Images</p>
<h5>Latest Work</h5>
</div>
</div>
</a>
</div>
<!-- Item -->
<div class="cbp-item graphic marketing">
<a href="corporate/img/port-2.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="corporate/img/port-2.jpg" alt="port-1">
</div>
<div class="cbp-caption-activeWrap">
<i class="fas fa-long-arrow-alt-right p-icon"></i>
<div class="port-content">
<p class="mb-1 main-color">Elegent | Images</p>
<h5>Latest Work</h5>
</div>
</div>
</a>
</div>
<!-- Item -->
<div class="cbp-item web-design marketing graphic">
<a href="corporate/img/port-3.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="corporate/img/port-3.jpg" alt="port-1">
</div>
<div class="cbp-caption-activeWrap">
<i class="fas fa-long-arrow-alt-right p-icon"></i>
<div class="port-content">
<p class="mb-1 main-color">Elegent | Images</p>
<h5>Latest Work</h5>
</div>
</div>
</a>
</div>
<!-- Item -->
<div class="cbp-item seo web-design">
<a href="corporate/img/port-4.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="corporate/img/port-4.jpg" alt="port-1">
</div>
<div class="cbp-caption-activeWrap">
<i class="fas fa-long-arrow-alt-right p-icon"></i>
<div class="port-content">
<p class="mb-1 main-color">Elegent | Images</p>
<h5>Latest Work</h5>
</div>
</div>
</a>
</div>
<!-- Item -->
<div class="cbp-item web-design seo">
<a href="corporate/img/port-5.jpg" class="cbp-caption cbp-lightbox">
<div class="cbp-caption-defaultWrap">
<img src="corporate/img/port-5.jpg" alt="port-1">
</div>
<div class="cbp-caption-activeWrap">
<i class="fas fa-long-arrow-alt-right p-icon"></i>
<div class="port-content">
<p class="mb-1 main-color">Elegent | Images</p>
<h5>Latest Work</h5>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!--portfolio-->
<div class="col-md-12 p-0">
</div>
</div>
</div>
</section>
<!--Portfolio End-->
<!--Counter Start-->
<section class="counters">
<div class="container">
<div class="row">
<!--counter item-->
<div class="col-lg-3 col-sm-6 mb-3 mb-lg-0">
<div class="counter-item bg-blue">
<i class="fas fa-users"></i>
<h2 class="text-white"><span class="count">820</span>+</h2>
<p class="text-white">Happy Client</p>
</div>
</div>
<!--counter item-->
<div class="col-lg-3 col-sm-6 mb-3 mb-sm-0">
<div class="counter-item bg-blue">
<i class="fas fa-layer-group"></i>
<h2 class="text-white"><span class="count">6200</span>+</h2>
<p class="text-white">Carried out Training</p>
</div>
</div>
<!--counter item-->
<div class="col-lg-3 col-sm-6 mb-3 mb-sm-0">
<div class="counter-item bg-blue">
<i class="fas fa-list-ul"></i>
<h2 class="text-white"><span class="count">500</span>+</h2>
<p class="text-white">Completed Consultations</p>
</div>
</div>
<!--counter item-->
<div class="col-lg-3 col-sm-6">
<div class="counter-item bg-blue">
<i class="fas fa-trophy"></i>
<h2 class="text-white"><span class="count">25</span>+</h2>
<p class="text-white">Digital Awards</p>
</div>
</div>
</div>
</div>
</section>
<!--Counter End-->
<!--Parallax Start-->
<section class="parallax bg-img2">
<div class="bg-overlay bg-black opacity-4"></div>
<div class="container">
<div class="row wow zoomIn">
<div class="col-md-12">
<div class="parallax-text">
<h5 class="mb-3 text-white">Let discuss the project</h5>
<h2 class="text-white">Drop us a word and we will get back to you with
a no-obligatory quotation of your project.</h2>
</div>
</div>
</div>
</div>
</section>
<!--Parallax End-->
<!--price-->
<section id="price" class="price text-center">
<div class="container">
<div class="row mb-3">
<div class="col-sm-12">
<!--Heading-->
<div class="title mb-5">
<h5 class="mb-2">Select the best available packages</h5>
<h2>Simple, Affordable Pricing </h2>
</div>
</div>
</div>
<div class="row wow fadeInUp">
<div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
<div class="price-item">
<h2 class="font-weight-bold alt-font mb-1">$39 <span class="period">/ month</span></h2>
<h5 class="mb-3 alt-font font-weight-bold main-color">Starter Package</h5>
<p class="description">Simple informatino website suiteable for any startup or personal brand</p>
<ul class="p-0 price-list blue list-unstyled">
<li><i class="fas fa-check"></i>Unlmited Pages HTML Website</li>
<li><i class="fas fa-check"></i>Drag & Drop Page builder</li>
<li><i class="fas fa-check"></i>Optimized Content & Images</li>
<li><i class="fas fa-check"></i>Free Domain & Hosting</li>
<li><i class="fas fa-check"></i>Free Images Library</li>
</ul>
<a href="javascript:void(0)" class="btn btn-large btn-blue d-block mt-3">Get The Package Now</a>
</div>
</div>
<div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
<div class="price-item">
<h2 class="font-weight-bold alt-font mb-1">$79 <span class="period">/ month</span></h2>
<h5 class="mb-3 alt-font font-weight-bold alt-color">Professional Package</h5>
<p class="description">Simple informatino website suiteable for any startup or personal brand</p>
<ul class="p-0 price-list green list-unstyled">
<li><i class="fas fa-check"></i>Unlmited Pages HTML Website</li>
<li><i class="fas fa-check"></i>Drag & Drop Page builder</li>
<li><i class="fas fa-check"></i>Optimized Content & Images</li>
<li><i class="fas fa-check"></i>Free Domain & Hosting</li>
<li><i class="fas fa-check"></i>Free Images Library</li>
</ul>
<a href="javascript:void(0)" class="btn btn-large btn-green d-block mt-3">Get The Package Now</a>
</div>
</div>
<div class="col-lg-4 col-md-12 mb-0">
<div class="price-item">
<h2 class="font-weight-bold alt-font mb-1">$199 <span class="period">/ month</span></h2>
<h5 class="mb-3 alt-font font-weight-bold main-color">Ecommerce Package</h5>
<p class="description">Simple informatino website suiteable for any startup or personal brand</p>
<ul class="p-0 price-list blue list-unstyled">
<li><i class="fas fa-check"></i>Unlmited Pages HTML Website</li>
<li><i class="fas fa-check"></i>Drag & Drop Page builder</li>
<li><i class="fas fa-check"></i>Optimized Content & Images</li>
<li><i class="fas fa-check"></i>Free Domain & Hosting</li>
<li><i class="fas fa-check"></i>Free Images Library</li>
</ul>
<a href="javascript:void(0)" class="btn btn-large btn-blue d-block mt-3">Get The Package Now</a>
</div>
</div>
</div>
</div>
</section>
<!--price end-->
<!--Contact Start-->
<section id="contact" class="parallax-content bg-img1">
<div class="container">
<div class="row align-items-md-center">
<div class="col-lg-8">
<!--Heading-->
<div class="title">
<h5 class="mb-3 text-white">Let discuss the project</h5>
<h2 class="text-white">Drop us a word and we will get back to you
with a no-obligatory quotation of your
project.</h2>
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci felis, feugiat in aliquam eu,
dictum in arcu. Sed vel cursus lectus, quis placerat ipsum. Integer nec diam vel nunc.</p>
</div>
</div>
<div class="col-lg-4 wow fadeInRight">
<!--Contact Form-->
<form class="contact-form" id="contact-form-data">
<h4 class="mb-3">Get a free quote now</h4>
<div id="result"></div>
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" required="" id="your_name" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="email" placeholder="Email" required="" id="your_email" name="userEmail">
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Message" required="" id="message" name="userMessage"></textarea>
</div>
<!--Button-->
<a href="javascript:void(0);" id="submit_btn" class="btn btn-large btn-green d-block mt-4 contact_btn">Send Message</a>
</form>
</div>
</div>
</div>
</section>
<!--Contact End-->
<!--Blog Start-->
<section id="blog" class="blog pb-0">
<div class="container">
<div class="row align-items-md-center wow fadeInUp">
<!--Blog Item-->
<div class="col-lg-3 col-md-6 col-sm-6 mb-4 mb-lg-0">
<div class="blog-item">
<div class="blog-img">
<img src="corporate/img/blog-list1.jpg" alt="image">
</div>
<div class="blog-content">
<h4 class="mb-3">Black and White</h4>
<p class="mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis.</p>
<a class="font-weight-bold alt-font" target="_blank" href="corporate/blog-details.html">Learn More</a>
</div>
</div>
</div>
<!--Blog Item-->
<div class="col-lg-3 col-md-6 col-sm-6 mb-4 mb-lg-0">
<div class="blog-item">
<div class="blog-img">
<img src="corporate/img/blog-list2.jpg" alt="image">
</div>
<div class="blog-content">
<h4 class="mb-3">Design Strategies</h4>
<p class="mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis.</p>
<a class="font-weight-bold alt-font" target="_blank" href="corporate/blog-details.html">Learn More</a>
</div>
</div>
</div>
<!--Blog Item-->
<div class="col-lg-3 col-md-6 col-sm-6 mb-4 mb-md-0">
<div class="blog-item">
<div class="blog-img">
<img src="corporate/img/blog-list3.jpg" alt="image">
</div>
<div class="blog-content">
<h4 class="mb-3">Elegance at Peak</h4>
<p class="mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis.</p>
<a class="font-weight-bold alt-font" target="_blank" href="corporate/blog-details.html">Learn More</a>
</div>
</div>
</div>
<!--Blog Item-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="blog-item">
<div class="blog-img">
<img src="corporate/img/blog-list4.jpg" alt="image">
</div>
<div class="blog-content">
<h4 class="mb-3">Art and Fashion</h4>
<p class="mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis.</p>
<a class="font-weight-bold alt-font" target="_blank" href="corporate/blog-details.html">Learn More</a>
</div>
</div>
</div>
</div>
<div class="text-center mt-md-5 pt-md-4">
<a target="_blank" href="corporate/blog-list.html" class="btn btn-large btn-green mt-5">Read More Articles</a>
</div>
</div>
</section>
<!--Blog End-->
<!--Clients Start-->
<section class="clients">
<div class="container">
<div class="owl-testimonial owl-carousel owl-theme wow fadeIn">
<div class="testimonial-item item text-center">
<div class="testimonial-text mb-3"><p>Donec semper euismod nisi quis feugiat. Nullam finibus metus eget orci volutpat porta. Morbi quis arcu vulputate, dignissim mi ac, varius magna.</p></div>
<div class="testimonial-photo"><img src="corporate/img/testimonial-1.jpg" alt="image"></div>
<h5 class="text-capitalize mt-3 mb-0">Jhon Serifs</h5>
<p class="text-small mb-0">Executive Manager</p>
</div>
<div class="testimonial-item item text-center">
<div class="testimonial-text mb-3"><p>Donec semper euismod nisi quis feugiat. Nullam finibus metus eget orci volutpat porta. Morbi quis arcu vulputate, dignissim mi ac, varius magna.</p></div>
<div class="testimonial-photo"><img src="corporate/img/testimonial-2.jpg" alt="image"></div>
<h5 class="text-capitalize mt-3 mb-0">Teena Walkin</h5>
<p class="text-small mb-0">Executive Manager</p>
</div>
<div class="testimonial-item item text-center">
<div class="testimonial-text mb-3"><p>Donec semper euismod nisi quis feugiat. Nullam finibus metus eget orci volutpat porta. Morbi quis arcu vulputate, dignissim mi ac, varius magna.</p></div>
<div class="testimonial-photo"><img src="corporate/img/testimonial-3.jpg" alt="image"></div>
<h5 class="text-capitalize mt-3 mb-0">Walk Hardy</h5>
<p class="text-small mb-0">Executive Manager</p>
</div>
</div>
</div>
</section>
<!--Clients End-->
<!--Footer Start-->
<footer class="footer-area section-padding">
<div class="container">
<div class="row text-md-left text-center">
<!--Column-->
<div class="col-lg-4 col-md-6">
<h3 class="mb-3 text-white">Company</h3>
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br>
Donec orci felis, feugiat in aliquam eu, dictum in arcu. Sed vel cursus lectus,
<br><br>
quis placerat ipsum. Integer nec diam vel nunc.</p>
</div>
<!--Column-->
<div class="col-lg-4 col-md-6 mt-4 mt-md-0">
<h3 class="mb-3 text-white">Services And Legal</h3>
<div class="footer-list">
<!--List-->
<ul class="mr-4">
<li><a href="javascript:void(0);">Web Desing</a></li>
<li><a href="javascript:void(0);">Photography</a></li>
<li><a href="javascript:void(0);">Corporate</a></li>
<li><a href="javascript:void(0);">Advertisement</a></li>
<li><a href="javascript:void(0);">Application Design</a></li>
</ul>
<!--List-->
<ul>
<li><a href="javascript:void(0);">Company Terms</a></li>
<li><a href="javascript:void(0);">Privacy Policy</a></li>
<li><a href="javascript:void(0);">Refund Policy</a></li>
<li><a href="javascript:void(0);">GDPR Comliance</a></li>
<li><a href="javascript:void(0);">Contact Legal</a></li>
</ul>
</div>
</div>
<!--Column-->
<div class="col-lg-4 col-md-12 mt-4 mt-lg-0">
<h3 class="mb-3 text-white">We Are Social</h3>
<ul class="footer-icon">
<li><a href="javascript:void(0);" class="facebook-text-hvr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="twitter-text-hvr"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="instagram-text-hvr"><i class="fab fa-instagram"></i></a></li>
<li><a href="javascript:void(0);" class="pinterest-text-hvr"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="javascript:void(0);" class="linkedin-text-hvr"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="google-text-hvr"><i class="fab fa-google-plus-g"></i></a></li>
</ul>
<h6 class="text-white mb-3">Ocassionally hear from us</h6>
<label class="input-group footer-mail">
<input type="email" class="form-control" placeholder="Enter Email Address">
<button class="btn btn-medium btn-green btn-hvr-white" type="submit">YES I'M IN</button>
</label>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- 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/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.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>
<!--contact form-->
<script src="vendor/js/contact_us.js"></script>
<!-- google map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="corporate/js/map.js"></script>
<!-- custom script -->
<script src="corporate/js/script.js"></script>
</body>
</html>