Eshop-Laravel/public/lib/hub/contact.html
2019-10-18 12:25:37 +03:00

457 lines
26 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hub - Bootstrap 4 Ecommerce Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<!-- Bootstrap Select-->
<link rel="stylesheet" href="vendor/bootstrap-select/css/bootstrap-select.min.css">
<!-- Price Slider Stylesheets -->
<link rel="stylesheet" href="vendor/nouislider/nouislider.css">
<!-- Custom font icons-->
<link rel="stylesheet" href="css/custom-fonticons.css">
<!-- Google fonts - Poppins-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700">
<!-- owl carousel-->
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon-->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- Modernizr-->
<script src="js/modernizr.custom.79639.js"></script>
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<!-- navbar-->
<header class="header">
<!-- Tob Bar-->
<div class="top-bar">
<div class="container-fluid">
<div class="row d-flex align-items-center">
<div class="col-lg-6 hidden-lg-down text-col">
<ul class="list-inline">
<li class="list-inline-item"><i class="icon-telephone"></i>020-800-456-747</li>
<li class="list-inline-item">Free shipping on orders over $300</li>
</ul>
</div>
<div class="col-lg-6 d-flex justify-content-end">
<!-- Language Dropdown-->
<div class="dropdown show"><a id="langsDropdown" href="https://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle"><img src="img/united-kingdom.svg" alt="english">English</a>
<div aria-labelledby="langsDropdown" class="dropdown-menu"><a href="#" class="dropdown-item"><img src="img/germany.svg" alt="german">German</a><a href="#" class="dropdown-item"> <img src="img/france.svg" alt="french">French</a></div>
</div>
<!-- Currency Dropdown-->
<div class="dropdown show"><a id="currencyDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle">USD</a>
<div aria-labelledby="currencyDropdown" class="dropdown-menu"><a href="#" class="dropdown-item">EUR</a><a href="#" class="dropdown-item"> GBP</a></div>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg">
<div class="search-area">
<div class="search-area-inner d-flex align-items-center justify-content-center">
<div class="close-btn"><i class="icon-close"></i></div>
<form action="#">
<div class="form-group">
<input type="search" name="search" id="search" placeholder="What are you looking for?">
<button type="submit" class="submit"><i class="icon-search"></i></button>
</div>
</form>
</div>
</div>
<div class="container-fluid">
<!-- Navbar Header --><a href="index.html" class="navbar-brand"><img src="img/logo.png" alt="..."></a>
<button type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right"><i class="fa fa-bars"></i></button>
<!-- Navbar Collapse -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item"><a href="category.html" class="nav-link">Shop</a>
</li>
<!-- Megamenu-->
<li class="nav-item dropdown menu-large"><a href="#" data-toggle="dropdown" class="nav-link">Template<i class="fa fa-angle-down"></i></a>
<div class="dropdown-menu megamenu">
<div class="row">
<div class="col-lg-9">
<div class="row">
<div class="col-lg-3"><strong class="text-uppercase">Home</strong>
<ul class="list-unstyled">
<li><a href="index.html">Homepage 1</a></li>
</ul><strong class="text-uppercase">Shop</strong>
<ul class="list-unstyled">
<li><a href="category.html">Category - left sidebar</a></li>
<li><a href="category-right.html">Category - right sidebar</a></li>
<li><a href="category-full.html">Category - full width</a></li>
<li><a href="detail.html">Product detail</a></li>
</ul>
</div>
<div class="col-lg-3"><strong class="text-uppercase">Order process</strong>
<ul class="list-unstyled">
<li><a href="cart.html">Shopping cart</a></li>
<li><a href="checkout1.html">Checkout 1 - Address</a></li>
<li><a href="checkout2.html">Checkout 2 - Delivery</a></li>
<li><a href="checkout3.html">Checkout 3 - Payment</a></li>
<li><a href="checkout4.html">Checkout 4 - Review </a></li>
<li><a href="checkout5.html">Checkout 5 - Confirmation </a></li>
</ul><strong class="text-uppercase">Blog</strong>
<ul class="list-unstyled">
<li><a href="blog.html">Blog</a></li>
<li><a href="post.html">Post </a></li>
</ul>
</div>
<div class="col-lg-3"><strong class="text-uppercase">Pages</strong>
<ul class="list-unstyled">
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="text.html">Text page</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="500.html">Error 500</a></li>
<li>More coming soon </li>
</ul>
</div>
<div class="col-lg-3"><strong class="text-uppercase">Customer</strong>
<ul class="list-unstyled">
<li><a href="customer-login.html">Login/sign up</a></li>
<li><a href="customer-orders.html">Orders</a></li>
<li><a href="customer-order.html">Order detail</a></li>
<li><a href="customer-addresses.html">Addresses</a></li>
<li><a href="customer-account.html">Profile</a></li>
</ul>
</div>
</div>
<div class="row services-block">
<div class="col-xl-3 col-lg-6 d-flex">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-truck text-primary"></i></div>
<div class="text"><span class="text-uppercase">Free shipping &amp; return</span><small>Free Shipping over $300</small></div>
</div>
</div>
<div class="col-xl-3 col-lg-6 d-flex">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-coin text-primary"></i></div>
<div class="text"><span class="text-uppercase">Money back guarantee</span><small>30 Days Money Back</small></div>
</div>
</div>
<div class="col-xl-3 col-lg-6 d-flex">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-headphones text-primary"></i></div>
<div class="text"><span class="text-uppercase">020-800-456-747</span><small>24/7 Available Support</small></div>
</div>
</div>
<div class="col-xl-3 col-lg-6 d-flex">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-secure-shield text-primary"></i></div>
<div class="text"><span class="text-uppercase">Secure Payment</span><small>Secure Payment</small></div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 text-center product-col hidden-lg-down"><a href="detail.html" class="product-image"><img src="img/shirt.png" alt="..." class="img-fluid"></a>
<h6 class="text-uppercase product-heading"><a href="detail.html">Lose Oversized Shirt</a></h6>
<ul class="rate list-inline">
<li class="list-inline-item"><i class="fa fa-star-o text-primary"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o text-primary"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o text-primary"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o text-primary"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o text-primary"></i></li>
</ul><strong class="price text-primary">$65.00</strong><a href="#" class="btn btn-template wide">Add to cart</a>
</div>
</div>
</div>
</li>
<!-- /Megamenu end-->
<!-- Multi level dropdown -->
<li class="nav-item dropdown"><a id="navbarDropdownMenuLink" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link">Dropdown<i class="fa fa-angle-down"></i></a>
<ul aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu">
<li><a href="#" class="dropdown-item">Action</a></li>
<li><a href="#" class="dropdown-item">Another action</a></li>
<li class="dropdown-submenu"><a id="navbarDropdownMenuLink2" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link">Dropdown link<i class="fa fa-angle-down"></i></a>
<ul aria-labelledby="navbarDropdownMenuLink2" class="dropdown-menu">
<li><a href="#" class="dropdown-item">Action</a></li>
<li class="dropdown-submenu"><a id="navbarDropdownMenuLink3" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link">
Another action<i class="fa fa-angle-down"></i></a>
<ul aria-labelledby="navbarDropdownMenuLink3" class="dropdown-menu">
<li><a href="#" class="dropdown-item">Action</a></li>
<li><a href="#" class="dropdown-item">Action</a></li>
<li><a href="#" class="dropdown-item">Action</a></li>
<li><a href="#" class="dropdown-item">Action</a></li>
</ul>
</li>
<li><a href="#" class="dropdown-item">Something else here</a></li>
</ul>
</li>
</ul>
</li>
<!-- Multi level dropdown end-->
<li class="nav-item"><a href="blog.html" class="nav-link">Blog </a>
</li>
<li class="nav-item"><a href="contact.html" class="nav-link active">Contact</a>
</li>
</ul>
<div class="right-col d-flex align-items-lg-center flex-column flex-lg-row">
<!-- Search Button-->
<div class="search"><i class="icon-search"></i></div>
<!-- User Not Logged - link to login page-->
<div class="user"> <a id="userdetails" href="customer-login.html" class="user-link"><i class="icon-profile"> </i></a></div>
<!-- Cart Dropdown-->
<div class="cart dropdown show"><a id="cartdetails" href="https://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle"><i class="icon-cart"></i>
<div class="cart-no">1</div></a><a href="cart.html" class="text-primary view-cart">View Cart</a>
<div aria-labelledby="cartdetails" class="dropdown-menu">
<!-- cart item-->
<div class="dropdown-item cart-product">
<div class="d-flex align-items-center">
<div class="img"><img src="img/hoodie-man-1.png" alt="..." class="img-fluid"></div>
<div class="details d-flex justify-content-between">
<div class="text"> <a href="#"><strong>Heather Gray Hoodie</strong></a><small>Quantity: 1 </small><span class="price">$75.00 </span></div><a href="#" class="delete"><i class="fa fa-trash-o"></i></a>
</div>
</div>
</div>
<!-- total price-->
<div class="dropdown-item total-price d-flex justify-content-between"><span>Total</span><strong class="text-primary">$75.00</strong></div>
<!-- call to actions-->
<div class="dropdown-item CTA d-flex"><a href="cart.html" class="btn btn-template wide">View Cart</a><a href="checkout1.html" class="btn btn-template wide">Checkout</a></div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<!-- Hero Section-->
<section class="hero hero-page gray-bg padding-small">
<div class="container">
<div class="row d-flex">
<div class="col-lg-9 order-2 order-lg-1">
<h1>Contact</h1>
</div>
<div class="col-lg-3 text-right order-1 order-lg-2">
<ul class="breadcrumb justify-content-lg-end">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active">Contact</li>
</ul>
</div>
</div>
</div>
</section>
<main class="contact-page">
<!-- Contact page-->
<section class="contact">
<div class="container">
<header>
<p class="lead">
Are you curious about something? Do you have some kind of problem with our products? As am hastily invited settled at limited civilly fortune me. Really spring in extent an by. Judge but built party world. Of so am
he remember although required. Bachelor unpacked be advanced at. Confined in declared marianne is vicinity.
</p>
</header>
<div class="row">
<div class="col-md-4">
<div class="contact-icon">
<div class="icon icon-street-map"></div>
</div>
<h3>Address</h3>
<p>13/25 New Avenue<br>New Heaven, 45Y 73J<br>England, <strong>Great Britain</strong></p>
</div>
<div class="col-md-4">
<div class="contact-icon">
<div class="icon icon-support"></div>
</div>
<h3>Call center</h3>
<p>This number is toll free if calling from Great Britain otherwise we advise you to use the electronic form of communication.</p>
<p><strong>+33 555 444 333</strong></p>
</div>
<div class="col-md-4">
<div class="contact-icon">
<div class="icon icon-envelope"></div>
</div>
<h3>Electronic support</h3>
<p>Please feel free to write an email to us or to use our electronic ticketing system.</p>
<ul class="list-style-none">
<li><strong><a href="mailto:">info@fakeemail.com</a></strong></li>
<li><strong><a href="#">
Ticketio
- our ticketing support platform</a></strong></li>
</ul>
</div>
</div>
</div>
</section>
<div id="map"> </div>
<section>
<div class="container">
<header class="mb-5">
<h2 class="heading-line">Contact form</h2>
</header>
<div class="row">
<div class="col-md-7">
<form id="contact-form" method="post" action="contact.php" class="custom-form form">
<div class="controls">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="name" class="form-label">Your firstname *</label>
<input type="text" name="name" id="name" placeholder="Enter your firstname" required="required" class="form-control">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="surname" class="form-label">Your lastname *</label>
<input type="text" name="surname" id="surname" placeholder="Enter your lastname" required="required" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label for="email" class="form-label">Your email *</label>
<input type="email" name="email" id="email" placeholder="Enter your email" required="required" class="form-control">
</div>
<div class="form-group">
<label for="message" class="form-label">Your message for us *</label>
<textarea rows="4" name="message" id="message" placeholder="Enter your message" required="required" class="form-control"></textarea>
</div>
<button type="submit" class="btn btn-template">Send message</button>
</div>
</form>
</div>
<div class="col-md-5">
<p>Effects present letters inquiry no an removed or friends. Desire behind latter me though in. Supposing shameless am he engrossed up additions. My possible peculiar together to. Desire so better am cannot he up before points. Remember mistaken opinions it pleasure of debating. Court front maids forty if aware their at. Chicken use are pressed removed. </p>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming. Gay own additions education satisfied the perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy could cease green oh. </p>
<div class="social">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-behance"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer-->
<footer class="main-footer">
<!-- Service Block-->
<div class="services-block">
<div class="container">
<div class="row">
<div class="col-lg-4 d-flex justify-content-center justify-content-lg-start">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-truck"></i></div>
<div class="text">
<h6 class="no-margin text-uppercase">Free shipping &amp; return</h6><span>Free Shipping over $300</span>
</div>
</div>
</div>
<div class="col-lg-4 d-flex justify-content-center">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-coin"></i></div>
<div class="text">
<h6 class="no-margin text-uppercase">Money back guarantee</h6><span>30 Days Money Back Guarantee</span>
</div>
</div>
</div>
<div class="col-lg-4 d-flex justify-content-center">
<div class="item d-flex align-items-center">
<div class="icon"><i class="icon-headphones"></i></div>
<div class="text">
<h6 class="no-margin text-uppercase">020-800-456-747</h6><span>24/7 Available Support</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Block -->
<div class="main-block">
<div class="container">
<div class="row">
<div class="info col-lg-4">
<div class="logo"><img src="img/logo-white.png" alt="..."></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
<ul class="social-menu list-inline">
<li class="list-inline-item"><a href="#" target="_blank" title="twitter"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="facebook"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="instagram"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="pinterest"><i class="fa fa-pinterest"></i></a></li>
<li class="list-inline-item"><a href="#" target="_blank" title="vimeo"><i class="fa fa-vimeo"></i></a></li>
</ul>
</div>
<div class="site-links col-lg-2 col-md-6">
<h5 class="text-uppercase">Shop</h5>
<ul class="list-unstyled">
<li> <a href="#">For Women</a></li>
<li> <a href="#">For Men</a></li>
<li> <a href="#">Stores</a></li>
<li> <a href="#">Our Blog</a></li>
<li> <a href="#">Shop</a></li>
</ul>
</div>
<div class="site-links col-lg-2 col-md-6">
<h5 class="text-uppercase">Company</h5>
<ul class="list-unstyled">
<li> <a href="#">Login</a></li>
<li> <a href="#">Register</a></li>
<li> <a href="#">Wishlist</a></li>
<li> <a href="#">Our Products</a></li>
<li> <a href="#">Checkouts</a></li>
</ul>
</div>
<div class="newsletter col-lg-4">
<h5 class="text-uppercase">Daily Offers & Discounts</h5>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. At itaque temporibus.</p>
<form action="#" id="newsletter-form">
<div class="form-group">
<input type="email" name="subscribermail" placeholder="Your Email Address">
<button type="submit"> <i class="fa fa-paper-plane"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="copyrights">
<div class="container">
<div class="row d-flex align-items-center">
<div class="text col-md-6">
<p>&copy; 2017 <a href="https://ondrejsvestka.cz" target="_blank">Ondrej Svestka </a> All rights reserved.</p>
</div>
<div class="payment col-md-6 clearfix">
<ul class="payment-list list-inline-item pull-right">
<li class="list-inline-item"><img src="img/visa.svg" alt="..."></li>
<li class="list-inline-item"><img src="img/mastercard.svg" alt="..."></li>
<li class="list-inline-item"><img src="img/paypal.svg" alt="..."></li>
<li class="list-inline-item"><img src="img/western-union.svg" alt="..."></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Javascript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/popper.js/umd/popper.min.js"> </script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
<script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="vendor/nouislider/nouislider.min.js"></script>
<script src="js/front.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>
</body>
</html>