?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/partenaires-lonlay/
Upload File :
Current File : /home/webyoo/www/backup/allback/partenaires-lonlay/contact.html

<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en"> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <!-- GOOGLE FONT -->
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

    <!-- CSS LIBRARY -->
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css">

    <!-- ANIMATION -->
    <link rel="stylesheet" type="text/css" href="css/lib/animate.css">


    <!-- PAGE STYLE -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    
    <title>Oringin</title>
</head>
<body id="page-top" data-spy="scroll">

<!-- PRELOADER -->
<div class="preloader">
    <div class="loading-wrap">
        <div class="p-loading" data-loading="Loading">Loading</div>
    </div>
</div>
<!-- END / PRELOADER -->

<!-- PAGE WRAP -->
<div id="page-wrap">

    <!-- HEADER -->
    <header id="header" class="header header-1">
        <div class="container">
            <!-- LOGO -->
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <!-- END / LOGO -->

            <div class="open-menu">
                <span class="item-1"></span>
                <span class="item-2"></span>
                <span class="item-3"></span>
            </div>

            <!-- NAVIGATION -->
            <nav class="on-navigation text-right" data-menu-type="1200">
                <!-- NAV -->
                <ul class="nav text-uppercase">
                    <li class="menu-item"><a href="../#page-top">Home</a></li>
                    <li class="menu-item"><a href="../#about">About</a></li>
                    <li class="menu-item"><a href="../#team">Team</a></li>
                    <li class="menu-item"><a href="../#skill">Skill</a></li>
                    <li class="menu-item"><a href="../#portfolio">Portfolio</a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="/portfolio-1.html">Portfolio 1</a></li>
                            <li class="menu-item"><a href="/portfolio-2.html">Portfolio 2</a></li>
                            <li class="menu-item"><a href="/portfolio-3.html">Portfolio 3</a></li>
                        </ul>
                    </li>
                    <li class="menu-item"><a href="../#pricing">Pricing</a></li>
                    <li class="menu-item"><a href="../#latest-post">Blog</a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="blog-masonry.html">Blog Masonry</a></li>
                            <li class="menu-item"><a href="blog-masonry-fluid.html">Blog Fluid Masonry</a></li>
                            <li class="menu-item"><a href="blog-timeline.html">Blog Timeline</a></li>
                            <li class="menu-item"><a href="blog-list.html">Blog List</a></li>
                        </ul>
                    </li>
                    <li class="menu-item"><a href="/#contact">Contact</a></li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Page</a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="contact.html">Contact</a></li>
                            <li class="menu-item"><a href="about.html">About</a></li>
                            <li class="menu-item"><a href="404.html">404</a></li>
                            <li class="menu-item"><a href="comingsoon.html">Comingsoon</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Dropdown</a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="#">Dropdown 1</a></li>
                            <li class="menu-item"><a href="#">Dropdown 2</a></li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Dropdown 3</a>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="#">Dropdown 1</a></li>
                                    <li class="menu-item"><a href="#">Dropdown 2</a></li>
                                    <li class="menu-item"><a href="#">Dropdown 3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!-- END / NAV -->
            </nav>
            <!-- END / NAVIGATION -->
        </div>

    </header>
    <!-- END / HEADER -->

    <!-- BREADCRUMB -->
    <section class="breadcrumbs-wrapper">
        <div class="container">
            <ul class="breadcrumbs text-center">
                <li><a href="index.html">Home</a></li>
                <li><span>Contact</span></li>
            </ul>
        </div>
    </section>
    <!-- END / BREADCRUMB -->

    <!-- CONTACT -->
    <section id="contact" class="contact">
        <div class="container">
            <!-- SECTION HEAD -->
            <div class="section-head text-left">
                <h2 class="h4 text-uppercase">CONTACT</h2>
                <p class="sub-title text-uppercase">Don't hesitate to get in touch with us, we would love to discuss on your project</p>
            </div>
            <!-- END / SECTION HEAD -->

            <div class="row">
                <div class="col-md-6">
                    <form class="contact-form">
                        <div class="form-item fl">
                            <input type="text" placeholder="Name">
                        </div>
                        <div class="form-item fr">
                            <input type="text" placeholder="Email">
                        </div>
                        <div class="form-textarea-wrapper">
                            <textarea placeholder="Message"></textarea>
                        </div>
                        <div class="form-submit">
                            <input type="submit" value="Send" class="on-btn btn-style-2 text-uppercase">
                        </div>
                    </form>
                </div>
                <div class="col-md-5 col-md-offset-1">
                    <div class="address-info">
                        <div class="address">
                            <i class="fa fa-map-marker"></i>
                            <span>121 King Street, Melbourne Victoria 3000 Australia</span>
                        </div>
                        <div class="email">
                            <i class="fa fa-envelope"></i>
                            <a href="#">Oringin@info.com</a>
                        </div>
                        <div class="phone">
                            <i class="fa fa-phone"></i>
                            <span>+0987654321 (+012345678)</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="map" data-map-zoom="14" data-map-latlng="45.738028, 21.224535" data-snazzy-map-theme="grayscale" data-map-marker="images/marker.png" data-map-marker-size="22*31"></div>
    </section>
    <!-- END / CONTACT -->



    <!-- FOOTER -->
    <footer id="footer" class="footer">
        <div class="container">
            <div class="copyright text-uppercase">
                Copyrights © 2015 All Rights Reserved by Xgio
            </div>
            <div class="foot-social">
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-dribbble"></i></a>
                <a href="#"><i class="fa fa-google-plus"></i></a>
            </div>
        </div>
    </footer>
    <!-- END / FOOTER -->
    

</div>
<!-- END / PAGE WRAP -->

<!-- LOAD JQUERY -->
<script type="text/javascript" src="js/lib/jquery-1.11.2.min.js"></script>

<!-- GOOGLE MAP -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.owl.carousel.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/lib/retina.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>



web shell, Coded By 2019