?
á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 Agency | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="portfolio-agency/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/wow.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="portfolio-agency/css/style.css">
</head>
<body data-spy="scroll" data-target=".side-nav-menu" data-offset="400">
<!-- Preloader -->
<div class="preloader">
<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>
<!-- Preloader End -->
<header>
<div class="inner-header">
<div class="">
<div class="row no-gutters">
<div class="col-4 col-lg-4 d-flex align-items-center">
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-center">
<a class="navbar-brand link" href="index-portfolio-agency.html">
<img src="portfolio-agency/img/logo.png" alt="logo">
</a>
</div>
<div class="col-4 col-lg-4 d-flex justify-content-end align-items-center">
<a href="#contact-sec" class="btn btn-main rounded-pill">Get a Quote</a>
</div>
</div>
</div>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row w-100 side-menu-inner-content">
<div class="col-12 col-lg-8 offset-lg-2 nav-icon">
<nav class="navbar navbar-nav">
<div class="side-nav-menu">
<a class="nav-link home active anim-text-white" href="#">Home</a>
<a class="nav-link scroll anim-text-white" href="#services-sec">About</a>
<a class="nav-link scroll anim-text-white" href="#portfolio-sec">Portfolio</a>
<a class="nav-link scroll anim-text-white" href="#testimonial-sec">Reviews</a>
<a class="nav-link scroll anim-text-white" href="#contact-sec">Contact
<span></span><span></span><span></span></a>
<span class="menu-line link"><i aria-hidden="true">/</i></span>
</div>
</nav>
</div>
<div class="side-menu-footer">
<div class="social-icons">
<span><a href="#" class="fb"><i class="fab fa-facebook-f"></i></a></span>
<span><a href="#" class="twit"><i class="fab fa-twitter"></i></a></span>
<span><a href="#" class="in"><i class="fab fa-linkedin-in"></i></a></span>
<span><a href="#" class="insta"><i class="fab fa-instagram"></i></a></span>
</div>
<p class="copywrite text-right">© 2020 Megaone</p>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!--main slider section start-->
<section class="main">
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-12 col-lg-3 align-items-center justify-content-end nav-icon d-none d-lg-flex">
<nav class="navbar navbar-nav">
<div class="side-nav-menu ml-auto wow slideInLeft" data-wow-delay=".5s">
<a class="nav-link home active anim-text" href="#">Home</a>
<a class="nav-link scroll anim-text" href="#services-sec">About</a>
<a class="nav-link scroll anim-text" href="#portfolio-sec">Portfolio</a>
<a class="nav-link scroll anim-text" href="#testimonial-sec">Reviews</a>
<a class="nav-link scroll anim-text" href="#contact-sec">Contact
<span></span><span></span><span></span></a>
<span class="menu-line link"><i aria-hidden="true">/</i></span>
</div>
</nav>
<div class="sidenav-bottom">
<div class="social-icons">
<span><a href="#" class="fb"><i class="fab fa-facebook-f"></i></a></span>
<span><a href="#" class="twit"><i class="fab fa-twitter"></i></a></span>
<span><a href="#" class="in"><i class="fab fa-linkedin-in"></i></a></span>
<span><a href="#" class="insta"><i class="fab fa-instagram"></i></a></span>
</div>
<p class="copywrite text-right">© 2020 Megaone</p>
</div>
</div>
<div class="col-12 col-lg-9 img-area">
<div class="slider-img position-relative wow slideInRight" data-wow-delay=".5s">
<img src="portfolio-agency/img/slider-img.jpg" alt="slider-img"/>
<div class="white-overlay"></div>
</div>
</div>
</div>
</div>
</section>
<!--main slider section end-->
<!--Services section start-->
<section class="services-sec padding-top padding-bottom-half" id="services-sec">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="heading-area">
<h4 class="heading wow slideInLeft">creativity in our blood</h4>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="image-holder wow slideInRight">
<img src="portfolio-agency/img/service-img.jpg" alt="service-img">
</div>
</div>
<div class="col-12 padding-top-half">
<ul class="services-boxes">
<li class="service-card left wow slideInLeft">
<div class="icon-holder"><i class="lni lni-bulb"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<li class="service-card right d-block text-center wow slideInRight">
<div class="icon-holder"><i class="lni lni-briefcase"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
<p class="text order-2 order-lg-1">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!--Services section end-->
<!--Portfolio section start-->
<section class="portfolio-sec padding-top-half" id="portfolio-sec">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-3">
<div class="heading-area long-area">
<h4 class="heading wow slideInLeft">latest creative work</h4>
</div>
</div>
<div class="col-12 col-lg-9 position-relative">
<div class="portfolio-carousel owl-carousel owl-theme wow slideInRight">
<div class="item">
<div class="image-holder">
<img src="portfolio-agency/img/portfolio-img.jpg" alt="portfolio-img">
</div>
<div class="work-detail row no-gutters">
<div class="col-12 col-md-6 col-lg-8 text-center text-md-left mb-3 mb-lg-0">
<h4 class="work-heading">Lorem Ispum</h4>
<p class="text">Lorem ipsum is simply dummy text of the printing</p>
</div>
<div class="col-12 col-md-6 col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
<a href="#" class="work-btn btn-main rounded-pill">Launch Website</a>
</div>
</div>
</div>
<div class="item">
<div class="image-holder">
<img src="portfolio-agency/img/portfolio-img2.jpg" alt="portfolio-img">
</div>
<div class="work-detail row no-gutters">
<div class="col-12 col-md-6 col-lg-8 text-center text-md-left mb-3 mb-lg-0">
<h4 class="work-heading">Lorem Ispum</h4>
<p class="text">Lorem ipsum is simply dummy text of the printing</p>
</div>
<div class="col-12 col-md-6 col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
<a href="#" class="work-btn btn-main rounded-pill">Launch Website</a>
</div>
</div>
</div>
<div class="item">
<div class="image-holder">
<img src="portfolio-agency/img/portfolio-img3.jpg" alt="portfolio-img">
</div>
<div class="work-detail row no-gutters">
<div class="col-12 col-md-6 col-lg-8 text-center text-md-left mb-3 mb-lg-0">
<h4 class="work-heading">Lorem Ispum</h4>
<p class="text">Lorem ipsum is simply dummy text of the printing</p>
</div>
<div class="col-12 col-md-6 col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
<a href="#" class="work-btn btn-main rounded-pill">Launch Website</a>
</div>
</div>
</div>
</div>
<div class="work-navigation">
<a href="javascript:void(0);" class="portfolio-left-arr"><i class="lni lni-chevron-left"></i></a>
<a href="javascript:void(0);" class="portfolio-right-arr"><i class="lni lni-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!--Portfolio section end-->
<!--testimonial section start-->
<section class="testimonial-sec padding-top-half padding-bottom-half" id="testimonial-sec">
<div class="container">
<div class="row">
<div class="col-12 col-lg-0">
<div class="heading-area">
<h4 class="heading wow slideInLeft">happy customers</h4>
</div>
</div>
<div class="col-12 col-lg-12 position-relative">
<div class="review-carousel owl-carousel owl-theme wow slideInRight">
<div class="item">
<div class="image-holder">
<img src="portfolio-agency/img/test1.jpg" alt="test1-img">
</div>
<div class="review-detail position-relative">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus. </p>
<i class="fas fa-quote-right quote-icon"></i>
</div>
<div class="user-detail">
<h4 class="user-name">Sara William</h4>
<p class="user-loc">Newyork City</p>
</div>
</div>
<div class="item">
<div class="image-holder">
<img src="portfolio-agency/img/test2.jpg" alt="test1-img">
</div>
<div class="review-detail position-relative">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus. </p>
<i class="fas fa-quote-right quote-icon"></i>
</div>
<div class="user-detail">
<h4 class="user-name">Sara William</h4>
<p class="user-loc">Newyork City</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--testimonial section end-->
<!--Contact section start-->
<section class="contact-sec padding-top-half padding-bottom" id="contact-sec">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-3">
<div class="heading-area long-area">
<h4 class="heading wow slideInLeft">lets get connected</h4>
</div>
</div>
<div class="col-12 col-lg-9 position-relative">
<div class="contact-inner">
<div class="contact-details wow fadeInUp">
<ul>
<li><i class="far fa-paper-plane opacity-5"></i>email@website.com</li>
<li><i class="lni lni-phone opacity-7"></i>+1 631 1234 5678</li>
<li><i class="lni lni-map-marker opacity-7"></i>123 Park Avenue, New York</li>
</ul>
</div>
<div class="contact-form-sec padding-top-half">
<form class="row contact-form wow fadeInUp" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12">
<input type="text" name="userName" placeholder="Name" class="form-control">
<input type="text" name="userSubject" placeholder="Contact No" class="form-control">
<input type="email" name="userEmail" placeholder="Email" class="form-control">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
</div>
<div class="col-12">
<a href="javascript:void(0);" class="btn btn-main-inverse rounded-pill w-100 contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>Submit Information
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Contact section 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/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="portfolio-agency/js/script.js"></script>
</body>
</html>