?
á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 | Services Detail</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 padding-nav static-nav">
<div class="container">
<a class="navbar-brand" href="../index-logistic.html">
<img src="images/logo.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-logistic.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="gradient-bg"></span> <span class="gradient-bg"></span> <span class="gradient-bg"></span>
</a>
</nav>
<!-- side menu -->
<div class="side-menu opacity-0 gradient-bg">
<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-logistic.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 active" 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 white 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="whitecolor">© 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-detail-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">We Love </h2>
<h2 class="font-bold">Walking line In Usable</h2>
<h2 class="font-xlight">Products</h2>
<h3 class="font-light pt-2">The Best Multipurpose Template in Market</h3>
</div>
</div>
</div>
<div class="gradient-bg title-wrap">
<div class="row">
<div class="col-lg-12 col-md-12 whitecolor">
<h3 class="float-left">Service Detail</h3>
<ul class="breadcrumb top10 bottom10 float-right">
<li class="breadcrumb-item hover-light"><a href="../index-logistic.html">Home</a></li>
<li class="breadcrumb-item hover-light">Service Detail</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Page Header ends -->
<!-- Services us -->
<section id="our-services" class="padding_top padding_bottom_half bglight">
<div class="container">
<div class="row whitebox top15">
<div class="col-lg-4 col-md-5">
<div class="image widget heading_space_half"><img alt="SEO" src="images/awesome-feature.jpg"></div>
<div class="col-12 px-0">
<div class="w-100">
<div class="full-map short-map heading_space_half" id="map"></div>
</div>
</div>
<div class="widget heading_space text-center text-md-left">
<h4 class="text-capitalize darkcolor bottom30">Need Help?</h4>
<div class="contact-table d-table bottom15">
<div class="d-table-cell cells">
<span class="icon-cell"><i class="fas fa-mobile-alt"></i></span>
</div>
<div class="d-table-cell cells">
<p class="bottom0">+92-0900-10072 <span class="d-block">+92-0900-10072</span></p>
</div>
</div>
<div class="contact-table d-table bottom15 text-left">
<div class="d-table-cell cells">
<span class="icon-cell"><i class="fas fa-map-marker-alt"></i></span>
</div>
<div class="d-table-cell cells">
<p class="bottom0">130 Queens St. Sidney, Aus</p>
</div>
</div>
<div class="contact-table d-table text-left">
<div class="d-table-cell cells">
<span class="icon-cell"><i class="far fa-clock"></i></span>
</div>
<div class="d-table-cell cells">
<p class="bottom0">Mon to Sat - 9:00am to 6:00pm
<span class="d-block">Sunday: Closed</span>
</p>
</div>
</div>
<a href="#." class="button btn btn-blue top30"> Download Brochure</a>
</div>
</div>
<div class="col-lg-8 col-md-7">
<div class="widget heading_space_half text-center text-md-left">
<h3 class="darkcolor font-normal bottom30">Finacial Planning</h3>
<p class="bottom30">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdum vitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti. Duis suscipit ultrices maximus. </p>
<p class="bottom30">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<div class="owl-carousel" id="service-detail">
<div class="item">
<div class="image"><img alt="SEO" src="images/service-1.jpg"></div>
</div>
<div class="item">
<div class="image"><img alt="SEO" src="images/service-2.jpg"></div>
</div>
<div class="item">
<div class="image"><img alt="SEO" src="images/service-3.jpg"></div>
</div>
<div class="item">
<div class="image"><img alt="SEO" src="images/service-4.jpg"></div>
</div>
<div class="item">
<div class="image"><img alt="SEO" src="images/service-5.jpg"></div>
</div>
<div class="item">
<div class="image"><img alt="SEO" src="images/service-6.jpg"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6">
<div id="accordion">
<div class="card">
<div class="card-header">
<a class="card-link darkcolor" data-toggle="collapse" href="#collapseOne">Our Mission</a>
</div>
<div id="collapseOne" class="collapse show" data-parent="#accordion">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed card-link darkcolor" data-toggle="collapse" href="#collapseTwo">Our Goals</a>
</div>
<div id="collapseTwo" class="collapse" data-parent="#accordion">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed card-link darkcolor" data-toggle="collapse" href="#collapseThree">Inspections & Occupancy </a>
</div>
<div id="collapseThree" class="collapse" data-parent="#accordion">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed card-link darkcolor" data-toggle="collapse" href="#collapseFour">Top Achievements </a>
</div>
<div id="collapseFour" class="collapse" data-parent="#accordion">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<a class="collapsed card-link darkcolor" data-toggle="collapse" href="#collapseFive">Well Feedback </a>
</div>
<div id="collapseFive" class="collapse" data-parent="#accordion">
<div class="card-body">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 mt-5 mt-md-0">
<form class="getin_form wow fadeInUp" data-wow-delay="400ms">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" required id="first_name1" name="first_name">
<label for="first_name1" class="d-none"></label>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="tel" placeholder="Company" id="company-name1">
<label for="company-name1" class="d-none"></label>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email" required id="email1" name="email">
<label for="email1" class="d-none"></label>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Request a Free Consultation" required id="FreeConsultation1"></textarea>
<label for="FreeConsultation1" class="d-none"></label>
</div>
</div>
<div class="col-md-12 col-sm-12">
<button type="submit" class="button gradient-btn w-100" id="submit_btn1">Free Consultation</button>
</div>
</div>
</form>
</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 gradient-btn 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-logistic.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-logistic.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>
<!--map js-->
<script src="http://maps.google.com/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
<script src="js/map.js"></script>
<!--custom functions and script-->
<script src="js/functions.js"></script>
</body>
</html>