593 lines
23 KiB
HTML
593 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Zenna | Contact</title>
|
||
|
||
<meta charset="utf-8">
|
||
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<meta name="description" content="">
|
||
|
||
<!-- Google Fonts -->
|
||
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700%7COpen+Sans:400,400i,600,700' rel='stylesheet'>
|
||
|
||
<!-- Css -->
|
||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||
<link rel="stylesheet" href="css/font-icons.css" />
|
||
<link rel="stylesheet" href="css/sliders.css" />
|
||
<link rel="stylesheet" href="css/style.css" />
|
||
|
||
<!-- Favicons -->
|
||
<link rel="shortcut icon" href="img/favicon.ico">
|
||
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
|
||
|
||
</head>
|
||
|
||
<body class="relative">
|
||
|
||
<!-- Preloader -->
|
||
<div class="loader-mask">
|
||
<div class="loader">
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<main class="main-wrapper">
|
||
|
||
<header class="nav-type-1">
|
||
|
||
<!-- Fullscreen search -->
|
||
<div class="search-wrap">
|
||
<div class="search-inner">
|
||
<div class="search-cell">
|
||
<form method="get">
|
||
<div class="search-field-holder">
|
||
<input type="search" class="form-control main-search-input" placeholder="Search for">
|
||
<i class="ui-close search-close" id="search-close"></i>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end fullscreen search -->
|
||
|
||
<!-- Top Bar -->
|
||
<div class="top-bar hidden-xs">
|
||
<div class="container">
|
||
<div class="top-bar-links flex-parent">
|
||
<ul class="top-bar-currency-language">
|
||
<li>
|
||
Currency: <a href="#">USD<i class="fa fa-angle-down"></i></a>
|
||
<div class="currency-dropdown">
|
||
<ul>
|
||
<li><a href="#">USD</a></li>
|
||
<li><a href="#">EUR</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="language">
|
||
Language: <a href="#">ENG<i class="fa fa-angle-down"></i></a>
|
||
<div class="language-dropdown">
|
||
<ul>
|
||
<li><a href="#">English</a></li>
|
||
<li><a href="#">Spanish</a></li>
|
||
<li><a href="#">German</a></li>
|
||
<li><a href="#">Chinese</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
<ul class="top-bar-acc">
|
||
<li class="top-bar-link"><a href="#">My Wishlist</a></li>
|
||
<li class="top-bar-link"><a href="#">Newsletter</a></li>
|
||
<li class="top-bar-link"><a href="#">Login</a></li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- end top bar -->
|
||
|
||
<nav class="navbar navbar-static-top">
|
||
<div class="navigation" id="sticky-nav">
|
||
<div class="container relative">
|
||
|
||
<div class="row flex-parent">
|
||
|
||
<div class="navbar-header flex-child">
|
||
<!-- Logo -->
|
||
<div class="logo-container">
|
||
<div class="logo-wrap">
|
||
<a href="index.html">
|
||
<img class="logo-dark" src="img/logo_dark.png" alt="logo">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<!-- Mobile cart -->
|
||
<div class="nav-cart mobile-cart hidden-lg hidden-md">
|
||
<div class="nav-cart-outer">
|
||
<div class="nav-cart-inner">
|
||
<a href="#" class="nav-cart-icon">
|
||
<span class="nav-cart-badge">2</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end navbar-header -->
|
||
|
||
<div class="nav-wrap flex-child">
|
||
<div class="collapse navbar-collapse text-center" id="navbar-collapse">
|
||
|
||
<ul class="nav navbar-nav">
|
||
|
||
<li class="dropdown">
|
||
<a href="#">Home</a>
|
||
<i class="fa fa-angle-down dropdown-trigger"></i>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="index-2.html">Home 2</a></li>
|
||
<li><a href="index-3.html">Home 3</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="dropdown">
|
||
<a href="#">Pages</a>
|
||
<i class="fa fa-angle-down dropdown-trigger"></i>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="about-us.html">About Us</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
<li><a href="faq.html">F.A.Q</a></li>
|
||
<li><a href="404.html">404</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="dropdown">
|
||
<a href="#">Blog</a>
|
||
<i class="fa fa-angle-down dropdown-trigger"></i>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="blog-standard.html">Standard</a></li>
|
||
<li><a href="blog-single.html">Single Post</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="dropdown">
|
||
<a href="#">Shop</a>
|
||
<i class="fa fa-angle-down dropdown-trigger"></i>
|
||
<ul class="dropdown-menu megamenu-wide">
|
||
<li>
|
||
<div class="megamenu-wrap container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-3 megamenu-item">
|
||
<ul class="menu-list">
|
||
<li>
|
||
<span>Shop Pages</span>
|
||
</li>
|
||
<li><a href="shop-catalog.html">Catalog no Sidebar</a></li>
|
||
<li><a href="shop-catalog-sidebar.html">Catalog With Sidebar</a></li>
|
||
<li><a href="shop-single.html">Single Product</a></li>
|
||
<li><a href="shop-cart.html">Cart</a></li>
|
||
<li><a href="shop-checkout.html">Checkout</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-3 megamenu-item">
|
||
<ul class="menu-list">
|
||
<li>
|
||
<span>For Her</span>
|
||
</li>
|
||
<li><a href="catalog.html">Dresses</a></li>
|
||
<li><a href="catalog.html">Watches</a></li>
|
||
<li><a href="catalog.html">Belts</a></li>
|
||
<li><a href="catalog.html">Jackets</a></li>
|
||
<li><a href="catalog.html">Scarfs</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-3 megamenu-item">
|
||
<ul class="menu-list">
|
||
<li>
|
||
<span>Accessories</span>
|
||
</li>
|
||
<li><a href="catalog.html">Wallets</a></li>
|
||
<li><a href="catalog.html">Watches</a></li>
|
||
<li><a href="catalog.html">Belts</a></li>
|
||
<li><a href="catalog.html">Shoes</a></li>
|
||
<li><a href="catalog.html">Scarfs</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-3 megamenu-item">
|
||
<ul class="menu-list">
|
||
<li>
|
||
<span>For Him</span>
|
||
</li>
|
||
<li><a href="catalog.html">T-shirts</a></li>
|
||
<li><a href="catalog.html">Watches</a></li>
|
||
<li><a href="catalog.html">Belts</a></li>
|
||
<li><a href="catalog.html">Jeans</a></li>
|
||
<li><a href="catalog.html">Scarfs</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="dropdown">
|
||
<a href="#">Elements</a>
|
||
<i class="fa fa-angle-down dropdown-trigger"></i>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="shortcodes.html">Shortcodes</a></li>
|
||
<li><a href="typography.html">Typography</a></li>
|
||
</ul>
|
||
</li> <!-- end elements -->
|
||
|
||
<li class="mobile-links hidden-lg hidden-md">
|
||
<a href="#">My Account</a>
|
||
</li>
|
||
|
||
<!-- Mobile search -->
|
||
<li id="mobile-search" class="hidden-lg hidden-md">
|
||
<form method="get" class="mobile-search">
|
||
<input type="search" class="form-control" placeholder="Search...">
|
||
<button type="submit" class="search-button">
|
||
<i class="fa fa-search"></i>
|
||
</button>
|
||
</form>
|
||
</li>
|
||
|
||
</ul> <!-- end menu -->
|
||
</div> <!-- end collapse -->
|
||
</div> <!-- end col -->
|
||
|
||
<div class="flex-child flex-right nav-right hidden-sm hidden-xs">
|
||
<ul>
|
||
<li class="nav-register">
|
||
<a href="#">My Account</a>
|
||
</li>
|
||
<li class="nav-search-wrap style-2 hidden-sm hidden-xs">
|
||
<a href="#" class="nav-search search-trigger">
|
||
<i class="fa fa-search"></i>
|
||
</a>
|
||
</li>
|
||
<li class="nav-cart">
|
||
<div class="nav-cart-outer">
|
||
<div class="nav-cart-inner">
|
||
<a href="#" class="nav-cart-icon">
|
||
0
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="nav-cart-container">
|
||
<div class="nav-cart-items">
|
||
|
||
<div class="nav-cart-item clearfix">
|
||
<div class="nav-cart-img">
|
||
<a href="#">
|
||
<img src="img/shop/shop_item_1.jpg" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="nav-cart-title">
|
||
<a href="#">
|
||
Ladies Bag
|
||
</a>
|
||
<div class="nav-cart-price">
|
||
<span>1 x</span>
|
||
<span>1250.00</span>
|
||
</div>
|
||
</div>
|
||
<div class="nav-cart-remove">
|
||
<a href="#" class="remove"><i class="ui-close"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nav-cart-item clearfix">
|
||
<div class="nav-cart-img">
|
||
<a href="#">
|
||
<img src="img/shop/shop_item_2.jpg" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="nav-cart-title">
|
||
<a href="#">
|
||
Sequin Suit longer title
|
||
</a>
|
||
<div class="nav-cart-price">
|
||
<span>1 x</span>
|
||
<span>1250.00</span>
|
||
</div>
|
||
</div>
|
||
<div class="nav-cart-remove">
|
||
<a href="#" class="remove"><i class="ui-close"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
</div> <!-- end cart items -->
|
||
|
||
<div class="nav-cart-summary">
|
||
<span>Cart Subtotal</span>
|
||
<span class="total-price">$1799.00</span>
|
||
</div>
|
||
|
||
<div class="nav-cart-actions mt-20">
|
||
<a href="shop-cart.html" class="btn btn-md btn-dark"><span>View Cart</span></a>
|
||
<a href="shop-checkout.html" class="btn btn-md btn-color mt-10"><span>Proceed to Checkout</span></a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div> <!-- end row -->
|
||
</div> <!-- end container -->
|
||
</div> <!-- end navigation -->
|
||
</nav> <!-- end navbar -->
|
||
</header>
|
||
|
||
<!-- Page Title -->
|
||
<section class="page-title text-center bg-img overlay" style="background-image: url(img/page_title/contact_title_bg.jpg)">
|
||
<div class="container relative clearfix">
|
||
<div class="title-holder">
|
||
<div class="title-text">
|
||
<h1 class="uppercase">Contact</h1>
|
||
<ol class="breadcrumb">
|
||
<li>
|
||
<a href="index.html">Home</a>
|
||
</li>
|
||
<li>
|
||
<a href="index.html">Pages</a>
|
||
</li>
|
||
<li class="active">
|
||
Contact
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="content-wrapper oh">
|
||
|
||
<!-- Contact -->
|
||
<section class="section-wrap contact pb-40">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-8 mb-40">
|
||
<form id="contact-form" action="#">
|
||
|
||
<div class="contact-name">
|
||
<input name="name" id="name" type="text" placeholder="Name*">
|
||
</div>
|
||
<div class="contact-email">
|
||
<input name="mail" id="mail" type="email" placeholder="E-mail*">
|
||
</div>
|
||
<div class="contact-subject">
|
||
<input name="subject" id="subject" type="text" placeholder="Subject">
|
||
</div>
|
||
|
||
<textarea name="comment" id="comment" placeholder="Message" rows="9"></textarea>
|
||
<input type="submit" class="btn btn-lg btn-dark btn-submit" value="Send message" id="submit-message">
|
||
<div id="msg" class="message"></div>
|
||
</form>
|
||
</div> <!-- end col -->
|
||
|
||
<div class="col-md-3 col-md-offset-1 col-sm-5 mb-40">
|
||
<div class="contact-item">
|
||
<h6>Address</h6>
|
||
<address>Zenna inc.<br>
|
||
546 Little Lonsdale st<br>
|
||
Philippines<br>
|
||
PH 62058</address>
|
||
</div> <!-- end address -->
|
||
|
||
<div class="contact-item">
|
||
<h6>Information</h6>
|
||
<ul>
|
||
<li>
|
||
<i class="fa fa-envelope"></i><a href="mailto:theme@support.com">theme@support.com</a>
|
||
</li>
|
||
<li>
|
||
<i class="fa fa-phone"></i><span>+1 (800) 888 5260 52 63</span>
|
||
</li>
|
||
<li>
|
||
<i class="fa fa-print"></i><span>+1 (800) 888 5260 52 64</span>
|
||
</li>
|
||
</ul>
|
||
</div> <!-- end information -->
|
||
|
||
<div class="contact-item">
|
||
<h6>Business hours</h6>
|
||
<ul>
|
||
<li>Monday – Friday: 9am to 20 pm</li>
|
||
<li>Saturday: 9am to 17 pm</li>
|
||
<li>Sunday: day off</li>
|
||
</ul>
|
||
</div> <!-- end business hours -->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section> <!-- end contact -->
|
||
|
||
<!-- Google Map -->
|
||
<div id="google-map" class="gmap" data-address="V Tytana St, Manila, Philippines"></div>
|
||
|
||
|
||
<!-- Newsletter -->
|
||
<section class="newsletter" id="subscribe">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-12 text-center">
|
||
<h4>Get the latest updates</h4>
|
||
<form class="relative newsletter-form">
|
||
<input type="email" class="newsletter-input" placeholder="Enter your email">
|
||
<input type="submit" class="btn btn-lg btn-dark newsletter-submit" value="Subscribe">
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer Type-1 -->
|
||
<footer class="footer footer-type-1">
|
||
<div class="container">
|
||
<div class="footer-widgets">
|
||
<div class="row">
|
||
|
||
<div class="col-md-3 col-sm-12 col-xs-12">
|
||
<div class="widget footer-about-us">
|
||
<img src="img/logo_dark.png" alt="" class="logo">
|
||
<p class="mb-30">Zenna Shop is a very slick and clean eCommerce template.</p>
|
||
<div class="footer-socials">
|
||
<div class="social-icons nobase">
|
||
<a href="#"><i class="fa fa-twitter"></i></a>
|
||
<a href="#"><i class="fa fa-facebook"></i></a>
|
||
<a href="#"><i class="fa fa-google-plus"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end about us -->
|
||
|
||
<div class="col-md-2 col-md-offset-1 col-sm-6 col-xs-12">
|
||
<div class="widget footer-links">
|
||
<h5 class="widget-title bottom-line left-align grey">Information</h5>
|
||
<ul class="list-no-dividers">
|
||
<li><a href="#">Our stores</a></li>
|
||
<li><a href="#">About us</a></li>
|
||
<li><a href="#">Business with us</a></li>
|
||
<li><a href="#">Delivery information</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-2 col-sm-6 col-xs-12">
|
||
<div class="widget footer-links">
|
||
<h5 class="widget-title bottom-line left-align grey">Account</h5>
|
||
<ul class="list-no-dividers">
|
||
<li><a href="#">My account</a></li>
|
||
<li><a href="#">Wishlist</a></li>
|
||
<li><a href="#">Order history</a></li>
|
||
<li><a href="#">Specials</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-2 col-sm-6 col-xs-12">
|
||
<div class="widget footer-links">
|
||
<h5 class="widget-title bottom-line left-align grey">Useful Links</h5>
|
||
<ul class="list-no-dividers">
|
||
<li><a href="#">Shipping Policy</a></li>
|
||
<li><a href="#">Stores</a></li>
|
||
<li><a href="#">Returns</a></li>
|
||
<li><a href="#">Terms & Conditions</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-2 col-sm-6 col-xs-12">
|
||
<div class="widget footer-links">
|
||
<h5 class="widget-title bottom-line left-align grey">Service</h5>
|
||
<ul class="list-no-dividers">
|
||
<li><a href="#">Support</a></li>
|
||
<li><a href="#">Warranty</a></li>
|
||
<li><a href="#">FAQ</a></li>
|
||
<li><a href="#">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- end container -->
|
||
|
||
<div class="bottom-footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-sm-6 copyright sm-text-center">
|
||
<span>
|
||
© 2017 Zenna Theme, Made by <a href="http://deothemes.com">DeoThemes</a>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="col-sm-6 col-xs-12 footer-payment-systems text-right sm-text-center mt-sml-10">
|
||
<i class="fa fa-cc-paypal"></i>
|
||
<i class="fa fa-cc-visa"></i>
|
||
<i class="fa fa-cc-mastercard"></i>
|
||
<i class="fa fa-cc-discover"></i>
|
||
<i class="fa fa-cc-amex"></i>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- end bottom footer -->
|
||
</footer> <!-- end footer -->
|
||
|
||
<div id="back-to-top">
|
||
<a href="#top"><i class="fa fa-angle-up"></i></a>
|
||
</div>
|
||
|
||
</div> <!-- end content wrapper -->
|
||
</main> <!-- end main wrapper -->
|
||
|
||
<!-- jQuery Scripts -->
|
||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
||
<script type="text/javascript" src="http://maps.google.com/maps/api/js"></script>
|
||
<script type="text/javascript" src="js/gmap3.js"></script>
|
||
<script type="text/javascript" src="js/plugins.js"></script>
|
||
<script type="text/javascript" src="js/scripts.js"></script>
|
||
|
||
<!-- Google Map -->
|
||
<script type="text/javascript">
|
||
$(document).ready( function(){
|
||
|
||
var gmapDiv = $("#google-map");
|
||
var gmapMarker = gmapDiv.attr("data-address");
|
||
|
||
gmapDiv.gmap3({
|
||
zoom: 16,
|
||
address: gmapMarker,
|
||
oomControl: true,
|
||
navigationControl: true,
|
||
scrollwheel: false,
|
||
styles: [
|
||
{
|
||
"featureType":"all",
|
||
"elementType":"all",
|
||
"stylers":[
|
||
{ "saturation":"0" }
|
||
]
|
||
}]
|
||
})
|
||
.marker({
|
||
address: gmapMarker,
|
||
icon: "img/map_pin.png"
|
||
})
|
||
.infowindow({
|
||
content: "V Tytana St, Manila, Philippines"
|
||
})
|
||
.then(function (infowindow) {
|
||
var map = this.get(0);
|
||
var marker = this.get(1);
|
||
marker.addListener('click', function() {
|
||
infowindow.open(map, marker);
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |