?
á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>Model Agency | MegaOne HTML5 Template</title>
<!-- <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">-->
<!-- Favicon -->
<link rel="icon" href="model-agency/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="model-agency/css/animate.min.css">
<link rel="stylesheet" href="model-agency/css/jquery.fancybox.css">
<link rel="stylesheet" href="model-agency/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="model-agency/css/line-awesome.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="model-agency/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="150" class="bg-dark">
<!-- PRELOADER -->
<div class="loader-area">
<!-- <div id='spin-wrap'>-->
<!-- <div id='spin'></div>-->
<!-- </div>-->
<div class="loader">
<span></span>
<span></span>
<span></span>
</div>
</div>
<header>
<nav id="my-nav" class="navbar navbar-expand-lg navbar-light rounded-bar sidemenu-nav">
<div class="menu-btn">
<span></span>
<span></span>
<span></span>
</div>
<div class="logo">
<a href="#home1" class="scroll"><img src="model-agency/img/logo-img.png" alt="Logo Img"></a>
</div>
</nav>
<div class="outer-wrapper">
<div class="nav-img" style="background: url('model-agency/img/navbar-img.jpg');">
<!-- <img src="model-agency/img/navbar-img.jpg" alt="BACKGROUND IMAGE">-->
</div>
<div class="overlay">
<a class="close-outerwindow"><i class="las la-times"></i></a>
<nav class="navbar-1 w-100">
<div class="row height small-nav">
<div class="col-12 col-md-5 d-flex justify-content-center align-items-center text-center text-md-left">
<ul id="primary" class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="index-model-agency.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="model-agency/howItWork.html">How It Works</a></li>
<li class="nav-item"><a class="nav-link" href="model-agency/models.html">Models</a></li>
<li class="nav-item"><a class="nav-link" href="model-agency/about.html">About Agency</a></li>
<li class="nav-item"><a class="nav-link" href="model-agency/contact.html">Apply Now</a></li>
</ul>
</div>
<div class="nav-icons">
<ul class="side-menu-icons">
<li><a href=" "><i class="lab la-facebook-f"></i></a></li>
<li><a href=" "><i class="lab la-twitter"></i></a></li>
<li><a href=" "><i class="lab la-google-plus"></i></a></li>
<li><a href=" "><i class="lab la-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</header>
<div class="main-content">
<section id="home1" class="home parallax-img1">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters height img-area">
<div class="col-12 d-flex align-items-center justify-content-center justify-content-lg-start text-center text-lg-left">
<div class="content-area">
<div class="text-home">
<p class="sub-heading text-white">Hi I'm</p>
<h1 class="main-heading text-white mb-3">Jessica Warrior</h1>
<p class="sub-heading text-white mb-5">New York based model</p>
<a href="#home2" class="btn btn-large trans-btn white-btn">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="home2" class="home parallax-img2">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters height img-area">
<div class="col-12 d-flex align-items-center justify-content-center justify-content-lg-start text-center text-lg-left">
<div class="content-area">
<div class="text-home">
<p class="sub-heading text-white">The Essence of</p>
<h1 class="main-heading text-white mb-3">Modeling & Fashion</h1>
<p class="sub-heading text-white mb-5">A lifetime experience</p>
<a href="#home3" class="btn btn-large trans-btn white-btn">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="home3" class="home parallax-img3">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters height img-area">
<div class="col-12 d-flex align-items-center justify-content-center justify-content-lg-start text-center text-lg-left">
<div class="content-area">
<div class="text-home text-white">
<p class="sub-heading">The Essence of</p>
<h1 class="main-heading">Natural Beauty</h1>
<p class="sub-heading mb-5">A surreal experience</p>
<a href="#about" class="btn btn-large trans-btn white-btn">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 margin-top-125">
<div class="about-text text-center text-lg-left">
<h6 class="heading">Basic info about us</h6>
<h1 class="main-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1>
</div>
</div>
<div class="col-12 col-lg-6 text-center text-lg-left">
<p class="sub-heading">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus.
<br><br>
Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
</div>
</div>
</div>
</section>
<section id="services" class="services">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-4 mt-sm-0 mt-md-0 mt-lg-0 mb-5 mb-md-3 mb-lg-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="las la-hand-holding-heart bg-feature-icon trans"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Profiles</h2>
<p class="card-text">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-4 mt-5 mt-md-0 mt-lg-0 mb-5 mb-md-0 mb-lg-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="las la-spa bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Casting</h2>
<p class="card-text sub-heading">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-4 mt-5 mt-md-5 mt-lg-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="las la-magic bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Training</h2>
<p class="card-text sub-heading">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="video" class="video bg-video-img">
<div class="overlay1">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center align-items-center">
<div class="video-btn">
<a data-fancybox="" href="https://vimeo.com/100899265"><i class="las la-play play-btn text-white"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about1" class="about">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 text-center text-lg-left">
<div class="about-text">
<h6 class="heading">Basic info about us</h6>
<h1 class="main-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1>
</div>
</div>
<div class="col-12 col-lg-6 text-center text-lg-left">
<p class="sub-heading">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus.
<br><br>
Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
</div>
</div>
</div>
</section>
<section id="stats-sec" class="stats-sec">
<div class="container">
<div class="row text-center">
<div class="col-12 col-md-6 col-lg-3 wow bounceIn">
<div class="media-card">
<p class="heading">300</p>
<p class="sub-heading">Happy Customers</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 wow bounceIn">
<div class="media-card">
<p class="heading">01K</p>
<p class="sub-heading">Achievements</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 wow bounceIn">
<div class="media-card">
<p class="heading">200</p>
<p class="sub-heading">Projects Completed</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 wow bounceIn">
<div class="media-card">
<p class="heading">100</p>
<p class="sub-heading">Cup of Coffees</p>
</div>
</div>
</div>
</div>
</section>
<section id="testimonial" class="testimonial">
<div class="row bg-dark-1">
<div class="col-12 col-lg-8">
<img src="model-agency/img/testimonial-img.jpg" alt="image">
</div>
<div class="col-12 col-lg-4 pl-4 pl-md-0 d-flex justify-content-center align-items-center text-center text-lg-left">
<div class="owl-testimonial owl-carousel owl-theme ">
<div class="item">
<p class="heading-large text-white">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet."</p>
<div class="rating">
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
</div>
</div>
<div class="item">
<p class="heading-large text-white">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet."</p>
<div class="rating">
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
</div>
</div>
<div class="item">
<p class="heading-large text-white">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet."</p>
<div class="rating">
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="booking" class="booking">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
<div class="booking_text text-center">
<h6 class="heading text-white">Apply Now</h6>
<h1 class="main-heading text-white mb-3">Become a Model</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
<a href="model-agency/contact.html" class="btn btn-large trans-btn white-btn">Apply Now</a>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="footer bg-dark-1">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<ul class="footer_ul">
<li class="footer_list"><i class="lab la-facebook-f"></i></li>
<li class="footer_list"><i class="lab la-twitter"></i></li>
<li class="footer_list"><i class="lab la-google-plus"></i></li>
<li class="footer_list"><i class="lab la-linkedin-in"></i></li>
<li class="footer_list"><i class="lab la-instagram"></i></li>
<li class="footer_list"><i class="las la-envelope"></i></li>
</ul>
<p class="info footer_text text-white"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themesindustry</p>
</div>
</div>
</div>
</section>
</div>
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="model-agency/js/circle-progress.min.js"></script>
<!-- custom script -->
<script src="model-agency/js/jquery.fancybox.js"></script>
<script src="model-agency/js/jquery.fancybox.min.js"></script>
<script src="model-agency/js/mediaelement-and-player.min.js"></script>
<script src="model-agency/js/wow.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="model-agency/js/script.js"></script>
</body>
</html>