?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/portfolio/
Upload File :
Current File : /home/webyoo/www/events/crm/portfolio/contact-us.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags For Seo + Page Optimization -->
    <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="Portfolio 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>Contact Us</title>
    <!-- Favicon -->
    <link rel="icon" href="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/swiper.min.css">
    <link rel="stylesheet" href="../vendor/css/wow.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
    <link rel="stylesheet" href="../vendor/css/mediaelementplayer.min.css"/>
    <link rel="stylesheet" href="css/hover.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body data-spy="scroll" data-target=".side_menu" data-offset="90">

<!--modal window loader-->
<div class="loader center-block">

    <div class="loaders loader-1">
        <div class="loader-outter"></div>
        <div class="loader-inner"></div>
    </div>
</div>
<!--modal window loader end-->

<!--main page loader-->
<div class="main-loader center-block">
    <div class="loaders loader-1">
        <div class="loader-outter"></div>
        <div class="loader-inner"></div>
    </div>

</div>
<!--main page loader end-->


<!--main page content-->
<div class="wrap_container body">
    <div class="main_container">
        <div class="side_nav cursor-light">
            <div class="my-sticky-nav">
                <div class="side_menu">
                    <a class="brand-logo" href="../index-portfolio.html">
                        <img src="img/logo.png" alt="image" style="height: 87%;width: 87%;"/>
                    </a>
                    <div id="my_tog" class="my_tog cursor-light" onmouseover="my_click();">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                      <nav class="side-nav-menu ">
                        <ul class="nav-menu nav-fill">
                            <li class="nav-item"><span>0</span>
                                <p class="count1" data-count="1">1</p><span>.</span><a class="nav-link" href="../index-portfolio.html">HOME<span class="active"></span></a>
                            </li>
                            <li class="nav-item"><span>0</span>
                                <p class="count2" data-count="2">2</p><span>.</span><a class="nav-link" href="../index-portfolio.html#skill-sec">ABOUT MEGAONE<span></span></a>
                            </li>
                            <li class="nav-item"><span>0</span>
                                <p class="count3" data-count="3">3</p><span>.</span><a class="nav-link" href="../index-portfolio.html#project-sec">PROJECTS<span></span></a>
                            </li>
                            <li class="nav-item"><span>0</span>
                                <p class="count5" data-count="4">4</p><span>.</span><a class="nav-link" href="../index-portfolio.html#pricing-sec">PRICING<span></span></a>
                            </li>
                            <li class="nav-item"><span>0</span>
                                <p class="count4" data-count="4">4</p><span>.</span><a class="nav-link" href="../index-portfolio.html#client-sec">CLIENTS<span></span></a>
                            </li>
                            <li class="nav-item"><span>0</span>
                                <p class="count6" data-count="6">6</p><span>.</span><a class="nav-link" href="#contact-us-sec">CONTACT
                                    US<span></span></a></li>
                        </ul>
                        <div class="slider-social side-icons cursor-light">
                            <ul class="list-unstyled">
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                        <p class="rites-res"><span class="d-block" style="color: #f73859;">© 2019 MegaOne.</span> Made with love by Themes Industry</p>

                        <!--                        <div class="for-magic"></div>-->
                    </nav>
                </div>
            </div>
        </div>
        <div class="body_wrapper" id="body_section">
            <div class="inner-content">
                <div class="overlay-body"></div>
                <!-- nabvar start-->
                <header id="home">
                    <nav class="navbar navbar-light bg-light cursor-light">
                        <div class="my_nav_tog d-block d-md-none">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                         <a class="navbar-brand ml-auto mr-auto" href="../index-portfolio.html">
                            <img src="img/logo.png" alt="image" style="height: 100%;width: 100%;"/>
                        </a>

                        <!--Slider Social-->
                        <div class="slider-social d-none d-md-block">
                            <ul class="list-unstyled">
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                            </ul>
                        </div>
                        <!--Cursor-->

                    </nav>

                    <!--Animated Cursor-->
                    <div class="aimated-cursor">
                        <div class="cursor">
                            <div class="cursor-loader"></div>
                        </div>
                    </div>
                    <!--Animated Cursor End-->

                    <div class="broad">
                        <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
                        <nav class="side-nav-menu">
                            <a class="brand-logo" href="#">
                                <img src="img/logo.png" alt="image" style="height: 90%;width: 90%;"/>
                            </a>
                            <ul class="nav-menu nav-fill">
                                <li class="nav-item">
                                    <span>01.</span><a class="nav-link" href="../index-portfolio.html">HOME<span class="active"></span></a>
                                </li>
                                <li class="nav-item">
                                    <span>02.</span><a class="nav-link" href="../index-portfolio.html#services-sec">ABOUT MEGAONE<span></span></a>
                                </li>
                                <li class="nav-item">
                                    <span>03.</span><a class="nav-link" href="../index-portfolio.html#project-sec">PROJECTS<span></span></a>
                                </li>
                                <li class="nav-item">
                                    <span>04.</span><a class="nav-link" href="../index-portfolio.html#pricing-sec">PRICING<span></span></a>
                                </li>
                                <li class="nav-item">
                                    <span>05.</span><a class="nav-link" href="#client-sec">CLIENTS<span></span></a>
                                </li>
                                <li class="nav-item">
                                    <span>06.</span><a class="nav-link" href="#contact-us-sec">CONTACT
                                    US<span></span></a></li>
                            </ul>
                            <div class="social-icons">
                                <span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
                                <span><a href="#"><i class="fab fa-twitter"></i></a></span>
                                <span><a href="#"><i class="fab fa-linkedin-in"></i></a></span>
                                <span><a href="#"><i class="fab fa-instagram"></i></a></span>
                            </div>
                            <p class="rites-res"><span class="d-block">© 2019 MegaOne.</span> Made with love by Themes Industry</p>

                        </nav>
                    </div>
                </header>
                <!-- navbar end-->
                <!-- inner body content start-->
                <div class="inner_body">

                    <!-- Slider content start-->
                    <div class="slider-sec">
                        <div id="map"></div>
                    </div>
                    <!--- Slider end-->

                    <!--Services content start-->
                    <div  class="contact-us-sec contact-page pb-0">
                        <div class="container">
                            <div class="row contact-details pb-3 text-center">
                                <div class="col-12" >
                                    <p class="sub-heading text-center"><span></span>Most flexible one page</p>
