423 lines
24 KiB
HTML
423 lines
24 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 & 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">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>Customer zone</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">Customer zone</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- text page-->
|
|
<section class="padding-small">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="block">
|
|
<div class="block-header">
|
|
<h5>Login</h5>
|
|
</div>
|
|
<div class="block-body">
|
|
<p class="lead">Already our customer?</p>
|
|
<p class="text-muted">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
|
|
<hr>
|
|
<form action="customer-orders.html" method="post">
|
|
<div class="form-group">
|
|
<label for="email" class="form-label">Email</label>
|
|
<input id="email" type="text" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input id="password" type="password" class="form-control">
|
|
</div>
|
|
<div class="form-group text-center">
|
|
<button type="submit" class="btn btn-primary"><i class="fa fa-sign-in"></i> Log in</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="block">
|
|
<div class="block-header">
|
|
<h5>New account</h5>
|
|
</div>
|
|
<div class="block-body">
|
|
<p class="lead">Not our registered customer yet?</p>
|
|
<p>With registration with us new world of fashion, fantastic discounts and much more opens to you! The whole process will not take you more than a minute!</p>
|
|
<p class="text-muted">If you have any questions, please feel free to <a href="contact.html">contact us</a>, our customer service center is working for you 24/7.</p>
|
|
<hr>
|
|
<form action="customer-orders.html" method="post">
|
|
<div class="form-group">
|
|
<label for="name" class="form-label">Name</label>
|
|
<input id="name" type="text" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email" class="form-label">Email</label>
|
|
<input id="email" type="text" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input id="password" type="password" class="form-control">
|
|
</div>
|
|
<div class="form-group text-center">
|
|
<button type="submit" class="btn btn-primary"><i class="icon-profile"></i> Register </button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 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 & 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>© 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>
|
|
</body>
|
|
</html> |