?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>MegaOne | Our Services</title>
<link href="images/favicon.ico" rel="icon">
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/tooltipster.min.css">
<link rel="stylesheet" href="../vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="css/revolution/navigation.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--PreLoader-->
<div class="loader">
<div class="loader-spinner"></div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<header class="site-header">
<nav class="navbar navbar-expand-lg static-nav bg-yellow">
<div class="container">
<a class="navbar-brand" href="../index-construction.html">
<img src="images/logo-gray.png" alt="logo">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav mx-auto">
<li class="nav-item dropdown position-relative">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="../index-construction.html">Standard Layout</a>
<a class="dropdown-item" href="index-video.html">Video Background</a>
<a class="dropdown-item" href="index-light.html">Light Version</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown static">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>
<ul class="dropdown-menu megamenu">
<li>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> General </h5>
<a class="dropdown-item" href="services.html">Services</a>
<a class="dropdown-item" href="services-detail.html">Service Detail</a>
<a class="dropdown-item" href="testimonial.html">Testimonials</a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
<a class="dropdown-item" href="team.html">Our Team</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title opacity-10"> Others </h5>
<a class="dropdown-item" href="work.html">Work</a>
<a class="dropdown-item" href="work-detail.html">Work Detail</a>
<a class="dropdown-item" href="pricing.html">Pricing</a>
<a class="dropdown-item" href="404.html">404 Error</a>
<a class="dropdown-item" href="coming-soon.html">Coming Soon</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> Account </h5>
<a class="dropdown-item" href="login.html">Login</a>
<a class="dropdown-item" href="register.html">Register</a>
<a class="dropdown-item" href="reset-password.html">Reset Password</a>
<a class="dropdown-item" href="faq.html">FAQ's</a>
<a class="dropdown-item" href="support.html">Support</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> Shop Pages </h5>
<a class="dropdown-item" href="shop.html">Shop</a>
<a class="dropdown-item" href="shop-detail.html">Shop Detail</a>
<a class="dropdown-item" href="shop-cart.html">Shopping Cart</a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item dropdown position-relative">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> News </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="news-1.html">News List</a>
<a class="dropdown-item" href="news-2.html">News Sidebar</a>
<a class="dropdown-item" href="news-detail.html">News Details</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
<ul class="social-icons darkcolor social-icons-simple d-lg-inline-block d-none animated fadeInUp" data-wow-delay="300ms">
<li><a href="#." class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="#." class="twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="#." class="linkedin"><i class="fab fa-linkedin-in"></i> </a> </li>
</ul>
</div>
<!--side menu open button-->
<a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
<span class="bg-dark"></span> <span class="bg-dark"></span> <span class="bg-dark"></span>
</a>
</nav>
<!-- side menu -->
<div class="side-menu opacity-0 ">
<div class="overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages1">
Home <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages1" class="collapse sideNavPages">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="../index-construction.html">Standard Layout</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-video.html">Video Background</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-light.html">Light Version</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages2">
News <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages2" class="collapse sideNavPages">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="news-1.html">News List</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news-2.html">News Sidebar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news-detail.html">News Details</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Works</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages">
Pages <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages" class="collapse sideNavPages">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="team.html">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services-detail.html">Service Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work-detail.html">Work Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="404.html">Error 404</a>
</li>
<li class="nav-item">
<a class="nav-link" href="coming-soon.html">Coming Soon</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#inner-2">
Account <i class="fas fa-chevron-down"></i>
</a>
<div id="inner-2" class="collapse sideNavPages sideNavPagesInner">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="register.html">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reset-password.html">Forget Password</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.html">FAQ's</a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.html">Support</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#inner-1">
Shop <i class="fas fa-chevron-down"></i>
</a>
<div id="inner-1" class="collapse sideNavPages sideNavPagesInner">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop-detail.html">Shop Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop-cart.html">Shop Cart</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple darkcolor top40">
<li><a href="javascript:void(0)" class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class="twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class="insta"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="darkcolor">© 2019 MegaOne. Made With Love by ThemesIndustry</p>
</div>
</div>
</div>
<div id="close_side_menu" class="tooltip"></div>
<!-- End side menu -->
</header>
<!-- header -->
<!--Page Header-->
<section id="main-banner-page" class="position-relative page-header service-header section-nav-smooth parallax">
<div class="overlay overlay-dark opacity-7 z-index-1"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="page-titles whitecolor text-center padding_top padding_bottom">
<h2 class="font-xlight pt-3">We Help To</h2>
<h2 class="font-bold">Elevate Your Business</h2>
<h2 class="font-xlight">To Next Level</h2>
<h3 class="font-light pb-4 pt-2">The Best Multipurpose Template in Market</h3>
</div>
</div>
</div>
<div class="bg-blue title-wrap mt-n5">
<div class="row">
<div class="col-lg-12 col-md-12 whitecolor">
<h3 class="float-left">Services</h3>
<ul class="breadcrumb top10 bottom10 float-right">
<li class="breadcrumb-item hover-light"><a href="../index-construction.html">Home</a></li>
<li class="breadcrumb-item hover-light">Services</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Page Header ends -->
<!-- Services us -->
<section id="our-services" class="padding bglight">
<div class="container">
<div class="col-md-12 text-center heading_space wow fadeIn" data-wow-delay="300ms">
<h2 class="heading bottom30 darkcolor font-light2"><span class="font-weight-bold">Our</span> Services
<span class="divider-center"></span>
</h2>
<div class="col-md-8 offset-md-2">
<p class="mb-n3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A dolores explicabo laudantium, omnis provident quam reiciendis voluptatum?</p>
</div>
</div>
<div id="services-filter" class="cbp-l-filters dark bottom40 wow fadeIn d-table mx-auto" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item">
<span>All</span>
</div>
<div data-filter=".digital" class="cbp-filter-item">
<span>Digital</span>
</div>
<div data-filter=".design" class="cbp-filter-item">
<span>Design</span>
</div>
<div data-filter=".brand" class="cbp-filter-item">
<span>Brand</span>
</div>
<div data-filter=".graphics" class="cbp-filter-item">
<span>Graphics</span>
</div>
</div>
<div id="services-measonry" class="cbp">
<div class="cbp-item digital brand design">
<div class="services-main">
<div class="image bottom10">
<div class="image"><img alt="SEO" src="images/service-1.jpg"></div>
<div class="overlay">
<a href="services-detail.html" class="overlay_center border_radius"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="services-content brand text-center text-md-left">
<h3 class="bottom10 darkcolor"><a href="services-detail.html">Financial Planning</a></h3>
<p class="bottom15">Phasellus lorem enim, luctus ut velit eget, convallis egestas eros.
Sed ornare ligula Progressively generate synergistic eget.
</p>
<a href="services-detail.html" class="button-readmore">Learn More</a>
</div>
</div>
</div>
<div class="cbp-item digital graphics">
<div class="services-main">
<div class="image bottom10">
<div class="image"><img alt="SEO" src="images/service-2.jpg"></div>
<div class="overlay">
<a href="services-detail.html" class="overlay_center border_radius"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="services-content text-center text-md-left">
<h3 class="bottom10 darkcolor"><a href="services-detail.html">Financial Planning</a></h3>
<p class="bottom15">Phasellus lorem enim, luctus ut velit eget, convallis egestas eros.
Sed ornare ligula Progressively generate synergistic eget.
</p>
<a href="services-detail.html" class="button-readmore">Learn More</a>
</div>
</div>
</div>
<div class="cbp-item design">
<div class="services-main">
<div class="image bottom10">
<div class="image"><img alt="SEO" src="images/service-3.jpg"></div>
<div class="overlay">
<a href="services-detail.html" class="overlay_center border_radius"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="services-content text-center text-md-left">
<h3 class="bottom10 darkcolor"><a href="services-detail.html">Business Solution</a></h3>
<p class="bottom15">Phasellus lorem enim, luctus ut velit eget, convallis egestas eros.
Sed ornare ligula Progressively generate synergistic eget.
</p>
<a href="services-detail.html" class="button-readmore">Learn More</a>
</div>
</div>
</div>
<div class="cbp-item graphics">
<div class="services-main">
<div class="image bottom10">
<div class="image"><img alt="SEO" src="images/service-4.jpg"></div>
<div class="overlay">
<a href="services-detail.html" class="overlay_center border_radius"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="services-content text-center text-md-left">
<h3 class="bottom10 darkcolor"><a href="services-detail.html">Financial Planning</a></h3>
<p class="bottom15">Phasellus lorem enim, luctus ut velit eget, convallis egestas eros.
Sed ornare ligula Progressively generate synergistic eget.
</p>
<a href="services-detail.html" class="button-readmore">Learn More</a>
</div>
</div>
</div>
<div class="cbp-item digital">
<div class="services-main">
<div class="image bottom10">
<div class="image"><img alt="SEO" src="images/service-5.jpg"></div>
<div class="overlay">
<a href="services-detail.html" class="overlay_center border_radius"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="services-content text-center text-md-left">
<h3 class="bottom10 darkcolor"><a href="services-detail.html">Business Solution</a></h3>
<p class="bottom15">Phasellus lorem enim, luctus ut velit eget, convallis egestas eros.
Sed ornare ligula Progressively generate synergistic eget.
</p>
<a href="services-detail.html" class="button-readmore">Learn More</a>
</div>
</div>
</div>
<div class="cbp-item brand design graphics">
<div class="services-main">
<div class="image bottom10">
<div class="image"><img alt="SEO" src="images/service-6.jpg"></div>
<div class="overlay">
<a href="services-detail.html" class="overlay_center border_radius"><i class="fa fa-eye"></i></a>
</div>
</div>
<div class="services-content text-center text-md-left">
<h3 class="bottom10 darkcolor"><a href="services-detail.html">Financial Planning</a></h3>
<p class="bottom15">Phasellus lorem enim, luctus ut velit eget, convallis egestas eros.
Sed ornare ligula Progressively generate synergistic eget.
</p>
<a href="services-detail.html" class="button-readmore">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services us ends -->
<!-- Contact US -->
<section id="stayconnect" class="bglight position-relative">
<div class="container">
<div class="contactus-wrapp">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="heading-title wow fadeInUp text-center text-md-left" data-wow-delay="300ms">
<h3 class="darkcolor bottom20">Stay Connected</h3>
</div>
</div>
<div class="col-md-12 col-sm-12">
<form class="getin_form wow fadeInUp" data-wow-delay="400ms" onsubmit="return false;">
<div class="row">
<div class="col-md-12 col-sm-12" id="result"></div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="userName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Name" required id="userName" name="userName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="companyName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Company" id="companyName" name="companyName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="email" class="d-none"></label>
<input class="form-control" type="email" placeholder="Email" required id="email" name="email">
</div>
</div>
<div class="col-md-3 col-sm-6">
<button type="submit" class="button btn btn-default w-100" id="submit_btn">subscribe</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Contact US ends -->
<!--Site Footer Here-->
<footer id="site-footer" class=" bgprimary padding_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<a href="../index-construction.html" class="footer_logo bottom25"><img src="images/logo-transparent.png" alt="MegaOne"></a>
<p class="whitecolor bottom25">Keep away from people who try to belittle your ambitions Small people always do that but the really great Friendly.</p>
<div class="d-table w-100 address-item whitecolor bottom25">
<span class="d-table-cell align-middle"><i class="fas fa-mobile-alt"></i></span>
<p class="d-table-cell align-middle bottom0">
+01 - 123 - 4567 <a class="d-block" href="mailto:web@support.com">web@support.com</a>
</p>
</div>
<ul class="social-icons white wow fadeInUp" data-wow-delay="300ms">
<li><a href="javascript:void(0)" class=""><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Latest News</h3>
<ul class="latest_news whitecolor">
<li> <a href="#.">Aenean tristique justo et... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Phasellus dapibus dictum augue... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Mauris blandit vitae. Praesent non... </a> <span class="date defaultcolor">15 March 2019</span> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20 pl-0 pl-lg-5">
<h3 class="whitecolor bottom25">Our Services</h3>
<ul class="links">
<li><a href="../index-construction.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="news-1.html">Latest News</a></li>
<li><a href="pricing.html">Business Planning</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="faq.html">Faq's</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Business hours</h3>
<p class="whitecolor bottom25">Our support available to help you 24 hours a day, seven days week</p>
<ul class="hours_links whitecolor">
<li><span>Monday-Saturday:</span> <span>8.00-18.00</span></li>
<li><span>Friday:</span> <span>09:00-21:00</span></li>
<li><span>Sunday:</span> <span>09:00-20:00</span></li>
<li><span>Calendar Events:</span> <span>24-Hour Shift</span></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!--Footer ends-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../vendor/js/bundle.min.js"></script>
<!--to view items on reach-->
<script src="../vendor/js/jquery.appear.js"></script>
<!--Owl Slider-->
<script src="../vendor/js/owl.carousel.min.js"></script>
<!--Parallax Background-->
<script src="../vendor/js/parallaxie.min.js"></script>
<!--Cubefolio Gallery-->
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!--Fancybox js-->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<!--wow js-->
<script src="../vendor/js/wow.min.js"></script>
<!--number counters-->
<script src="../vendor/js/jquery-countTo.js"></script>
<!--tooltip js-->
<script src="../vendor/js/tooltipster.min.js"></script>
<!--Revolution SLider-->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--custom functions and script-->
<script src="js/functions.js"></script>
</body>
</html>