?
á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="Product 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>Yoga | MegaOne | Creative HTML5 Template</title>
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<!-- Favicon -->
<link rel="icon" href="../yoga/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin 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/cubeportfolio.min.css">
<link rel="stylesheet" href="../yoga/css/animate.min.css">
<link rel="stylesheet" href="../yoga/css/line-awesome.min.css">
<link rel="stylesheet" href="../yoga/css/owl.theme.default.min.css">
<link rel="stylesheet" href="../yoga/css/mediaelementplayer.css">
<link rel="stylesheet" href="../yoga/css/mejs-controls.svg">
<!-- Style Sheet -->
<link rel="stylesheet" href="../yoga/css/style.css">
<link rel="stylesheet" href="../yoga/css/settings.css">
</head>
<body data-spy=" " data-target=".navbar" data-offset="150">
<!-- PRELOADER -->
<div class="loader1">
<div id="loading-area"></div>
</div>
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>
<!-- START NAVBAR SECTION -->
<header>
<div class="circle rounded-circle"></div>
<img class="logo_icon" src="../yoga/img/logo-icon.png" alt="">
<div class="logo margin_navbar-logo logo_display">
<a href="../index-yoga.html">
<img src="../yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
<div class="my-tog-btn">
<span></span>
<span></span>
<span></span>
</div>
<!-- NAVBAR FOR LARGE SCREEN-->
<nav id="my-nav1" class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent1" >
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="seventh nav-link before after" href="../index-yoga.html">Home</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="about-yoga.html">About Yoga</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="process.html">Our Process</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="schedule.html">Schedule</a>
</li>
</ul>
<div class="logo">
<a href="../index-yoga.html"><img src="../yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="seventh nav-link before after" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="prices.html">Our Prices</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after" href="blog.html">Yoga Blogs</a>
</li>
<li class="nav-item">
<a class="seventh nav-link before after active" href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!--MODEL WINDOW FOR NAVBAR-->
<div class="outer-window">
<div class="navbar_small">
<a class="close-outerwindow"><i class="lni-close"></i>
</a>
<div class="logo">
<a href="../index-yoga.html"><img src="../yoga/img/logo_img.png" alt="Logo Img"></a>
</div>
</div>
<nav class="navbar1">
<ul class="navbar-nav">
<li class="nav-item animation1"><a class="nav-link" href="../index-yoga.html">Home</a></li>
<li class="nav-item animation1"><a class="nav-link" href="about-yoga.html">About Yoga</a></li>
<li class="nav-item animation1"><a class="nav-link " href="process.html">Our Process</a></li>
<li class="nav-item animation1"><a class="nav-link active" href="schedule.html">Schedule</a></li>
<li class="nav-item animation1"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item animation1"><a class="nav-link" href="prices.html">Our Prices</a></li>
<li class="nav-item animation1"><a class="nav-link active" href="blog.html">Yoga Blogs</a></li>
<li class="nav-item animation1"><a class="nav-link active" href="contact-us.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<div id="page_content" class="overflow-hidden">
<!--HEADER IMAGE-->
<div class="header7_img">
<div class="overlay">
<div class="header_tittle">
<p class="header_tittle1">Contact Us</p>
<p class="header_tittle2">A natural way of getting a perfect body & mind</p>
</div>
</div>
</div>
<section id="information_process">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-6 order-1 order-md-1 order-lg-1 margin_form wow fadeInLeft" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInLeft;">
<p class="colored_heading">Need to talk</p>
<h1 class="heading_mainc margin_heading"> Let's Get In Touch</h1>
<ul class="contact-list">
<li>123 Street New York City , United States Of America.</li>
<li>Office Telephone : 001 01085379709</li>
<li>Mobile : 001 63165370895 Email : admin@website.com</li>
<li>Inquiries : email@website.com</li>
<li>Mon-Fri: 9am to 6pm</li>
</ul>
</div>
<div class="col-12 col-md-6 col-lg-6 order-2 order-md-2 order-lg-2 img-sc1 wow fadeInRight" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInRight;">
<div class="blue_rectangle right-0"></div>
<div class="about_img">
<img src="img/contact_img.png" alt="Yoga Image">
</div>
</div>
</div>
</div>
</section>
<section id="contact_form">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-8 col-lg-6 order-2 order-lg-1 pt-4 information_process">
<p class="colored_heading">Contact Form</p>
<h1 class="heading_mainc margin_heading">Have any question?</h1>
<form id="contact-form-data">
<div class="row mt-5">
<div class="col-12">
<div class="col-md-12 col-sm-12">
<div id="result"></div>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" required id="candidate_name" name="userName">
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email" required id="user_email" name="userEmail">
</div>
</div>
<div class="col-lg-4">
<div class="form-group ">
<input class="form-control" type="text" placeholder="Subject" id="user_subject" name="userSubject">
</div>
</div>
<div class="col-12">
<div class="form-group ">
<textarea class="form-control" placeholder="Message" required rows="5" id="user_message" name="userMessage"></textarea>
</div>
<button type="button" class="btn btn-large btn-primary padding_button w-100 contact_btn" id="submit_btn">SUBMIT REQUEST</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- START MAP SECTION -->
<section id="map" class="margin_footer-top">
<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="450" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- START FOOTER SECTION -->
<section id="footer">
<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"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>
</div>
</div>
</div>
</section>
</div>
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- custom script -->
<script src="../yoga/js/mediaelement-and-player.min.js"></script>
<script src="../yoga/js/wow.min.js"></script>
<!--contact form-->
<script src="../vendor/js/contact_us.js"></script>
<script src="../yoga/js/script.js"></script>
</body>
</html>