?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/blog/
Upload File :
Current File : /home/webyoo/www/events/crm/blog/contact.html

<!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>Blog | MegaOne | Creative HTML5 Template</title>
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <!-- Favicon -->
    <link rel="icon" href="../blog/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="../blog/css/animate.min.css">
    <link rel="stylesheet" href="../blog/css/line-awesome.min.css">
    <link rel="stylesheet" href="../blog/css/mediaelementplayer.css">
    <link rel="stylesheet" href="../blog/css/mejs-controls.svg">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../blog/css/style.css">

</head>

<body data-spy=" " data-target=".navbar" data-offset="150">

<!--  PRELOADER  -->
<div class="loader-area">
    <div class='loader'>
        <div class='one'></div>
        <div class='two'></div>
        <div class='three'></div>
    </div>
</div>

<!--<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>-->

<!-- START NAVBAR SECTION -->
<header>

    <nav id="my-nav" class="navbar navbar-expand-lg navbar-light rounded-bar fixed-navbar">

        <ul class="navbar-icons">
            <li class="navbar_list"><i class="lab la-facebook-f"></i></li>
            <li class="navbar_list"><i class="lab la-twitter"></i></li>
            <li class="navbar_list"><i class="lab la-linkedin-in"></i></li>
        </ul>


        <div class="logo ml-auto mr-auto width-logo text-center">
            <a href="../index-blog.html"><img src="img/logo.png" alt="Logo Img"></a>
        </div>

        <div class="menu-btn">
            <span></span>
            <span></span>
            <span></span>
        </div>

    </nav>

    <div class="outer-wrapper">
        <div class="overlay1">

            <a class="close-outerwindow"><i class="las la-times"></i></a>

            <nav class="navbar-1 w-100">

                <div class="row small-nav text-center">

                    <div class="col-12">
                        <div class="logo-img text-center">
                            <a href="../index-blog.html"><img src="img/logo.png" alt="Logo Img"></a>
                        </div>
                        <ul class="navbar-nav mt-5 text-center">
                            <li class="nav-item"><a class="nav-link active" href="../index-blog.html">Home</a></li>
                            <li class="nav-item"><a class="nav-link" href="top-stories.html">Top Stories</a></li>
                            <li class="nav-item"><a class="nav-link" href="blogs.html">Blogs</a></li>
                            <li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
                        </ul>
                        <ul class="footer_ul text-center mt-3">
                            <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>
                        </ul>
                    </div>
                </div>

            </nav>
        </div>
    </div>
</header>


<!--HEADER IMAGE-->
<section id="bg-contact-img" class="bg-contact-img">
    <div class="overlay"></div>
</section>

<section class="contact-sec" id="contact-sec">

    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 contact-description wow slideInLeft" data-wow-delay=".8s">
                <div class="contact-detail wow fadeInLeft">
                    <div class="ex-detail">
                        <p class="portfolio-vert text-grey">contact us</p>
                        <h2 class="heading text-black pl-3">Get In<br> Touch</h2>
                    </div>
                    <p class="sub-heading text-grey small-text text-center text-md-left">
                        Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard.
                    </p>
                    <div class="row location-details text-center text-md-left">
                        <div class="col-12 col-md-6 country-1">
                            <h4 class="heading-text text-left text-black">United States</h4>
                            <ul>
                                <li><i class="fas fa-mobile-alt"></i><a href="#">+(34) 609 33 17 54</a></li>
                                <li><i class="fas fa-envelope"></i><a href="#">email@website.com</a></li>
                                <li><i class="fas fa-map-marker"></i><a href="#">201 Oak Street 27 Manchester, USA</a></li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-6 couuntry-1">
                            <h4 class="heading-text text-left text-black">Australia</h4>
                            <ul>
                                <li><i class="fas fa-mobile-alt"></i><a href="#">+(34) 609 33 17 54</a></li>
                                <li><i class="fas fa-envelope"></i><a href="#">email@website.com</a></li>
                                <li><i class="fas fa-map-marker"></i><a href="#">201 Oak Street 27 Manchester, USA</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-6 contact-box text-center text-md-left wow slideInRight" data-wow-delay=".8s">
                <div class="c-box wow fadeInRight">
                    <h4 class="small-heading">Leave Message</h4>
                    <form class="contact-form" id="contact-form-data">
                        <div class="row my-form">

                            <div class="col-md-12 col-sm-12">
                                <div id="result"></div>
                            </div>

                            <div class="col-12 col-md-6">
                                <input type="text" class="form-control" id="candidate_fname" name="firstName" placeholder="First Name" required="required">
                            </div>
                            <div class="col-12 col-md-6">
                                <input type="text" class="form-control" id="candidate_lname" name="lastName" placeholder="Last Name" required="required">
                            </div>
                            <div class="col-12 col-md-6">
                                <input type="email" class="form-control" id="user_email" name="userEmail" placeholder="Email" required="required">
                            </div>
                            <div class="col-12 col-md-6">
                                <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">
                                <button class="btn btn-primary contact_btn" type="button">SUBMIT
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </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="450" style="border:0;" allowfullscreen=""></iframe>
                </div>
            </div>
        </div>
    </div>
</section>

<!--  START FOOTER SECTION  -->
<section id="footer" class="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 themesindustry</p>
            </div>
        </div>
    </div>
</section>



<!-- 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>

<!-- custom script -->
<script src="../blog/js/mediaelement-and-player.min.js"></script>
<script src="../blog/js/wow.min.js"></script>

<!--contact form-->
<script src="../vendor/js/contact_us.js"></script>

<script src="../blog/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019