<!--                                    <span class="contact-sub-heading">Lorem ipsum dolor sit amet consectetur</span>-->
                                    <h4 class="main-heading">Let's Get In Touch</h4>
<!--                                    <p class="contact-address">123 Street New York City , United States Of America.</p>-->
                                        <ul class="contact-list">
                                            <li><span>Office Telephone :</span> 001 01085379709</li>
                                            <li><span>Mobile :</span> 001 63165370895</li>
                                            <li><span>Email :</span> admin@website.com</li>
                                            <li><span>Inquiries :</span> email@website.com</li>
                                            <li><span>Mon-Fri:</span> 9am to 6pm</li>
                                        </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services content start-->

                    <div class="contact-us-form">
                        <div class="container">
                            <div class="row services-details text-center">
                                <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
                                    <p class="sub-heading text-center"><span></span>Contact Form</p>
                                    <h4 class="main-heading">Do you have any Questions?</h4>
                                    <form class="contact-form" id="contact-form-data">
                                        <div class="row my-form">
                                            <div class="col-md-12 col-sm-12 mb-1">
                                                <div id="result"></div>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <input type="text" class="form-control" id="candidate_name" name="userName" placeholder="Name" required="required">
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <input type="email" class="form-control" id="user_email" name="userEmail" placeholder="Email" required="required">
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <input type="text" class="form-control" id="user_subject" name="userSubject" placeholder="Subject" required="required">
                                            </div>
                                            <div class="col-12">
                                                <textarea class="form-control" id="user_message" name="userMessage" placeholder="Message" rows="7" required="required"></textarea>
                                            </div>
                                            <div class="col-12 text-center">
                                                <button class="btn our-btn rounded-pill user-contact contact_btn" type="button">SUBMIT</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Contact us content start-->
                    <div id="contact-us-sec" class="contact-us-sec cursor-light">
                        <div class="container">
                            <div class="row no-gutters">
                                <div class="col-12 contact-details text-center">
                                    <div class="row no-gutters">
                                        <div class="col-10 offset-1">
                                            <p class="contact-address">123 Street New York City , United States Of America.</p>
                                            <ul class="slider-social contact-s-media page-footer">
                                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a> </li>
                                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a> </li>
                                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-google-plus-g"></i> </a> </li>
                                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a> </li>
                                                <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a> </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="aimated-cursor">
                        <div class="cursor">
                            <div class="cursor-loader"></div>
                        </div>
                    </div>
                    <!--Contact us content end-->

                 </div>
                <!-- inner body content end-->
            </div>
        </div>
    </div>
</div>

<!--main page content end-->




<!-- vendersJavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="js/fancybox.js"></script>
<script src="js/form_validation.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhrdEzlfpnsnfq4MgU1e1CCsrvVx2d59s"></script>
<script src="js/map.js"></script>
<script src="../vendor/js/mediaelement-and-player.min.js"></script>
<!--contact form-->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>

</body>
</html>



web shell, Coded By 2019