?
á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">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 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>Ad Agency | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="ad-agency/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="ad-agency/css/owl.carousel.min.css">
<link rel="stylesheet" href="ad-agency/css/owl.theme.default.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" href="ad-agency/css/navigation.css">
<link rel="stylesheet" href="ad-agency/css/settings.css">
<!-- Slick CSS Files -->
<link rel="stylesheet" href="vendor/css/slick.css">
<link rel="stylesheet" href="vendor/css/slick-theme.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="ad-agency/css/style.css">
<!-- Custom Style CSS File -->
<link rel="stylesheet" href="ad-agency/css/custom.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="90">
<!-- Loader -->
<div class="loader" id="loader-fade">
<div class="dot-container">
<div class="dot dot-1"></div>
<div class="dot dot-2"></div>
<div class="dot dot-3"></div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -7"/>
</filter>
</defs>
</svg>
</div>
<!-- Loader ends -->
<!-- Header start -->
<section class="top-header cursor-light">
<div class="row no-gutters">
<div class="col-6 col-lg-4">
<div class="slider-icons">
<ul class="slider-social banner-social d-flex">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-4 d-flex align-items-center justify-content-end justify-content-lg-center">
<a class="menu_bars menu-bars-setting sidemenu_toggle link mr-3 mr-lg-0">
<div class="menu-lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
</div>
<div class="col-4 d-flex justify-content-end">
<a href="javascript:void(0)" class="btn-setting link btn-hvr-up btn-hvr-whatsapp color-white mr-lg-4 d-none d-lg-inline-block"><i class="fab fa-whatsapp"></i> +1 631 112 1134</a>
</div>
</div>
</section>
<header class="cursor-light">
<nav class="navbar navbar-top-default navbar-expand-lg nav-three-circles bottom-nav nav-box-shadow no-animation">
<div class="container-fluid">
<a class="logo ml-lg-1" href="javascript:void(0)">
<img src="ad-agency/img/logo-pure-white.png" class="logo-default" alt="logo" title="Logo">
</a>
<div class="collapse navbar-collapse d-none d-lg-block">
<ul class="nav navbar-nav mx-auto">
<li class="nav-item"> <a href="#home" class="scroll nav-link link">home</a></li>
<li class="nav-item"> <a href="#about" class="scroll nav-link link">about</a></li>
<li class="nav-item"> <a href="#work" class="scroll nav-link link">work</a></li>
<li class="nav-item"> <a href="#pricing" class="scroll nav-link link">pricing</a></li>
<li class="nav-item"> <a href="#clients" class="scroll nav-link link">clients</a></li>
<li class="nav-item"> <a href="#blog" class="scroll nav-link link">blog</a></li>
<li class="nav-item"> <a href="#contact" class="scroll nav-link link">contact</a></li>
</ul>
</div>
<a href="javascript:void(0)" class="nav-btn-number btn-setting btn-hvr-up btn-hvr-whatsapp color-white mr-lg-3"><i class="fab fa-whatsapp"></i> +1 631 112 1134</a>
<!-- side menu open button -->
<div class="menu-btn">
<a class="menu_bars menu-bars-setting animated-wrap sidemenu_toggle">
<div class="menu-lines animated-element">
<span></span>
<span></span>
<span></span>
</div>
</a>
</div>
<!-- Side Menu -->
</div>
</nav>
<!-- side menu open button -->
<!-- <a class="menu_bars menu-bars-setting animated-wrap sidemenu_toggle d-lg-inline-block d-none">-->
<!-- <div class="menu-lines animated-element">-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- </div>-->
<!-- </a>-->
<!-- Side Menu -->
<div class="side-menu center">
<div class="quarter-circle">
<div class="menu_bars2 active" id="btn_sideNavClose">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="inner-wrapper justify-content-center">
<div class="col-md-12 text-center">
<a href="javascript:void(0)" class="logo-full mb-4"><img src="ad-agency/img/logo-pure-white.png" alt=""></a>
</div>
<nav class="side-nav m-0">
<ul class="navbar-nav flex-lg-row">
<li class="nav-item"> <a href="#home" class="scroll nav-link link">home</a></li>
<li class="nav-item"> <a href="#about" class="scroll nav-link link">about</a></li>
<li class="nav-item"> <a href="#work" class="scroll nav-link link">work</a></li>
<li class="nav-item"> <a href="#pricing" class="scroll nav-link link">pricing</a></li>
<li class="nav-item"> <a href="#clients" class="scroll nav-link link">clients</a></li>
<li class="nav-item"> <a href="#blog" class="scroll nav-link link">blog</a></li>
<li class="nav-item"> <a href="#contact" class="scroll nav-link link">contact</a></li>
</ul>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li class="side-menu-icons"><a href="javascript:void(0)"><i class="fab fa-facebook-f color-white"></i> </a> </li>
<li class="side-menu-icons"><a href="javascript:void(0)"><i class="fab fa-instagram color-white"></i> </a> </li>
<li class="side-menu-icons"><a href="javascript:void(0)"><i class="fab fa-twitter 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>
<!-- Header end -->
<!-- Main Section start -->
<section id="home" class="p-0 h-100vh cursor-light">
<h2 class="d-none">heading</h2>
<!--Main Slider-->
<div id="rev_slider_8_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="weone" data-source="gallery" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_8_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul><!-- SLIDE -->
<!-- SLIDE 1 -->
<li data-index="rs-36" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- LAYERS -->
<img src="ad-agency/img/slider-img.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
<div class="banner-overlay"></div>
<!-- LAYERS -->
<div class="rs-background-video-layer"
data-forcerewind="on"
data-volume="mute"
data-videowidth="100%"
data-videoheight="100vh"
data-videomp4="ad-agency/video/slider-video.mp4"
data-videopreload="auto"
data-videoloop="loopandnoslidestop"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false"></div>
<!-- LAYER Text -->
<div class="tp-caption color-yellow"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['270','200','100','15']"
data-fontsize="['60','50','40','40']"
data-lineheight="['75','75','75','40']"
data-width="['556','556','556','300']"
data-height="['none','none','none','87']"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":100,"split":"chars","splitdelay":0.1,"speed":1480,"split_direction":"random","frame":"0","from":"y:50px;sX:1;sY:1;opacity:0;fb:20px;","color":"rgba(0,0,0,0)","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","color":"transparent","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10; min-width: 556px; max-width: 556px; white-space: nowrap; font-size: 60px; line-height: 75px; font-weight: 300; letter-spacing: 0px;font-family: 'Montserrat', sans-serif;"><img src="ad-agency/img/logo-yellow.png" class="link" alt="logo"></div>
<!-- LAYER Text -->
<div class="tp-caption color-white"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['368','260','155','105']"
data-fontsize="['62','50','40','40']"
data-lineheight="['75','75','45','45']"
data-width="['556','556','556','350']"
data-height="['none','none','none','87']"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":150,"speed":1500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10; min-width: 556px; max-width: 556px; white-space: nowrap; font-weight: 500; letter-spacing: 0px;font-family: 'Montserrat', sans-serif;"><div id="js-rotating">Digital Ad Agency, Modern Works, Elegant Ad Design </div> </div>
<!-- LAYER Text -->
<div class="tp-caption color-white"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','middle','middle','middle']" data-voffset="['470','95','0','20']"
data-whitespace="normal"
data-width="['580','630','550','440']"
data-fontsize="['20','15','15','15']"
data-lineheight="['30','25','22','22']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":100,"speed":1480,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":350,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10; min-width: 650px; max-width: 650px; white-space: nowrap; font-weight: 300; letter-spacing: 1px;font-family: 'Source Sans Pro', sans-serif;">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</div>
<!-- LAYER Button -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['170','200','90','120']"
data-frames='[{"from":"y:50px;opacity:0;","speed":1000,"to":"o:1;","delay":800,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"},{"frame":"hover","speed":"300","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);bw:2px 2px 2px 2px;"}]'
data-textAlign="['center','center','center','center']"
data-width="['160','160','160','160']"
style="z-index: 10; min-width: 960px; max-width: 960px">
<a href="javascript:void(0)" class="btn-setting color-white btn-hvr-up btn-hvr-yellow link">learn more</a>
</div>
</li>
</ul>
<div class="tp-bannertimer" style="height: 5px; background: rgba(0,0,0,0.15);"></div> </div>
</div>
<!--Main Slider ends -->
</section>
<!-- Main Section end -->
<!--About start-->
<section class="about overflow-visible bg-dark1" id="about">
<div class="container">
<div class="row">
<div class="col-lg-6 pr-5 mb-5 mb-lg-0 wow fadeInLeft">
<div class="rare-box"></div>
<img src="ad-agency/img/about.jpg" class="about-img-small position-relative w-100" alt="">
</div>
<div class="col-lg-6 pl-6">
<div class="main-title text-lg-left offset-md-1 mb-0 wow fadeInUp" data-wow-delay="300ms">
<h5 class="wow fadeInUp" data-wow-delay="300ms"> Lorem ipsum dolor sit amet consectetur </h5>
<h2 class="wow fadeInUp font-weight-light" data-wow-delay="400ms"> We are making <span class="color-pink">design</span> better for everyone</h2>
<p class="pb-4 wow fadeInUp" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue diam, accumsan vitae justo non, euismod aliquam lectus. Etiam elementum tortor quis risus posuere, in cursus arcu lobortis.</p>
<ul class="pb-5 text-left wow fadeInUp" data-wow-delay="600ms">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Morbi ornare nibh id cursus vestibulum.</li>
<li>Duis vitae lectus facilisis, tristique lorem sit amet, malesuada diam.</li>
</ul>
<a href="javascript:void(0)" class="btn-setting color-black btn-hvr-up btn-yellow btn-hvr-pink text-white link wow fadeInUp" data-wow-delay="700ms">learn more</a>
</div>
</div>
</div>
</div>
</section>
<!--About end-->
<!-- About Boxes start -->
<section class="bg-dark2">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<h2>We’re <span class="color-pink">Creative</span> Branding<br>and Corporate Identity <span class="color-blue">Agency</span></h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="about-box mb-5 mb-lg-0 mx-auto bg-blue">
<span class="pro-step d-inline-block color-white"><i class="fa fa-pencil-alt"></i></span>
<h5 class="font-weight-500 color-white mt-25px mb-15px text-capitalize">branding design</h5>
<p class="font-weight-light color-white">Lorem dapibus, tortor eget turpis auctor, convallis odio ac.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="about-box mb-5 mb-lg-0 mx-auto bg-yellow">
<span class="pro-step d-inline-block color-white"><i class="fa fa-cog"></i></span>
<h5 class="font-weight-500 color-white mt-25px mb-15px">SEO Marketing</h5>
<p class="font-weight-light color-white">Etiam luctus, lacus maximus elementum dapibus felis.</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<div class="about-box mb-0 mx-auto bg-pink">
<span class="pro-step d-inline-block color-white"><i class="fa fa-code"></i></span>
<h5 class="font-weight-500 color-white mt-25px mb-15px text-capitalize">web development</h5>
<p class="font-weight-light color-white">Pellentesque habitant morbi tristique senectus et malesuada.</p>
</div>
</div>
</div>
</div>
</section>
<!-- About Boxes ends -->
<!-- Team start -->
<section id="team" class="bg-light-gray bg-dark1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<h5> Lorem ipsum dolor sit amet </h5>
<h2 class="mb-0">Our <span class="color-pink">Creative</span> Team </h2>
</div>
</div>
</div>
<div class="row wow fadeInUp team" data-wow-delay="300">
<div class="col-lg-6 col-xl-3 p-0 team-col ml-md-auto mr-md-0 mx-auto">
<div class="team-image">
<img src="ad-agency/img/team1.jpg" alt="team1" class="m-image1">
</div>
<div class="team-classic-content hvr-team pink">
<h3 class="mb-3 text-capitalize color-black">Jessica Jones</h3>
<h5 class="mb-3 text-capitalize color-pink">Lead Designer</h5>
<p class="mt-3 mb-3 color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<ul class="team-social">
<li class="d-inline-block"><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="google-bg-hvr"><i class="fab fa-google" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-xl-3 p-0 team-col2 mr-md-auto ml-md-0 mx-auto">
<div class="row">
<div class="col-md-12 order-md-1">
<div class="team-image">
<img src="ad-agency/img/team2.jpg" alt="team2" class="m-image2">
</div>
</div>
<div class="col-md-12 order-md-0">
<div class="team-classic-content hvr-team2 blue">
<h3 class="mb-3 text-capitalize color-black">Rob Clark</h3>
<h5 class="mb-3 text-capitalize color-blue">marketing head</h5>
<p class="mt-3 mb-3 color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<ul class="team-social">
<li class="d-inline-block"><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="google-bg-hvr"><i class="fab fa-google" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="w-100 d-none d-lg-block d-xl-none"></div>
<div class="col-lg-6 col-xl-3 p-0 team-col ml-md-auto mr-md-0 mx-auto team-row2">
<div class="team-image">
<img src="ad-agency/img/team3.jpg" alt="team3" class="m-image3">
</div>
<div class="team-classic-content hvr-team yellow">
<h3 class="mb-3 text-capitalize color-black">Nicole Cross</h3>
<h5 class="mb-3 text-capitalize color-yellow">Visualizer</h5>
<p class="mt-3 mb-3 color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<ul class="team-social">
<li class="d-inline-block"><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="google-bg-hvr"><i class="fab fa-google" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-xl-3 p-0 team-col2 mr-md-auto ml-md-0 mx-auto team-row2">
<div class="row">
<div class="col-md-12 order-md-1">
<div class="team-image2">
<img src="ad-agency/img/team4.jpg" alt="team4" class="m-image2">
</div>
</div>
<div class="col-md-12 order-md-0">
<div class="team-classic-content hvr-team2 pink">
<h3 class="mb-3 text-capitalize color-black">Albert Rodricks</h3>
<h5 class="mb-3 text-capitalize color-pink">Creative Lead</h5>
<p class="mt-3 mb-3 color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue.</p>
<ul class="team-social">
<li class="d-inline-block"><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li class="d-inline-block"><a href="javascript:void(0)" class="google-bg-hvr"><i class="fab fa-google" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team ends -->
<!-- Quote start -->
<section class="parallax-setting parallaxie parallax1">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row align-items-center position-relative">
<div class="col-md-12">
<div class="quote-text text-center wow fadeInRight" data-wow-delay="300ms">
<div class="quote d-flex justify-content-start mb-2rem"><i class="fa fa-quote-left"></i></div>
<h2 class="font-weight-light mb-5 line-height-normal text-white"><span class="color-yellow">Creativity</span> is allowing yourself to make mistakes Art is knowing which ones to keep.</h2>
<h3 class="color-pink">Alice Johnson</h3>
<div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>
</div>
</div>
</div>
</div>
</section>
<!-- Quote ends -->
<!-- Work Starts -->
<section id="work" class="pb-0 bg-dark1">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<h5> Lorem ipsum dolor sit amet </h5>
<h2 class="mb-0">Creative<span class="color-pink"> Portfolio</span> </h2>
</div>
</div>
</div>
<div class="row d-block">
<div id="js-filters-mosaic-flat" class="cbp-l-filters-alignCenter">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item cbp-filter-style">
All <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".graphic-designs" class="cbp-filter-item cbp-filter-style">
Graphic Designs <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".web-designs" class="cbp-filter-item cbp-filter-style">
Web Designs <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".seo" class="cbp-filter-item cbp-filter-style">
SEO <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".marketing" class="cbp-filter-item">
Marketing <div class="cbp-filter-counter"></div>
</div>
</div>
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat no-transition">
<div class="cbp-item web-designs marketing">
<a href="ad-agency/img/work1.jpg" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="ad-agency/img/work1.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Elegant | Images</p>
<div class="cbp-l-caption-title">We are digital agency</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic-designs seo">
<a href="ad-agency/img/work2.jpg" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="ad-agency/img/work2.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Elegant | Images</p>
<div class="cbp-l-caption-title">Creative art work</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic-designs web-designs">
<a href="ad-agency/img/work3.jpg" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="ad-agency/img/work3.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Elegant | Images</p>
<div class="cbp-l-caption-title">Modern portfolio</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a href="ad-agency/img/work6.jpg" class="cbp-caption cbp-lightbox" data-title="Remind~Me Widget<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="ad-agency/img/work6.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Elegant | Images</p>
<div class="cbp-l-caption-title">Digital art works</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-designs seo">
<a href="ad-agency/img/work4.jpg" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="ad-agency/img/work4.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Elegant | Images</p>
<div class="cbp-l-caption-title">Photography</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-designs marketing">
<a href="ad-agency/img/work5.jpg" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="ad-agency/img/work5.jpg" alt="work">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<p>Elegant | Images</p>
<div class="cbp-l-caption-title">Modern workspace</div>
<span class="work-icon">
<i class="fa fa-arrow-right"></i>
</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Work ends -->
<!-- Pricing start -->
<section id="pricing" class="bg-light-gray pricing-padding bg-dark2">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<h5> Lorem ipsum dolor sit amet </h5>
<h2 class="mb-0">Flexible<span class="color-pink"> Pricing</span> Packages </h2>
</div>
</div>
</div>
<div class="row mt-66px mt-xs-4rem">
<div class="col-lg-4 col-md-6 col-sm-12 text-center mb-xs-5 wow fadeInUp">
<div class="pricing-item hvr-bg-blue">
<div class="price-box clearfix">
<div class="price_title">
<h4 class="text-capitalize">Basic</h4>
</div>
</div>
<div class="price">
<h2 class="position-relative"><span class="dollar">$</span>19<span class="month">/ month</span></h2>
</div>
<div class="price-description">
<p>Full Access</p>
<p>Unlimited Bandwidth</p>
<p>Email Accounts</p>
<p>8 Free Forks Every Months</p>
</div>
<div class="text-center">
<a href="javascript:void(0)" class="btn-setting color-black btn-hvr-up btn-blue btn-hvr-white">learn more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center mb-xs-5 wow fadeInUp">
<div class="pricing-item price-transform hvr-bg-yellow">
<div class="quarter-triangle"></div>
<div class="triangle-inner-content">
<i class="fa fa-star"></i>
<span> SPECIAL </span>
</div>
<div class="price-box2 clearfix">
<div class="price_title">
<h4 class="text-capitalize m-0">Standard</h4>
<p class="price-sub-heading text-capitalize">the most popular</p>
</div>
</div>
<div class="price">
<h2 class="position-relative"><span class="dollar">$</span>29<span class="month">/ month</span></h2>
</div>
<div class="price-description">
<p> Full Access</p>
<p>Unlimited Bandwidth</p>
<p>Email Accounts</p>
<p>8 Free Forks Every Months</p>
</div>
<div class="text-center">
<a href="javascript:void(0)" class="btn-setting color-black btn-hvr-up btn-yellow btn-hvr-white">learn more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 text-center wow fadeInUp">
<div class="pricing-item hvr-bg-pink">
<div class="price-box clearfix">
<div class="price_title">
<h4 class="text-capitalize">Advance</h4>
</div>
</div>
<div class="price">
<h2 class="position-relative"><span class="dollar">$</span>49<span class="month">/ month</span></h2>
</div>
<div class="price-description">
<p> Full Access</p>
<p>Unlimited Bandwidth</p>
<p>Email Accounts</p>
<p>8 Free Forks Every Months</p>
</div>
<div class="text-center">
<a href="javascript:void(0)" class="btn-setting color-black btn-hvr-up btn-pink btn-hvr-white">learn more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing ends -->
<!-- Clients start -->
<section id="clients" class="bg-white p-0 cursor-light no-transition">
<h2 class="d-none">heading</h2>
<div class="section-padding parallax-setting parallaxie parallax2">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<h5> Lorem ipsum dolor sit amet </h5>
<h2 class="mb-0">Valuable<span class="color-pink"> Clients</span></h2>
</div>
</div>
</div>
<div class="testimonial-images">
<div class="owl-thumbs owl-dots d-lg-block d-none">
<div class="owl-dot animated-wrap active"><img src="ad-agency/img/testimonial1.png" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial2.png" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial3.png" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial4.png" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial5.png" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial6.png" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial7.jpg" alt="" class="animated-element"></div>
<div class="owl-dot animated-wrap"><img src="ad-agency/img/testimonial8.jpg" alt="" class="animated-element"></div>
</div>
</div>
<div class="row align-items-center position-relative">
<div class="col-md-12">
<div class="owl-carousel owl-theme testimonial-two hide-cursor mx-auto wow zoomIn" data-wow-delay="400ms">
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial1.png" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">David Walker</h5>
<p class="color-white"> Chairman, AcroEx </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item hide-cursor">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial2.png" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Christina Williams</h5>
<p class="color-white"> HR Manager </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial3.png" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Sarah Jones</h5>
<p class="color-white"> Sales Executive </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial4.png" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Chris Gorgano</h5>
<p class="color-white"> Photographer </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial5.png" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Kate Carter</h5>
<p class="color-white"> Model </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial6.png" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Alex Curtis </h5>
<p class="color-white"> Manager </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial7.jpg" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Ashley Wilson</h5>
<p class="color-white"> Actor </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="color-white testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<div class="testimonial-post">
<a href="javascript:void(0)" class="post"><img src="ad-agency/img/testimonial8.jpg" alt="image"></a>
<div class="text-content">
<h5 class="color-white text-capitalize">Johnny Perkins</h5>
<p class="color-white"> Athlete </p>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Clients ends -->
<!-- Blog start -->
<section id="blog" class="half-section p-0 bg-change bg-yellow">
<h2 class="d-none">heading</h2>
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 p-0">
<div class="hover-effect">
<img alt="blog" src="ad-agency/img/split-blog.jpg" class="about-img">
</div>
</div>
<div class="col-lg-6 col-md-12 p-lg-0">
<div class="split-container-setting style-three text-center">
<div class="main-title mb-5 wow fadeIn" data-wow-delay="300ms">
<h5 class="font-18 text-blue"> Oct 12, 2019</h5>
<h2 class="mb-0 font-weight-normal"> Agency Blog </h2>
</div>
<p class="color-black mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodt temp to the incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis a nostr a exercitation ullamco laboris nisi ut aliquip.</p>
<a href="ad-agency/blog.html" class="btn-setting color-black btn-hvr-up btn-blue btn-hvr-pink">learn more</a>
</div>
</div>
</div>
</div>
</section>
<!-- Blog ends -->
<!-- Contact & Map starts -->
<section id="contact" class="bg-light-gray bg-dark1">
<div class="container">
<div class="row mx-lg-0">
<div class="col-lg-6 col-md-6 col-sm-12 p-0">
<div class="contact-box bg-dark2">
<div class="main-title text-center text-md-left mb-4">
<h2 class="font-weight-normal">Connect With Us </h2>
</div>
<div class="text-center text-md-left">
<!--Address-->
<p class="mb-3">123 Street New York City , United States Of America. </p>
<!--Phone-->
<p class="mb-3"> Office Telephone : 001 01085379709 <br>
Mobile : 001 63165370895 </p>
<!--Email-->
<p class="mb-3"> Email: <a href="mailto:email@website.com" class="color-white">admin@website.com</a> <br>
Inquiries: <a href="mailto:email@website.com" class="color-white">email@website.com</a> </p>
<!--Timing-->
<p class="mb-0">Mon-Sat: 9am to 6pm</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 p-0 col-map box-shadow-map">
<div id="google-map" class="bg-light-gray map"></div>
</div>
</div>
</div>
</section>
<!-- Contact & Map ends -->
<!-- Footer starts -->
<footer class="p-half bg-dark2">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<ul class="footer-icons mb-4">
<li><a href="javascript:void(0)" class="wow fadeInUp facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class="wow fadeInDown twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class="wow fadeInUp google"><i class="fab fa-google"></i> </a> </li>
<li><a href="javascript:void(0)" class="wow fadeInDown linkedin"><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a href="javascript:void(0)" class="wow fadeInUp instagram"><i class="fab fa-instagram"></i> </a> </li>
<li><a href="javascript:void(0)" class="wow fadeInDown pinterest"><i class="fab fa-pinterest-p"></i> </a> </li>
</ul>
<p class="copyrights mt-2 mb-2">© 2020 MegaOne. Made with love by <a href="javascript:void(0)">themesindustry</a></p>
</div>
</div>
</div>
</footer>
<!-- Footer ends -->
<!--Animated Cursor-->
<div id="animated-cursor">
<div id="cursor">
<div id="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<!-- 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/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- Owl Carousel JS File -->
<script src="ad-agency/js/owl.carousel.js"></script>
<!-- Slick JS File -->
<script src="vendor/js/slick.min.js"></script>
<!-- Tween Max Animation File -->
<script src="ad-agency/js/TweenMax.min.js"></script>
<!-- Morphtext File -->
<script src="ad-agency/js/morphext.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- Google Map Api -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAgIfLQi8KTxTJahilcem6qHusV-V6XXjw"></script>
<script src="ad-agency/js/maps.min.js"></script>
<!-- custom script -->
<script src="ad-agency/js/script.js"></script>
</body>
</html>