?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Portfolio Showcase | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="showcase/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">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link rel="stylesheet" href="showcase/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="showcase/css/hover.css">
<link rel="stylesheet" href="showcase/css/custom.css">
<link rel="stylesheet" href="showcase/css/style.css">
</head>
<body data-spy="scroll" data-target=".side-nav-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="spinner">
<div class="spinner-container container1">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="spinner-container container2">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
</div>
<!--main page loader end-->
<!--main page content-->
<div class="wrap_container body">
<div class="main_container">
<div class="side_nav">
<div class="my-sticky-nav">
<div class="side_menu">
<a class="brand-logo" href="index-showcase.html">
<img src="showcase/img/logo.png" alt="logo" style="height: 45%;width: 45%;"/>
</a>
<div id="my_tog" class="my_tog" 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 active" href="#portfolio-sec">HOME</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count2" data-count="2">2</p><span>.</span><a class="nav-link" href="#services-sec">ABOUT MEGAONE</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count3" data-count="3">3</p><span>.</span><a class="nav-link slide" href="#project-sec">PROJECTS</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count5" data-count="4">4</p><span>.</span><a class="nav-link" href="#pricing-sec">PRICING</a>
</li>
<li class="nav-item"><span>0</span>
<p class="count4" data-count="5">5</p><span>.</span><a class="nav-link slide" href="#client-sec">CLIENTS</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</a></li>
</ul>
<div class="slider-social side-icons">
<ul class="list-unstyled">
<li><a href="javascript:void(0);" class="facebook_bg_hvr2"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="twitter_bg_hvr2"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="pintrest_bg_hvr2"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="rites-res"><span class="d-block" style="color: #000000;">© 2020 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" class="d-block d-md-none">
<nav class="navbar navbar-light bg-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="showcase/img/logo.png" alt="images" style="height: 100%;width: 100%;"/>
</a>
<!--Slider Social-->
<div class="slider-social d-none d-md-block">
<ul class="list-unstyled">
<li><a href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
<!--Cursor-->
</nav>
<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="index-showcase.html">
<img src="showcase/img/logo.png" alt="images" style="height: 90%;width: 90%;"/>
</a>
<ul class="nav-menu nav-fill">
<li class="nav-item active">
<span>01.</span><a class="nav-link" href="#portfolio-sec">HOME</a>
</li>
<li class="nav-item">
<span>02.</span><a class="nav-link" href="#services-sec">ABOUT MEGAONE</a>
</li>
<li class="nav-item">
<span>03.</span><a class="nav-link" href="#project-sec">PROJECTS</a>
</li>
<li class="nav-item">
<span>04.</span><a class="nav-link" href="#pricing-sec">PRICING</a>
</li>
<li class="nav-item">
<span>05.</span><a class="nav-link" href="#client-sec">CLIENTS</a>
</li>
<li class="nav-item">
<span>06.</span><a class="nav-link" href="#contact-us-sec">CONTACT
US</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" style="color: #000">© 2020 MegaOne.</span> Made with love by Themes Industry</p>
</nav>
</div>
</header>
<!-- navbar end-->
<!-- inner body content start-->
<div class="inner_body">
<div class="portfolio-sec" id="portfolio-sec">
<div class="row no-gutters">
<div class="col-md-12">
<div class="row no-gutters">
<div class="col-md-6">
<div class="row no-gutters">
<div class="col-md-6 image-area hovereffect">
<a data-fancybox href="showcase/img/work-1.jpg">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Creative Design</h4>
<span>See Our Amazing Work</span>
</div>
</div>
<img src="showcase/img/work-1.jpg" alt="work1">
</a>
</div>
<div class="col-md-6">
<div class="row no-gutters">
<div class="col-12 image-area hovereffect">
<a data-fancybox href="showcase/img/work-2.jpg">
<img src="showcase/img/work-2.jpg" alt="work2">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Digital Marketing</h4>
<span>See Our Amazing Work</span>
</div>
</div>
</a>
</div>
<div class="col-12 image-area hovereffect">
<a data-fancybox href="showcase/img/work-4.jpg">
<img src="showcase/img/work-4.jpg" alt="work4">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Digital Startup</h4>
<span>See Our Amazing Work</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 image-area hovereffect">
<a data-fancybox href="showcase/img/work-3.jpg">
<img src="showcase/img/work-3.jpg" alt="work3">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Innovative Plan</h4>
<span> See Our Amazing Work</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-md-12">
<div class="row no-gutters">
<div class="col-md-6 image-area hovereffect">
<a data-fancybox href="showcase/img/work-5.jpg">
<img src="showcase/img/work-5.jpg" alt="work3">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Creative Business</h4>
<span>See Our Amazing Work</span>
</div>
</div>
</a>
</div>
<div class="col-md-6">
<div class="row no-gutters">
<div class="col-md-12 image-area hovereffect">
<a data-fancybox href="showcase/img/work-6.jpg">
<img src="showcase/img/work-6.jpg" alt="work1">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Progressive Work</h4>
<span>See Our Amazing Work</span>
</div>
</div>
</a>
</div>
<div class="col-md-12">
<div class="row no-gutters">
<div class="col-6 image-area hovereffect">
<a data-fancybox href="showcase/img/work-7.jpg">
<img src="showcase/img/work-7.jpg" alt="work7">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Business Strategy</h4>
<span>See Our Amazing Work</span>
</div>
</div>
</a>
</div>
<div class="col-6 image-area hovereffect">
<a data-fancybox href="showcase/img/work-8.jpg">
<img src="showcase/img/work-8.jpg" alt="work8">
<div class="overlay-hover">
<div class="overlay-detail">
<i class="lni lni-plus"></i>
<h4>Creative Idea</h4>
<span> See Our Amazing Work</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--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 Popular One Page</p>
<h3 class="heading text-center">A famous agency helping the world to gain some success</h3>
<p class="detail-text text-center">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>
<a class="btn our-btn rounded-pill" href="javascript:void(0)">LEARN MORE</a>
</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">
<a href="javascript:void(0)">
<div class="image-holder">
<i class="lni lni-investment"></i>
</div>
<h3 class="service-card-heading">Investment</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0)">
<div class="image-holder">
<i class="lni lni-shield"></i>
</div>
<h3 class="service-card-heading">24/7 Support</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="service-card text-center ">
<a href="javascript:void(0)">
<div class="image-holder">
<i class="lni lni-emoji-smile"></i>
</div>
<h3 class="service-card-heading">Customer Satisfaction</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<!--Services content start-->
<!--Skills content start-->
<div id="skill-sec" class="skill-sec">
<div class="row text-center text-lg-left">
<div class="col-12 col-lg-6 skill-detail center-block wow fadeInLeft" data-wow-duration="2s">
<div class="row no-gutters">
<div class="col-12 col-md-10 offset-md-1">
<p class="sub-heading"><span></span>Most Popular One Page</p>
<h4 class="heading">A Popular Agency & Perfect Business For Everyone.</h4>
<p class="skill-detail-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 class="skill-bars">
<ul class="text-left list-unstyled">
<!--Progress Bar-->
<li class="progress-item">
<h6>Consulting</h6>
<div class="progress bar rounded-pill" data-width="90%">
<div class="progress-bar rounded-pill bg-warning bar-inner" role="progressbar"> <span>79%</span></div>
</div>
</li>
<!--Progress Bar-->
<li class="progress-item">
<h6>Accuracy</h6>
<div class="progress bar rounded-pill" data-width="95%">
<div class="progress-bar rounded-pill bg-warning bar-inner" role="progressbar"><span>95%</span></div>
</div>
</li>
<!--Progress Bar-->
<li class="progress-item">
<h6>Investment</h6>
<div class="progress bar rounded-pill" data-width="87%">
<div class="progress-bar rounded-pill bg-warning bar-inner" role="progressbar"><span>87%</span></div>
</div>
</li>
</ul>
</div>
<a class="btn our-btn rounded-pill" href="javascript:void(0)">LEARN MORE</a>
</div>
</div>
</div>
<div class="col-12 col-lg-6 skill-banner">
<div class="hover-effect">
<img src="showcase/img/skill-banner.jpg" alt="images">
</div>
</div>
</div>
</div>
<!--Skills content end-->
<!--Qoute content start-->
<div id="qoute-sec" class="qoute-sec">
<div class="container">
<div class="row">
<div class="col-12 text-center wow zoomIn" data-wow-duration="1s">
<i class="fas fa-quote-left text-left"></i>
<p class="qoute"><span>Business </span> opportunities are like buses, there's always another one coming.</p>
<span class="writer">Mike Tony</span>
<i class="fas fa-quote-right"></i>
</div>
</div>
</div>
</div>
<!--Qoute content ens-->
<!--Projects content start-->
<div id="project-sec" class="project-sec">
<div class="projects owl-carousel owl-theme no-gutters">
<div class="item project-area">
<div class="project-img order-1">
<img src="showcase/img/project-banner1.jpg" alt="images">
</div>
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 col-lg-4 offset-1 animate-box">
<p class="project-sub-heading"><span></span>Most Popular One Page</p>
<h6 class="project-heading">It is better to fail in originality than to succeed in imitation.</h6>
<p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn our-t-btn rounded-pill">
LAUNCH PROJECT
</button>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1">
<img src="showcase/img/project-banner2.jpg" alt="images">
</div>
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 col-lg-4 offset-1 animate-fade">
<p class="project-sub-heading"><span></span>Most Popular One Page</p>
<h6 class="project-heading color-black">Success usually comes to those who are too busy to be looking for it.</h6>
<p class="project-text color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum,tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn our-t-btn rounded-pill">
LAUNCH PROJECT
</button>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1">
<img src="showcase/img/project-banner3.jpg" alt="images">
</div>
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 col-lg-4 offset-1 animate-in">
<p class="project-sub-heading color-black"><span class="bg-black" style="background-color:black;"></span>Most Popular One Page</p>
<h6 class="project-heading">If you are not willing to risk the usual, you will have to settle for the ordinary..</h6>
<p class="project-text text-onblue-bg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum,tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn our-black-btn rounded-pill bg-black">
LAUNCH PROJECT
</button>
</div>
</div>
</div>
</div>
<div class="item project-area">
<div class="project-img order-1">
<img src="showcase/img/project-banner4.jpg" alt="images">
</div>
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-10 col-lg-4 offset-1 animate-roll">
<p class="project-sub-heading"><span></span>Most Popular One Page</p>
<h6 class="project-heading color-black">Success isn't just about what you accomplish in your life; it's about what you inspire others to do.</h6>
<p class="project-text color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, tellus lacus faucibus lectus, sed cursus eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<button class="btn our-t-btn rounded-pill">
LAUNCH PROJECT
</button>
</div>
</div>
</div>
</div>
</div>
<div class="project-links d-none d-md-block">
<a class="customPrevBtn"><i class="lni-chevron-left"></i></a>
<a class="customNextBtn"><i class="lni-chevron-right"></i></a>
</div>
</div>
<!--Projects content end-->
<!--Pricing content start-->
<div id="pricing-sec" class="pricing-sec">
<div class="container">
<div class="row">
<div class="pricing-details col-10 offset-1 col-lg-8 offset-lg-2 text-center">
<p class="pricing-sub-heading"><span></span>Most Popular One Page</p>
<h4 class="pricing-heading">Our Popular Pricing for your Business.</h4>
<p class="pricing-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="row price-cards pb-5 pb-md-0">
<div class="pricing-card col-12 col-lg-4 text-center">
<h4 class="pricing-card-heading">Startup</h4>
<p class="pricing-card-text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.</p>
<h3 class="pricing-amount"><i class="lni-dollar"></i>19<span>/ Month</span></h3>
<ul class="pricing-features">
<li>Full Access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<button class="btn pricing-btn rounded-pill">Learn More</button>
</div>
<div class="pricing-card active col-12 col-lg-4 text-center wow fadeInUp" data-wow-duration="2s" data-wow-delay=".1s">
<h4 class="pricing-card-heading">Standard</h4>
<p class="pricing-card-text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.</p>
<h3 class="pricing-amount"><i class="lni-dollar"></i>56<span>/ Month</span></h3>
<ul class="pricing-features">
<li>Full Access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<button class="btn pricing-btn rounded-pill">Learn More</button>
</div>
<div class="pricing-card col-12 col-lg-4 text-center">
<h4 class="pricing-card-heading">Premium</h4>
<p class="pricing-card-text">Click edit button to change this text. Lorem
dolor sit amet, consectetur adipiscing elit.</p>
<h3 class="pricing-amount"><i class="lni-dollar"></i>89<span>/ Month</span></h3>
<ul class="pricing-features">
<li>Full Access</li>
<li>Unlimited Bandwidth</li>
<li>Email Accounts</li>
<li>8 Free Forks Every Months</li>
</ul>
<button class="btn pricing-btn rounded-pill">Learn More</button>
</div>
</div>
</div>
</div>
<!--Pricing content end-->
<!--Clients content start-->
<div id="client-sec" class="client-sec parallax-slide">
<!--<img src="showcase/img/clients-banner.jpg">-->
<div class="client-sec-overlay"></div>
<div class="clients owl-carousel owl-theme no-gutters">
<div class="item client-container position-relative">
<div class="main-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-12 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 ml-auto mr-auto">
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="showcase/img/client3.png" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Mike Green</h4>
<p class="client-des">Amazon</p>
<ul class="slider-social client-s-media ">
<li><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
<div class="item client-container position-relative">
<div class="main-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-12 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 ml-auto mr-auto">
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="showcase/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><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
<div class="item client-container position-relative">
<div class="main-container">
<div class="row no-gutters client-img-overlay text-center">
<div class="col-12 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 ml-auto mr-auto">
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="showcase/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><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</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="showcase/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="showcase/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 ">
<div class="container">
<div class="row no-gutters">
<div class="col-12 col-lg-6 order-2 order-lg-1 contact-details text-center text-lg-left">
<div class="row no-gutters">
<div class="col-10 offset-1 wow fadeInLeft" data-wow-duration="2s">
<span class="contact-sub-heading">Lorem ipsum dolor sit amet consectetur</span>
<h4 class="contact-heading">MegaOne Office</h4>
<p class="contact-address">123 Stree 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">
<li><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter"></i> </a > </li>
<li><a href="javascript:void(0);"><i class="fab fa-google-plus-g"></i> </a> </li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a href="javascript:void(0);"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-6 order-1 order-lg-2 contact-map">
<div id="map" class="contact-map"></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-->
<!--////===================windows===================\\\\\-->
<div id="data-modal">
</div>
<!--////===================windows end===================\\\\\-->
<!-- 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>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="showcase/js/fancybox.js"></script>
<script src="showcase/js/TweenMax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="showcase/js/map.js"></script>
<script src="vendor/js/mediaelement-and-player.min.js"></script>
<script src="showcase/js/script.js"></script>
</body>
</html>