?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<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="Megaone 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>Model agency | MegaOne | Creative HTML5 Template</title>
<!-- <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">-->
<!-- Favicon -->
<link rel="icon" href="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="css/animate.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/line-awesome.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="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 nav-full-width">
<div class="menu-btn">
<span></span>
<span></span>
<span></span>
</div>
<div class="logo">
<a href="../index-model-agency.html"><img src="img/logo-img.png" alt="Logo Img"></a>
</div>
</nav>
<div class="outer-wrapper">
<div class="nav-img" style="background: url('img/navbar-img.jpg');">
<!-- <img src="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" href="../index-model-agency.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="howItWork.html">How It Works</a></li>
<li class="nav-item"><a class="nav-link" href="models.html">Models</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Agency</a></li>
<li class="nav-item"><a class="nav-link" href="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="bg-rates-img" class="bg-rates-img banner-sec text-center text-lg-left">
<div class="container">
<div class="row">
<div class="col-12">
<div class="banner-content">
<h4 class="banner-heading">Apply Now</h4>
<div class="crumbs">
<nav aria-label="breadcrumb" class="breadcrumb-items">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index-model-agency.html"><i class="las la-home"></i> Home</a></li>
<li class="breadcrumb-item"><a href="contact.html">Apply Now</a></li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about1" class="about">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<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-md-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="booking" class="booking">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-7 form-outer ml-auto mr-auto mt-5 text-left">
<!-- <h1 class="main-heading text-grey text-center">Book Now!</h1>-->
<form class="contact-form" id="contact-form-data">
<div class="row mt-4">
<div class="col-sm-12" id="result"></div>
<div class="col-lg-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" required name="userName">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email" required name="userEmail">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<input class="form-control" type="number" placeholder="Phone no" required name="userPhone">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<textarea class="form-control" type="email" placeholder="Enter Message Here" required name="userMessage" rows="6"></textarea>
</div>
</div>
<button type="button" class="btn btn-large trans-btn white-btn ml-auto ml-lg-3 mr-auto mt-4 contact_btn" >Apply Now</button>
</div>
</form>
</div>
<div class="col-12 col-lg-5">
<section class="contact-content contact-padding">
<div class="container">
<div class="row">
<div class="col-sm-12 mt-5 mt-md-5 mt-lg-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="las la-history bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Working Days</h2>
<p class="card-text mb-3">Monday to friday<br/> 8am to 7pm</div>
</div>
</div>
<div class="col-sm-12 pt-50 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-map-marked bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Where We Are</h2>
<p class="card-text mb-3">123 Street, New York<br>United States Of America.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- START MAP SECTION -->
<section id="map">
<div class="row">
<div class="col-12">
<div class="mapouter">
<div class="gmap_canvas">
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.9674103770367!2d-111.89998968532109!3d33.31966746342612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2s!4v1573716071790!5m2!1sen!2s" width="600" height="520" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="contact-content" class="contact-content">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4 mt-sm-0 mt-md-0 mt-lg-0 mb-md-3 mb-lg-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="las la-history bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Who We Are</h2>
<p class="card-text sub-heading mb-3">Lorem ipsum dolor sit amet, adipi elit et dolore magna.</div>
</div>
</div>
<div class="col-sm-12 col-md-6 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-map-marked bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Where We Are</h2>
<p class="card-text mb-3">123 Street, New York<br>United States Of America.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 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-envelope-open-text bg-feature-icon"></i>
</div>
<div class="card-body">
<h2 class="card-title text-grey">Email & Call</h2>
<p class="card-text sub-heading mb-3">email@website.com<br>+1 010 853 7970</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="footer light-dark-bg">
<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-brown"><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="js/circle-progress.min.js"></script>
<!-- custom script -->
<script src="js/jquery.fancybox.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>