?
áEÓê¤ÎïLwebshll2019
<!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="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>Agency | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="agency/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/swiper.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="agency/css/style.css" rel="stylesheet">
</head>
<body data-offset="90" data-spy="scroll" data-target=".navbar">
<!-- Preloader -->
<div class="preloader">
<div class="box"></div>
</div>
<!-- Ink Transition -->
<div class="cd-transition-layer visible opening">
<div class="bg-layer"></div>
</div>
<!--/Preloader -->
<!--Header Start-->
<header class="cursor-light">
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-gradient nav-icon alt-font">
<div class="container">
<a class="logo link scroll" href="javascript:void(0)" title="Logo">
<!--Logo Default-->
<img alt="logo" class="logo-dark default" src="agency/img/logo-white.png">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="agency">
<div class="navbar-nav ml-auto">
<a class="nav-link link scroll active" href="#home">Home</a>
<a class="nav-link link scroll" href="#about-us">About Us</a>
<a class="nav-link link scroll" href="#portfolio">Our Work</a>
<a class="nav-link link scroll" href="#clients">Clients</a>
<a class="nav-link link scroll" href="#blog">Our Blog</a>
<a class="nav-link link scroll" href="#contact">Contact Us</a>
<span class="menu-line"><i aria-hidden="true" class="fa fa-angle-down"></i></span>
</div>
<a class="btn btn-medium btn-rounded btn-transparent-white btn-hvr-white ml-3" data-animation-duration="500" data-fancybox data-src="#animatedModal"
href="javascript:void(0);">Get A Quote
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
<!--Menu Button-->
<button class="fullnav-toggler link" id="full-menu-1" type="button">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</button>
<!--Slider Social-->
<div class="slider-social">
<ul class="list-unstyled">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i
aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i
aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i
aria-hidden="true" class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</nav>
<!--Full menu-->
<div class="nav-holder main style-2 alt-font">
<!--Menu Button-->
<button class="fullnav-close link" type="button">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</button>
<div class="container">
<div class="shape-left">
<nav class="navbar full-menu-navigation left">
<ul class="list-unstyled">
<li><a class="link scroll" href="#home">
<span class="anchor-circle"></span>
<span class="anchor-text">Home</span>
</a></li>
<li><a class="link scroll" href="#about-us">
<span class="anchor-circle"></span>
<span class="anchor-text">About</span>
</a></li>
<li><a class="link scroll" href="#portfolio">
<span class="anchor-circle"></span>
<span class="anchor-text">Work</span>
</a></li>
<li><a class="link scroll" href="#clients">
<span class="anchor-circle"></span>
<span class="anchor-text">Clients</span>
</a></li>
<li><a class="link scroll" href="#blog">
<span class="anchor-circle"></span>
<span class="anchor-text">Blog</span>
</a></li>
<li><a class="link scroll" href="#contact">
<span class="anchor-circle"></span>
<span class="anchor-text">Contact</span>
</a></li>
</ul>
<span class="full-menu-dot" style="transform: scale(0);"></span>
</nav>
<img alt="shape" src="agency/img/shape-8.png">
</div>
<div class="shape-right">
<div class="full-menu-detail hide-cursor">
<h6 class="title">Press Contact</h6>
<p><i class="fas fa-user-alt"></i>David Warrior</p>
<p><i class="fas fa-mobile-alt"></i>+97 53 49 24 78 36</p>
<p><i class="fas fa-envelope"></i>contact@megaone.com</p>
</div>
<img alt="shape" src="agency/img/shape-7.png">
</div>
</div>
</div>
<!--Get Quote Model Popup-->
<div class="animated-modal hidden quote-content" id="animatedModal">
<!--Heading-->
<div class="heading-area pb-2 mx-570">
<span class="sub-title">We are megaone company</span>
<h2 class="title mt-2">Lets start your <span class="alt-color js-rotating">project, website</span></h2>
</div>
<!--Contact Form-->
<form class="contact-form" id="modal-contact-form-data">
<div class="row">
<!--Result-->
<div class="col-12" id="quote_result"></div>
<!--Left Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="quote_name" name="quoteName" placeholder="Name" required=""
type="text">
</div>
<div class="form-group">
<input class="form-control" id="quote_contact" name="userPhone" placeholder="Contact #" required=""
type="text">
</div>
<div class="form-group">
<input class="form-control" id="quote_type" name="projectType" placeholder="Project type" required=""
type="text">
</div>
</div>
<!--Right Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="quote_email" name="userEmail" placeholder="Email" required=""
type="email">
</div>
<div class="form-group">
<input class="form-control" id="quote_address" name="userAddress" placeholder="City / Country"
required="" type="text">
</div>
<div class="form-group">
<input class="form-control" id="quote_budget" name="quoteBudget" placeholder="Budget" required=""
type="text">
</div>
</div>
<!--Full Column-->
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" id="quote_message"
name="userMessage" placeholder="Please explain your project in detail."></textarea>
</div>
</div>
<!--Button-->
<div class="col-md-12">
<div class="form-check">
<label class="checkbox-lable">Contact by phone ins preffered
<input type="checkbox">
<span class="checkmark"></span>
</label>
</div>
<a class="btn btn-large btn-rounded btn-blue btn-hvr-pink modal_contact_btn" href="javascript:void(0);"
id="quote_submit_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i><b>Send Message</b>
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
</div>
</form>
</div>
</header>
<!--Header End-->
<!--Slider Start-->
<section class="p-0 no-transition cursor-light" id="home">
<h2 class="d-none">hidden</h2>
<div class="rev_slider_wrapper fullscreen-container" data-alias="megaone-agency-1" data-source="gallery"
id="rev_slider_17_1_wrapper" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div class="rev_slider fullscreenbanner" data-version="5.4.8.1" id="rev_slider_17_1" style="display:none;">
<ul> <!-- SLIDE -->
<li data-description="" data-easein="default" data-easeout="default" data-hideafterloop="0"
data-hideslideonmobile="off" data-index="rs-43" data-masterspeed="default" data-param1=""
data-param10="" data-param2="" data-param3="" data-param4="" data-param5=""
data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off"
data-slotamount="default" data-title="Slide" data-transition="fade">
<!--OVERLAY-->
<div class="gradient-bg1 bg-overlay"></div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
data-frames='[{"delay":220,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;rZ:339;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-height="none" data-hoffset="['-26','-26','83','83']"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-voffset="['98','98','60','60']"
data-whitespace="nowrap"
data-width="none"
data-x="['left','left','left','left']"
data-y="['bottom','bottom','bottom','bottom']"
id="slide-43-layer-5"
style="z-index: 7;">
<div class="rs-looped rs-slideloop" data-easing="" data-speed="5" data-xe="0" data-xs="0"
data-ye="15" data-ys="-15"><img alt="" data-hh="['87px','87px','87px','87px']"
data-no-retina
data-ww="['44px','44px','44px','44px']" src="agency/img/shape-6.png">
</div>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme"
data-basealign="slide"
data-frames='[{"delay":210,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;rZ:358;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-height="none"
data-hoffset="['700','700','700','530']" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-voffset="['148','148','148','148']"
data-whitespace="nowrap"
data-width="none"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-6"
style="z-index: 8;">
<div class="rs-looped rs-slideloop" data-easing="Power0.easeIn" data-speed="5" data-xe="0"
data-xs="0" data-ye="20" data-ys="0"><img alt="" data-hh="['87px','87px','87px','87px']"
data-no-retina
data-ww="['24px','24px','24px','24px']"
src="agency/img/shape-5.png"></div>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme"
data-fontsize="['20','20','20','20']"
data-frames='[{"delay":220,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-height="none"
data-hoffset="['275','275','171','120']" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-voffset="['270','270','261','190']"
data-whitespace="nowrap"
data-width="none"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-7"
style="z-index: 9;">
<div class="rs-looped rs-wave" data-angle="0" data-origin="50% 50%" data-radius="15px"
data-speed="12"><img alt="" data-hh="['67px','67px','67px','67px']"
data-no-retina
data-ww="['68px','68px','68px','68px']" src="agency/img/shape-4.png"></div>
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme"
data-frames='[{"delay":190,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-height="none" data-hoffset="['413','413','268','204']"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-voffset="['-205','-205','-259','-145']"
data-whitespace="nowrap"
data-width="none"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-8"
style="z-index: 10;">
<div class="rs-looped rs-rotate" data-easing="Power0.easeIn" data-enddeg="360" data-origin="50% 50%"
data-speed="15" data-startdeg="0"><img alt="" data-hh="['69px','69px','69px','69px']"
data-no-retina
data-ww="['67px','67px','67px','67px']"
src="agency/img/shape-3.png"></div>
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme"
data-frames='[{"delay":190,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-height="none" data-hoffset="['436','436','259','145']"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-voffset="['204','204','96','73']"
data-whitespace="nowrap"
data-width="none"
data-x="['left','left','left','left']"
data-y="['top','top','top','top']"
id="slide-43-layer-9"
style="z-index: 11;">
<div class="rs-looped rs-pendulum" data-easing="" data-enddeg="20" data-origin="50% 50%"
data-speed="12" data-startdeg="-20"><img alt="" data-hh="['52px','52px','52px','52px']"
data-no-retina
data-ww="['51px','51px','51px','51px']"
src="agency/img/shape-1.png"></div>
</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme"
data-basealign="slide"
data-frames='[{"delay":170,"speed":500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-height="none"
data-hoffset="['39','39','94','58']" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-voffset="['109','109','64','69']"
data-whitespace="nowrap"
data-width="none"
data-x="['right','right','right','right']"
data-y="['top','top','top','top']"
id="slide-43-layer-10"
style="z-index: 12;">
<div class="rs-looped rs-slideloop" data-easing="" data-speed="2" data-xe="15" data-xs="0"
data-ye="0" data-ys="0"><img alt="" data-hh="['14px','14px','14px','14px']"
data-no-retina
data-ww="['50px','50px','50px','50px']" src="agency/img/shape-2.png"></div>
</div>
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-resizeme gradient-text1"
data-fontsize="['70','65','60','50']"
data-frames='[{"delay":660,"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-height="none"
data-hoffset="['320','250','0','0']" data-lineheight="['80','75','70','60']"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['left','left','center','center']"
data-type="text"
data-voffset="['-125','-125','-125','-110']"
data-whitespace="nowrap"
data-width="['650','650','600','500']"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-13"
style="z-index: 13; min-width: 650px; max-width: 650px; white-space: nowrap; font-size: 70px; line-height: 80px; font-weight: 800; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">
Creative
</div>
<!-- LAYER NR. 10 -->
<div class="tp-caption tp-resizeme"
data-fontsize="['70','65','60','50']"
data-frames='[{"delay":1840,"split":"chars","splitdelay":0.1,"speed":1000,"split_direction":"forward","frame":"0","from":"sX:0.8;sY:0.8;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]' data-height="none"
data-hoffset="['320','250','0','0']" data-lineheight="['70','75','70','60']"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['left','left','center','center']"
data-type="text"
data-voffset="['-40','-40','-40','-40']"
data-whitespace="nowrap"
data-width="['650','650','600','500']"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-11"
style="z-index: 14; min-width: 650px; max-width: 650px; white-space: nowrap; font-size: 70px; line-height: 70px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">
Digital Agency
</div>
<!-- LAYER NR. 11 -->
<div class="tp-caption tp-resizeme"
data-fontsize="['20','20','18','17']"
data-frames='[{"delay":2360,"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-height="none"
data-hoffset="['325','210','0','0']" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['left','left','center','center']"
data-type="text"
data-voffset="['80','75','65','57']"
data-whitespace="normal"
data-width="['651','550','600','500']"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-14"
style="z-index: 15; min-width: 651px; max-width: 651px; white-space: normal; font-size: 20px; line-height: 30px; font-weight: 300; color: #ffffff; letter-spacing: 0px;font-family:Roboto;">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the
industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</div>
<!-- LAYER NR. 12 -->
<div class="tp-caption tp-resizeme"
data-frames='[{"delay":2970,"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-height="none" data-hoffset="['325','260','0','0']"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['left','left','center','center']"
data-type="text"
data-voffset="['200','186','176','156']"
data-whitespace="nowrap"
data-width="['650','650','600','500']"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-15"
style="z-index: 16; white-space: nowrap;">
<a class="btn btn-slider btn-rounded btn-blue btn-hvr-white" href="javascript:void(0);">Learn
More
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
<!-- LAYER NR. 13 -->
<div class="tp-caption tp-resizeme"
data-frames='[{"delay":990,"speed":1500,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-height="none" data-hoffset="['0','0','-412','-412']"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="image"
data-visibility="['on','on','off','off']"
data-voffset="['-1','-1','72','72']"
data-whitespace="nowrap"
data-width="none"
data-x="['left','left','left','left']"
data-y="['middle','middle','middle','middle']"
id="slide-43-layer-16"
style="z-index: 17;">
<div class="rs-looped rs-slideloop" data-easing="" data-speed="5" data-xe="15" data-xs="-10"
data-ye="0" data-ys="0"><img alt="" data-hh="['604px','510','510','510']"
data-no-retina
data-ww="['434px','350','350','350']" src="agency/img/vector-art-1.png"></div>
</div>
<!-- LAYER NR. 14 -->
<div class="tp-caption tp-resizeme hide-cursor"
data-actions='[{"event":"click","action":"scrollbelow","offset":"-50px","delay":"","speed":"1200","ease":"Power3.easeInOut"}]'
data-fontsize="['20','20','20','17']" data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-height="none" data-hoffset="['0','0','0','0']"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingtop="[0,0,0,0]"
data-responsive_offset="on"
data-textAlign="['inherit','inherit','inherit','inherit']"
data-type="text"
data-voffset="['25','25','5','5']"
data-whitespace="nowrap"
data-width="none"
data-x="['center','center','center','center']"
data-y="['bottom','bottom','bottom','bottom']"
id="slide-43-layer-17"
style="z-index: 18; white-space: nowrap; cursor: pointer; font-size: 20px; line-height: 30px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">
Scroll Down <i class="ml-2 fas fa-long-arrow-alt-down"></i></div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div><!-- END REVOLUTION SLIDER -->
</section>
<!--Slider End-->
<!--About Us-->
<section class="pb-0" id="about-us">
<div class="container">
<div class="row">
<div class="col-lg-6 wow fadeInLeft">
<div class="heading-area">
<span class="sub-title">We are megaone company</span>
<h2 class="title">We are making <span class="alt-color js-rotating">design, ideas</span> better for
everyone</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected humour, or randomised words which don't look
even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
<a class="btn btn-large btn-rounded btn-pink btn-hvr-blue mt-3" href="javascript:void(0);">Learn
More
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
</div>
<div class="col-lg-6 wow fadeInRight">
<div class="half-img mt-5 pt-4 mt-lg-0 pt-lg-0">
<img alt="vector" src="agency/img/vector-art-2.png">
</div>
</div>
</div>
</div>
</section>
<!--About Us End-->
<!--Services Start-->
<section id="services">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="process-wrapp">
<span class="pro-step blue"><i aria-hidden="true" class="fas fa-folder-open"></i></span>
<h4 class="service-heading">World leader in consulting and finance</h4>
</div>
</div>
<div class="col-md-3">
<div class="process-wrapp">
<span class="pro-step midnight"><i aria-hidden="true" class="fas fa-code"></i></span>
<h4 class="service-heading">A focused team with a specialized skill</h4>
</div>
</div>
<div class="col-md-3">
<div class="process-wrapp">
<span class="pro-step purple"><i aria-hidden="true" class="fas fa-cog"></i></span>
<h4 class="service-heading">Trusted and professional advisors for you</h4>
</div>
</div>
<div class="col-md-3">
<div class="process-wrapp">
<span class="pro-step pink"><i aria-hidden="true" class="fas fa-edit"></i></span>
<h4 class="service-heading">Experience to give you a better results</h4>
</div>
</div>
</div>
</div>
</section>
<!--Services End-->
<!--Counters Start-->
<section class="gradient-bg2" id="counters">
<div class="container">
<div class="row">
<div class="col-lg-6 pl-lg-4 order-lg-2 wow fadeInRight">
<div class="heading-area">
<span class="sub-title text-white">We are megaone company</span>
<h2 class="title text-white">We have done some great <span class="js-rotating">stuff, idea</span>.
</h2>
<p class="para text-white">There are many variations of passages of Lorem Ipsum available, but the
majority have suffered alteration in some form, by injected.</p>
</div>
<ul class="counter-list list-unstyled">
<li class="counter-item">
<i aria-hidden="true" class="fas fa-users text-white"></i>
<h6 class="counter-number text-white"><span class="count">500</span>+</h6>
<p class="sub-title text-white">Happy Clients</p>
</li>
<li class="counter-item">
<i aria-hidden="true" class="fas fa-list-alt text-white"></i>
<h6 class="counter-number text-white"><span class="count">1074</span>+</h6>
<p class="sub-title text-white">Lines Of Code</p>
</li>
<li class="counter-item">
<i aria-hidden="true" class="fas fa-award text-white"></i>
<h6 class="counter-number text-white"><span class="count">600</span>+</h6>
<p class="sub-title text-white">Project Completed</p>
</li>
</ul>
</div>
<div class="col-lg-6 wow fadeInLeft">
<div class="half-img mt-5 pt-4 mt-lg-0 pt-lg-0">
<img alt="vector" src="agency/img/vector-art-3.png">
</div>
</div>
</div>
</div>
</section>
<!--Counters End-->
<!--Team Start-->
<section class="text-center" id="team">
<div class="container">
<!--Row-->
<div class="row">
<div class="col-md-12">
<div class="heading-area mx-570 mb-5">
<span class="sub-title">We are megaone company</span>
<h2 class="title">We have some <span class="alt-color js-rotating">great, ideal</span> talented
staff</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected.</p>
</div>
</div>
</div>
<!--Row-->
<div class="row wow fadeInUp">
<div class="col-md-4">
<div class="team-item">
<!--Team Image-->
<img alt="image" class="team-image" src="agency/img/team-img1.png">
<!--Name-->
<div class="name">
<img alt="shape" src="agency/img/shape-10.png">
<h6>David Joe</h6>
</div>
<!--Designation-->
<p class="designation mb-2">Director</p>
<!--Team Social-->
<div class="team-social social-icon-bg-hvr">
<a href="#"><i aria-hidden="true" class="fab fa-facebook-f"></i></a>
<a href="#"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a>
<a href="#"><i aria-hidden="true" class="fab fa-twitter"></i></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-item">
<!--Team Image-->
<img alt="image" class="team-image" src="agency/img/team-img2.png">
<!--Name-->
<div class="name">
<img alt="shape" src="agency/img/shape-9.png">
<h6>Natalie Roy</h6>
</div>
<!--Designation-->
<p class="designation mb-2">Director</p>
<!--Team Social-->
<div class="team-social social-icon-bg-hvr">
<a href="#"><i aria-hidden="true" class="fab fa-facebook-f"></i></a>
<a href="#"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a>
<a href="#"><i aria-hidden="true" class="fab fa-twitter"></i></a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-item">
<!--Team Image-->
<img alt="image" class="team-image" src="agency/img/team-img3.png">
<!--Name-->
<!--Name-->
<div class="name">
<img alt="shape" src="agency/img/shape-11.png">
<h6>Jhon Wok</h6>
</div>
<!--Designation-->
<p class="designation mb-2">Director</p>
<!--Team Social-->
<div class="team-social social-icon-bg-hvr">
<a href="#"><i aria-hidden="true" class="fab fa-facebook-f"></i></a>
<a href="#"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a>
<a href="#"><i aria-hidden="true" class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Team End-->
<!--Parallax Start-->
<section class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-6 wow fadeInLeft">
<div class="heading-area">
<span class="sub-title">We are megaone company</span>
<h2 class="title"><span class="main-color js-rotating">Robust Design, Creative Idea</span> and
Development Solutions</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected humour, or randomised words which don't look
even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
<a class="btn btn-large btn-rounded btn-blue btn-hvr-pink mt-3" href="javascript:void(0);">Learn
More
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
</div>
<div class="col-lg-6 wow fadeInRight">
<div class="half-img mt-5 pt-4 mt-lg-0 pt-lg-0">
<img alt="image" src="agency/img/vector-art-4.png">
</div>
</div>
</div>
</div>
</section>
<!--Parallax End-->
<!--Portfolio Start-->
<section class="cube-portfolio1 text-center no-transition" id="portfolio">
<div class="container">
<!--Row-->
<div class="row">
<div class="col-md-12">
<div class="heading-area mx-570 mb-lg-4 mb-3">
<span class="sub-title">We are megaone company</span>
<h2 class="title">We have <span class="alt-color js-rotating">designed, developed</span> some great
projects</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected.</p>
</div>
</div>
</div>
<!--Row-->
<div class="row wow fadeIn">
<div class="col-md-12">
<!--Portfolio Filters-->
<div class="cbp-l-filters-button" id="js-filters-mosaic-flat">
<div class="cbp-filter-item-active cbp-filter-item" data-filter="*">All</div>
<span class="text-blue">/</span>
<div class="cbp-filter-item" data-filter=".graphic">Graphic Design</div>
<span class="text-blue"> / </span>
<div class="cbp-filter-item" data-filter=".web-design">Web design</div>
<span class="text-blue"> / </span>
<div class="cbp-filter-item" data-filter=".graphic">SEO</div>
<span class="text-blue"> / </span>
<div class="cbp-filter-item" data-filter=".marketing">Marketing</div>
</div>
<!--Portfolio Items-->
<div class="cbp cbp-l-grid-mosaic-flat" id="js-grid-mosaic-flat">
<div class="cbp-item web-design graphic">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-1.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-1" src="agency/img/work-1.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-2.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-2" src="agency/img/work-2.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-3.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-4" src="agency/img/work-3.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic seo marketing">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-4.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-3" src="agency/img/work-4.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design graphic">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-5.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-5" src="agency/img/work-5.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing graphic ">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-6.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-6" src="agency/img/work-6.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design seo">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-7.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-7" src="agency/img/work-7.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design graphic">
<a class="cbp-caption cbp-lightbox" href="agency/img/work-8.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-8" src="agency/img/work-8.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Portfolio End-->
<!--Testimonial Start-->
<section class="gradient-bg1 text-center" id="clients">
<div class="container">
<!--Row-->
<div class="row">
<div class="col-md-12">
<div class="heading-area mx-570 mb-5">
<h2 class="title text-white m-0">Some <span class="js-rotating">great, ideal</span> words from
our clients</h2>
</div>
</div>
</div>
<!--Row-->
<div class="row">
<div class="col-md-12">
<div class="owl-carousel wow zoomIn" id="testimonial-slider">
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
<div class="item">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt
egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum
ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Fusce ut diam quis nulla faucibus venenatis. </p>
<h5 class="name gradient-text1">David Villas</h5>
<span class="designation">Designer, Company Name</span>
<ul class="ratings list-unstyled">
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
<li><i aria-hidden="true" class="fas fa-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
<!--Testimonial Thumbs-->
<div class="owl-dots" id="testimonials-avatar">
<!--data-position[top,right,bottom,left]-->
<button class="owl-dot active" data-position="22%,auto,auto,5%">
<img alt="image" src="agency/img/avatar-1.png"></button>
<button class="owl-dot active" data-position="30%,auto,auto,16%">
<img alt="image" src="agency/img/avatar-2.png"></button>
<button class="owl-dot active" data-position="auto,auto,38%,7%">
<img alt="image" src="agency/img/avatar-3.png"></button>
<button class="owl-dot active" data-position="auto,auto,23%,18%">
<img alt="image" src="agency/img/avatar-7.png"></button>
<!--data-position[top,right,bottom,left]-->
<button class="owl-dot active" data-position="20%,19%,auto,auto">
<img alt="image" src="agency/img/avatar-5.png"></button>
<button class="owl-dot active" data-position="28%,6%,auto,auto">
<img alt="image" src="agency/img/avatar-6.png"></button>
<button class="owl-dot active" data-position="40%,15%,auto,auto">
<img alt="image" src="agency/img/avatar-4.png"></button>
<button class="owl-dot active" data-position="auto,21%,22%,auto">
<img alt="image" src="agency/img/avatar-2.png"></button>
</div>
</div>
</section>
<!--Testimonial End-->
<!--Blog Start-->
<section class="bg-light" id="blog">
<div class="container">
<!--Row-->
<div class="row">
<div class="col-md-12 text-center">
<div class="heading-area mx-570 pb-lg-5 mb-5">
<span class="sub-title">We are megaone company</span>
<h2 class="title mb-0">Our <span class="alt-color js-rotating">latest blogs,recent news</span> will
keep
everyone updated</h2>
</div>
</div>
</div>
<!--Row-->
<div class="row wow fadeInUp">
<!--News Item-->
<div class="col-lg-4">
<div class="news-item">
<img alt="image" class="news-img" src="agency/img/blog-news-1.jpg">
<div class="news-text-box">
<span class="date main-color">October 29, 2020</span>
<a href="agency/blog-list.html"><h4 class="news-title">Web design is fun</h4></a>
<p class="para">Lorem ipsum dolor sit amet consectetur adipiscing elit ipsum dolor sit am...</p>
<a class="author d-flex align-items-center" href="javascript:void(0);">
<img alt="image" class="author-img bg-blue" src="agency/img/avatar-1.png">
<h5 class="author-name">Hena Sword</h5>
</a>
</div>
</div>
</div>
<!--News Item-->
<div class="col-lg-4">
<div class="news-item">
<img alt="image" class="news-img" src="agency/img/blog-news-2.jpg">
<div class="news-text-box">
<span class="date main-color">October 29, 2020</span>
<a href="agency/blog-list.html"><h4 class="news-title">Future of websites</h4></a>
<p class="para">Lorem ipsum dolor sit amet consectetur adipiscing elit ipsum dolor sit am...</p>
<a class="author d-flex align-items-center" href="javascript:void(0);">
<img alt="image" class="author-img bg-purple" src="agency/img/avatar-2.png">
<h5 class="author-name">David Villas</h5>
</a>
</div>
</div>
</div>
<!--News Item-->
<div class="col-lg-4">
<div class="news-item">
<img alt="image" class="news-img" src="agency/img/blog-news-3.jpg">
<div class="news-text-box">
<span class="date main-color">October 29, 2020</span>
<a href="javascript:void(0);"><h4 class="news-title">Digital marketing</h4></a>
<p class="para">Lorem ipsum dolor sit amet consectetur adipiscing elit ipsum dolor sit am...</p>
<a class="author d-flex align-items-center" href="javascript:void(0);">
<img alt="image" class="author-img bg-pink" src="agency/img/avatar-5.png">
<h5 class="author-name">Jhon Walker</h5>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Blog End-->
<!--Client Map-->
<section class="gradient-bg2" id="client">
<h2 class="d-none">hidden</h2>
<div class="container">
<div class="row">
<div class="col-md-12">
<!--Client Slider-->
<div class="owl-carousel partners-slider">
<!--Item-->
<div class="logo-item"><img alt="client-logo" src="agency/img/client-1.png"></div>
<!--Item-->
<div class="logo-item"><img alt="client-logo" src="agency/img/client-2.png"></div>
<!--Item-->
<div class="logo-item"><img alt="client-logo" src="agency/img/client-3.png"></div>
<!--Item-->
<div class="logo-item"><img alt="client-logo" src="agency/img/client-4.png"></div>
</div>
</div>
</div>
</div>
</section>
<!--Client End-->
<!--Map Start-->
<div class="p-0 gradient-bg2 map-area">
<div class="container">
<!--Map Initialize-->
<div class="full-map" id="map"></div>
</div>
</div>
<!--Map End-->
<!--Contact Start-->
<section class="contact-us" id="contact">
<div class="container">
<div class="row align-items-top">
<div class="col-lg-5 order-lg-2 wow fadeInRight">
<div class="contact-detail">
<div class="contact-dots" data-dots=""></div>
<!--Heading-->
<div class="heading-area pb-5">
<h2 class="title mt-0 pb-1">Our Location</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority
have suffered .</p>
</div>
<!--Address-->
<ul class="address list-unstyled">
<li>
<span class="address-icon gradient-text2"><i aria-hidden="true"
class="fas fa-map-marker-alt"></i></span>
<span class="address-text">123 Park Avenue, New York,United States</span>
</li>
<li>
<span class="address-icon gradient-text2"><i aria-hidden="true"
class="fas fa-phone-volume"></i></span>
<span class="address-text"><a class="mr-3" href="javascript:void(0)">+1 631 1234 5678</a><a
href="javascript:void(0)">+1 631 1234 5678</a></span>
</li>
<li>
<span class="address-icon gradient-text2"><i aria-hidden="true"
class="fas fa-paper-plane"></i></span>
<span class="address-text"><a class="mr-3 alt-color" href="javascript:void(0)">email@website.com</a><a
class="mr-3 alt-color" href="javascript:void(0)">abc@website.com</a></span>
</li>
</ul>
</div>
</div>
<div class="col-lg-7 mt-4 pt-3 mt-lg-0 pt-lg-0 wow fadeInLeft">
<!--Heading-->
<div class="heading-area pb-2">
<h2 class="title mt-0">Get In Touch</h2>
</div>
<!--Contact Form-->
<form class="contact-form" id="contact-form-data">
<div class="row">
<!--Result-->
<div class="col-12" id="result"></div>
<!--Left Column-->
<div class="col-md-5">
<div class="form-group">
<input class="form-control" id="your_name" name="userName" placeholder="Name" required=""
type="text">
</div>
<div class="form-group">
<input class="form-control" id="your_email" name="userEmail" placeholder="Email" required=""
type="email">
</div>
<div class="form-group">
<input class="form-control" id="subject" name="userSubject" placeholder="Subject" required=""
type="text">
</div>
</div>
<!--Right Column-->
<div class="col-md-7">
<div class="form-group">
<textarea class="form-control" id="message" name="userMessage"
placeholder="Message"></textarea>
</div>
</div>
<!--Button-->
<div class="col-md-12">
<a class="btn btn-large btn-rounded btn-purple btn-hvr-blue d-block mt-4 contact_btn" href="javascript:void(0);"
id="submit_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i><b>Send Message</b>
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--Contact End-->
<!--Footer Start-->
<footer class="footer-style-1 bg-light">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-md-6">
<div class="footer-social">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-md-6 text-md-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-->
<!--Animated Cursor-->
<div id="aimated-cursor">
<div id="cursor">
<div id="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor 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/swiper.min.js"></script>
<script src="vendor/js/morphext.min.js"></script>
<script src="vendor/js/TweenMax.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>
<!-- google map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="agency/js/map.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="agency/js/script.js"></script>
</body>
</html>