?
á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>Photographer | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="photographer/images/favicon.ico" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="photographer/css/line-awesome.min.css" rel="stylesheet">
<link href="photographer/css/style.css" rel="stylesheet">
<link href="photographer/css/custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- START LOADER -->
<div class="loader-bg">
<div class="svg-body">
<svg viewBox='-70 -70 140 140' xmlns='http://www.w3.org/2000/svg'>
<defs>
<linearGradient id="gradient" gradientUnits="userSpaceOnUse" x2="1" y2='-.5' >
<stop stop-color="#0061d4"/>
<stop stop-color="#0061d4"/>
<animateTransform attributeName="gradientTransform" dur="1s" type="rotate" values="0; 360" repeatCount="indefinite" calcMode="spline" keySplines="0.64 0.25 0.36 0.75" />
</linearGradient>
</defs>
<path stroke='url(#gradient)' stroke-dasharray='90' stroke-width='16' stroke-linecap='round' fill='none' stroke-opacity='1' d='M-5 -61a10 10 0 0110 0l45 26a10 10 0 015 9v52a10 10 0 01-5 9L15 61a10 10 0 01-10 0l-45-26a10 10 0 01-5-9v-52a10 10 0 015-9z'>
<animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" calcMode='spline' values="360; 0" keySplines="0.64 0.25 0.36 0.75" />
</path>
</svg>
</div>
</div>
<!-- END LOADER -->
<!-- START HEADER -->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="container-fluid navbar-left">
<a href="#main-banner" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="photographer/images/logo.png" alt="logo">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto">
<a class="nav-link line scroll d-none" href="#main-banner"></a>
<a class="nav-link line scroll" href="#about">about me</a>
<a class="nav-link line scroll" href="#portfolio-sec">my work</a>
<a class="nav-link line scroll-1" href="#client-sec">reviews</a>
<a class="nav-link line scroll" href="#contact">contact</a>
</div>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<a href="#main-banner" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="photographer/images/logo-white.png" alt="logo">
</a>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#about">about me</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio-sec">my work</a>
</li>
<li class="nav-item">
<a class="nav-link scroll-1" href="#client-sec">reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">contact</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple">
<li><a class="facebook_bg_hvr2" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram_bg_hvr2" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
<li><a class="twitter_bg_hvr2" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
</ul>
<p>© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!-- END HEADER -->
<!-- START BANNER -->
<section class="home-banner position-relative pb-0" id="main-banner">
<div class="bg-overlay wow fadeInRight" data-wow-duration="1.5s" data-wow-delay="1.2s"></div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-0">
<div class="heading-area wow fadeIn" data-wow-duration="1.8s" data-wow-delay="1.6s">
<h4 class="heading">Jessica Martin.</h4>
<p class="text py-0 py-md-3">Photographer / <span>Digital Marketer</span></p>
<a href="#portfolio-sec" class="scroll btn btn-medium btn-rounded btn-trans-white">My Latest Work</a>
</div>
</div>
<div class="col-12 col-lg-12 p-small">
<div class="image-holder wow slideInLeft" data-wow-duration="1.5s" data-wow-delay="1.2s">
<img src="photographer/images/banner-1.jpg" alt="service-img">
</div>
</div>
</div>
</div>
<!-- Banner Social Icons -->
<ul class="social-icons social-icons-simple revicon white d-none d-md-block d-lg-block">
<li class="d-table"><a href="javascript:void(0)" class="facebook_bg_hvr2"><i class="fab fa-facebook-f"></i></a> </li>
<li class="d-table"><a href="javascript:void(0)" class="twitter_bg_hvr2"><i class="fab fa-twitter"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)" class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)" class="instagram_bg_hvr2"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<div class="banner-vertical">
<div class="banner-strip"></div>
</div>
</section>
<!-- END BANNER -->
<!-- START ABOUT -->
<section id="about">
<div class="container">
<div class="row no-gutters">
<!-- Service-1 -->
<div class="col-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInLeft;">
<div class="cover">
<div class="card">
<h1 class="numbering">01.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Content Writing</h5>
<p class="card-text info">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
<!-- Service-2 -->
<div class="col-12 col-md-4 col-lg-4 wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
<div class="cover">
<div class="card">
<h1 class="numbering">02.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Digital Marketing</h5>
<p class="card-text info">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
<!-- Service-3 -->
<div class="col-12 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name:fadeInRight;">
<div class="cover">
<div class="card">
<h1 class="numbering">03.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Youtube Videos</h5>
<p class="card-text info">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END ABOUT -->
<!-- START SKILLS -->
<section class="skills pt-0" id="skills">
<div class="container">
<div class="row">
<!-- Features Box-->
<div class="col-lg-6 pr-lg-5 wow fadeInLeft order-2 order-md-1 padding-sm" data-wow-delay="500ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 1200ms; animation-name: fadeInLeft;">
<div class="heading-area">
<h6 class="sub-title text-black">Checkout my skills</h6>
<h2 class="title py-4">I can make better <span class="d-block">stuff for you</span></h2>
</div>
<!-- Progress Bar -->
<ul class="skills text-left">
<!--Progress Item-->
<li class="progress-item">
<h6>Content Writing<span class="float-right">85%</span></h6>
<div class="progress">
<span class="progress-bar bg-yellow" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h6>Digital Media Marketing<span class="float-right">70%</span></h6>
<div class="progress">
<span class="progress-bar bg-blue" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h6>Youtube Channel Monitizing<span class="float-right">80%</span></h6>
<div class="progress">
<span class="progress-bar bg-orange" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
<!--Progress Item-->
<li class="progress-item">
<h6>Communication Skills<span class="float-right">90%</span></h6>
<div class="progress">
<span class="progress-bar bg-pink" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
</div>
</li>
</ul>
<a href="#contact" class="scroll btn btn-medium btn-rounded btn-trans mt-5">Let’s Start Project</a>
</div>
<!-- Image -->
<div class="col-lg-6 position-relative wow fadeInRight order-1 order-md-2 p-small" data-wow-delay="500ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 1200ms; animation-name: fadeInRight;">
<div class="skills-about">
<img class="skills-image" src="photographer/images/skills.jpg" alt="image">
</div>
<div class="bg-overlay"></div>
</div>
</div>
</div>
</section>
<!-- END SKILLS -->
<!-- START QUOTE -->
<section id="quote-sec" class="quote-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="quote">Good first impressions are good for business.</p>
<h4 class="writer">Ken Poirot</h4>
</div>
</div>
</div>
</section>
<!-- END QUOTE -->
<!-- START PORTFOLIO -->
<section class="portfolio-sec pt-0" id="portfolio-sec">
<div class="container-fluid">
<div class="row position-relative">
<div class="bg-overlay"></div>
<div class="col-12 col-lg-3">
<div class="heading-area long-area">
<h4 class="heading">My Creative Work</h4>
</div>
</div>
<div class="col-12 col-lg-9">
<div class="portfolio-carousel owl-carousel owl-theme wow slideInRight">
<!-- Item 1 -->
<div class="item">
<div class="image-holder">
<img src="photographer/images/portfolio-img1.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 alt-font">Lorem Ispum</h4>
<p class="text alt-font">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 target="_blank" href="https://themeforest.net/user/themesindustry/portfolio" class="btn btn-medium btn-rounded btn-trans mx-0 mx-md-2">Launch Website</a>
</div>
</div>
</div>
<!-- Item 2 -->
<div class="item">
<div class="image-holder">
<img src="photographer/images/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 alt-font">Lorem Ispum</h4>
<p class="text alt-font">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 target="_blank" href="https://themeforest.net/user/themesindustry/portfolio" class="btn btn-medium btn-rounded btn-trans mx-0 mx-md-2">Launch Website</a>
</div>
</div>
</div>
<!-- Item 3 -->
<div class="item">
<div class="image-holder">
<img src="photographer/images/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 alt-font">Lorem Ispum</h4>
<p class="text alt-font">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 target="_blank" href="https://themeforest.net/user/themesindustry/portfolio" class="btn btn-medium btn-rounded btn-trans mx-0 mx-md-2">Launch Website</a>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<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>
<!-- END PORTFOLIO -->
<!--START CLIENTS-->
<div id="client-sec" class="client-sec parallax-slide">
<div class="client-sec-overlay"></div>
<div class="clients owl-carousel owl-theme no-gutters wow zoomIn" data-wow-duration="1.5s">
<!-- Item 1 -->
<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">
<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="photographer/images/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>
<div class="clients-social position-relative">
<ul class="slider-social client-s-media ">
<li><a class="facebook_bg_hvr2" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a class="twitter_bg_hvr2" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a class="linkdin_bg_hvr2" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
<!-- Item 2 -->
<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="photographer/images/client2.png" class="rounded-circle" alt="client1">
</div>
<div class="client-detail col-12 text-center">
<h4 class="client-name">Steve Smith</h4>
<p class="client-des">Amazon</p>
<div class="clients-social position-relative">
<ul class="slider-social client-s-media ">
<li><a class="facebook_bg_hvr2" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a class="twitter_bg_hvr2" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a class="linkdin_bg_hvr2" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
<!-- Item 3 -->
<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="photographer/images/client3.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>
<div class="clients-social position-relative">
<ul class="slider-social client-s-media">
<li><a class="facebook_bg_hvr2" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a class="twitter_bg_hvr2" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a class="linkdin_bg_hvr2" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--END CLIENTS-->
<!-- START CONTACT -->
<section class="contact-sec" id="contact">
<div class="container expand-container">
<div class="row align-items-center">
<div class="col-12 contact-details main-heading">
<h2 class="main-font">Lets get<span class="d-block">connected</span></h2>
</div>
<div class="col-12 col-md-7 padding-top">
<form class="row contact-form row-padding" id="contact-form-data">
<div class="col-12 col-lg-10" id="result"></div>
<div class="col-12 col-lg-10">
<input type="text" name="userName" placeholder="Name" class="form-control">
<input type="text" name="userPhone" 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>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a>
</div>
</form>
</div>
<div class="col-12 col-md-5 text-center text-lg-left d-flex align-items-center pt-5 pt-md-0">
<div class="contact-details">
<ul>
<li><i aria-hidden="true" class="fas fa-map-marker-alt"></i> 123 Park Avenue, New York</li>
<li><i aria-hidden="true" class="fas fa-phone-volume"></i><span>+1 631 1234 5678</span></li>
<li><i aria-hidden="true" class="fas fa-paper-plane"></i>email@website.com</li>
</ul>
<div class="slider-social side-icons">
<div class="d-flex contact-icons">
<a class="social-icon facebook_bg_hvr2" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a>
<a class="social-icon twitter_bg_hvr2" href="javascript:void(0);"><i class="fab fa-twitter"></i></a>
<a class="social-icon linkdin_bg_hvr2" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon pintrest_bg_hvr2" href="javascript:void(0);"><i class="fab fa-pinterest-p"></i></a>
<a class="social-icon googleplus_bg_hvr2" href="javascript:void(0);"><i class="fab fa-google-plus-g"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END CONTACT -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.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 JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="photographer/js/script.js"></script>
</body>
</html>