?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags For Seo + Page Optimization -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Portfolio 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>Portfolio Detail</title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="../vendor/css/mediaelementplayer.min.css"/>
<link rel="stylesheet" href="css/hover.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".side_menu" data-offset="90">
<!--modal window loader-->
<div class="loader center-block">
<div class="loaders loader-1">
<div class="loader-outter"></div>
<div class="loader-inner"></div>
</div>
</div>
<!--modal window loader end-->
<!--main page loader-->
<div class="main-loader center-block">
<div class="loaders loader-1">
<div class="loader-outter"></div>
<div class="loader-inner"></div>
</div>
</div>
<!--main page loader end-->
<!--main page content-->
<div class="wrap_container body">
<div class="main_container">
<div class="side_nav cursor-light">
<div class="my-sticky-nav">
<div class="side_menu">
<a class="brand-logo" href="../index-portfolio.html">
<img src="img/logo.png" alt="image" style="height: 87%;width: 87%;"/>
</a>
<div id="my_tog" class="my_tog cursor-light" onmouseover="my_click();">
<span></span>
<span></span>
<span></span>
</div>
<nav class="side-nav-menu ">
<ul class="nav-menu nav-fill">
<li class="nav-item"><span>0</span>
<p class="count1" data-count="1">1</p><span>.</span><a class="nav-link" href="../index-portfolio.html">HOME<span class="active"></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count2" data-count="2">2</p><span>.</span><a class="nav-link" href="../index-portfolio.html#skill-sec">ABOUT MEGAONE<span></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count3" data-count="3">3</p><span>.</span><a class="nav-link" href="../index-portfolio.html#project-sec">PROJECTS<span></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count5" data-count="4">4</p><span>.</span><a class="nav-link" href="../index-portfolio.html#pricing-sec">PRICING<span></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count4" data-count="5">5</p><span>.</span><a class="nav-link" href="#client-sec">CLIENTS<span></span></a>
</li>
<li class="nav-item"><span>0</span>
<p class="count6" data-count="6">6</p><span>.</span><a class="nav-link" href="#contact-us-sec">CONTACT
US<span></span></a></li>
</ul>
<div class="slider-social side-icons cursor-light">
<ul class="list-unstyled">
<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>
<p class="rites-res"><span class="d-block" style="color: #f73859;">© 2019 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
</div>
</div>
</div>
<div class="body_wrapper" id="body_section">
<div class="inner-content">
<div class="overlay-body"></div>
<!-- nabvar start-->
<header id="home">
<nav class="navbar navbar-light bg-light cursor-light">
<div class="my_nav_tog d-block d-md-none">
<span></span>
<span></span>
<span></span>
</div>
<a class="navbar-brand ml-auto mr-auto" href="../index-portfolio.html">
<img src="img/logo.png" alt="image" style="height: 100%;width: 100%;"/>
</a>
<!--Slider Social-->
<div class="slider-social d-none d-md-block">
<ul class="list-unstyled">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
<!--Cursor-->
</nav>
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<div class="broad">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav-menu">
<a class="brand-logo" href="#">
<img src="img/logo.png" alt="image" style="height: 90%;width: 90%;"/>
</a>
<ul class="nav-menu nav-fill">
<li class="nav-item">
<span>01.</span><a class="nav-link" href="../index-portfolio.html">HOME<span class="active"></span></a>
</li>
<li class="nav-item">
<span>02.</span><a class="nav-link" href="../index-portfolio.html#services-sec">ABOUT MEGAONE<span></span></a>
</li>
<li class="nav-item">
<span>03.</span><a class="nav-link" href="../index-portfolio.html#project-sec">PROJECTS<span></span></a>
</li>
<li class="nav-item">
<span>04.</span><a class="nav-link" href="../index-portfolio.html#pricing-sec">PRICING<span></span></a>
</li>
<li class="nav-item">
<span>05.</span><a class="nav-link" href="#client-sec">CLIENTS<span></span></a>
</li>
<li class="nav-item">
<span>06.</span><a class="nav-link" href="#contact-us-sec">CONTACT
US<span></span></a></li>
</ul>
<div class="social-icons">
<span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
<span><a href="#"><i class="fab fa-twitter"></i></a></span>
<span><a href="#"><i class="fab fa-linkedin-in"></i></a></span>
<span><a href="#"><i class="fab fa-instagram"></i></a></span>
</div>
<p class="rites-res"><span class="d-block">© 2019 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
</div>
</header>
<!-- navbar end-->
<!-- inner body content start-->
<div class="inner_body">
<!-- Slider content start-->
<div class="parallax-slide slider-sec" id="slider" style='background: url("img/project-banner5.jpg");'></div>
<!--- Slider end-->
<!--Services content start-->
<div id="services-sec" class="services-sec">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center"><span></span>Most flexible one page</p>
<h3 class="heading text-center wow slideInDown" data-wow-duration="1s">A Web Studio helping the world to gain some success</h3>
<p class="detail-text text-center wow slideInUp" data-wow-duration="1s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">
<div class="service-card text-center">
<div class="image-holder">
<i class="lni-pencil-alt"></i>
</div>
<h3 class="service-card-heading">Branding Design</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="service-card text-center">
<div class="image-holder">
<i class="lni-cog"></i>
</div>
<h3 class="service-card-heading">SEO Marketing</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="service-card text-center ">
<div class="image-holder">
<i class="lni-code"></i>
</div>
<h3 class="service-card-heading">Web Development</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</div>
</div>
</div>
<div class="row services-details pt-5 text-center">
<div class ="col-12 pt-5 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center"><span></span>Most flexible one page</p>
<h3 class="heading text-center">A Web Studio helping the world to gain some success</h3>
<p class="detail-text text-center wow slideInUp" data-wow-duration="1s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<!-- <button class="btn our-btn rounded-pill">LEARN MORE</button>-->
</div>
</div>
</div>
</div>
<!--Services content start-->
<!--Clients content start-->
<div id="client-sec" class="client-sec parallax-window cursor-light">
<!--<img src="portfolio/img/clients-banner.jpg">-->
<div class="client-sec-overlay"></div>
<div class="clients owl-carousel owl-theme no-gutters">
<div class="item client-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-10 offset-1 col-lg-6 offset-lg-3 wow zoomIn" data-wow-duration="2s">
<span class="client-symbol-qoute"><i class="fas fa-quote-left text-left"></i></span>
<p class="client-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
</div>
</div>
<div class="client-img-holder rounded-circle center-block">
<img src="img/client1.png" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Ellizabeth Taylor</h4>
<p class="client-des">Amazon</p>
<ul class="slider-social client-s-media ">
<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>
</ul>
</div>
</div>
<div class="item client-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-10 offset-1 col-lg-6 offset-lg-3 wow zoomIn" data-wow-duration="2s">
<span class="client-symbol-qoute"><i class="fas fa-quote-left text-left"></i></span>
<p class="client-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
</div>
</div>
<div class="client-img-holder rounded-circle center-block">
<img src="img/client2.png" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Ellizabeth Taylor</h4>
<p class="client-des">Amazon</p>
<ul class="slider-social client-s-media ">
<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>
</ul>
</div>
</div>
<div class="item client-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-10 offset-1 col-lg-6 offset-lg-3 wow zoomIn" data-wow-duration="2s">
<span class="client-symbol-qoute"><i class="fas fa-quote-left text-left"></i></span>
<p class="client-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.
</p>
</div>
</div>
<div class="client-img-holder rounded-circle center-block">
<img src="img/client3.jpg" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Ellizabeth Taylor</h4>
<p class="client-des">Amazon</p>
<ul class="slider-social client-s-media ">
<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>
</ul>
</div>
</div>
</div>
</div>
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Clients content end-->
<!--Contact us content start-->
<div id="contact-us-sec" class="contact-us-sec cursor-light">
<div class="container">
<div class="row no-gutters">
<div class="col-12 contact-details text-center">
<div class="row no-gutters">
<div class="col-10 offset-1">
<!-- <span class="contact-sub-heading">Lorem ipsum dolor sit amet consectetur</span>-->
<!-- <h4 class="contact-heading">MegaOne Office</h4>-->
<p class="contact-address">123 Street New York City , United States Of America.</p>
<!-- <ul class="contact-list">-->
<!-- <li><span>Office Telephone :</span> 001 01085379709</li>-->
<!-- <li><span>Mobile :</span> 001 63165370895</li>-->
<!-- <li><span>Email :</span> admin@website.com</li>-->
<!-- <li><span>Inquiries :</span> email@website.com</li>-->
<!-- <li><span>Mon-Fri:</span> 9am to 6pm</li>-->
<!-- </ul>-->
<ul class="slider-social contact-s-media page-footer">
<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-google-plus-g"></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>
</div>
</div>
</div>
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Contact us content end-->
</div>
<!-- inner body content end-->
</div>
</div>
</div>
</div>
<!--main page content end-->
<!--venders JavaScript -->
<script src="../vendor/js/bundle.min.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/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="js/fancybox.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhrdEzlfpnsnfq4MgU1e1CCsrvVx2d59s"></script>
<script src="js/map.js"></script>
<script src="../vendor/js/mediaelement-and-player.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>