481 lines
No EOL
28 KiB
HTML
481 lines
No EOL
28 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>About us</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">About us</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- about us-->
|
|
<section class="padding-small">
|
|
<div class="container">
|
|
<div class="row about-item">
|
|
<div class="col-lg-8 col-sm-9">
|
|
<h2>How it all began</h2>
|
|
<p class="text-muted">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>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-3 d-none d-sm-flex align-items-center">
|
|
<div class="about-icon ml-lg-0"><i class="fa fa-line-chart"></i></div>
|
|
</div>
|
|
</div>
|
|
<div class="row about-item">
|
|
<div class="col-lg-4 col-sm-3 d-none d-sm-flex align-items-center">
|
|
<div class="about-icon mr-lg-0"><i class="fa fa-user-o"> </i></div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-9">
|
|
<h2>Who we are</h2>
|
|
<p class="text-muted">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>
|
|
</div>
|
|
</div>
|
|
<div class="row about-item">
|
|
<div class="col-lg-8 col-sm-9">
|
|
<h2>We care</h2>
|
|
<p class="text-muted">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>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-3 d-none d-sm-flex align-items-center">
|
|
<div class="about-icon ml-lg-0"><i class="icon icon-heart"></i></div>
|
|
</div>
|
|
</div>
|
|
<div class="row about-item">
|
|
<div class="col-lg-4 col-sm-3 d-none d-sm-flex align-items-center">
|
|
<div class="about-icon mr-lg-0"><i class="icon icon-truck"> </i></div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-9">
|
|
<h2>Fast delivery</h2>
|
|
<p class="text-muted">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>
|
|
</div>
|
|
</div>
|
|
<div class="row about-item">
|
|
<div class="col-lg-8 col-sm-9">
|
|
<h2>Your security and privacy matters</h2>
|
|
<p class="text-muted">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>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-3 d-none d-sm-flex align-items-center">
|
|
<div class="about-icon ml-lg-0"><i class="icon icon-secure-shield"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Divider Section-->
|
|
<section style="background: url(img/divider-bg.jpg);" class="divider">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<p>Old Collection </p>
|
|
<h2 class="h1 text-uppercase no-margin">Huge Sales</h2>
|
|
<p>At our outlet stores</p><a href="#" class="btn btn-template wide shop-now">Shop Now<i class="icon-bag"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="padding-small">
|
|
<div class="container">
|
|
<header>
|
|
<h2 class="h1">Our team</h2>
|
|
<p class="lead text-muted">This is the lead paragraph of the article. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget.</p>
|
|
</header>
|
|
<div class="row team">
|
|
<div class="col-md-3 col-6">
|
|
<div class="team-member">
|
|
<div class="image"><img src="img/person-1.jpg" alt="" class="img-fluid rounded-circle"></div>
|
|
<h3 class="h5"><a href="#">Han Solo</a></h3>
|
|
<p class="role">founder</p>
|
|
<div class="social"><a href="#" class="external facebook"><i class="fa fa-facebook"></i></a><a href="#" class="external gplus"><i class="fa fa-google-plus"></i></a><a href="#" class="external twitter"><i class="fa fa-twitter"></i></a><a href="#" class="email"><i class="fa fa-envelope"></i></a></div>
|
|
<div class="text">
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
|
|
</div>
|
|
</div>
|
|
<!-- /.team-member -->
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<div class="team-member">
|
|
<div class="image"><img src="img/person-2.jpg" alt="" class="img-fluid rounded-circle"></div>
|
|
<h3 class="h5"><a href="#">Luke Skywalker</a></h3>
|
|
<p class="role">CTO</p>
|
|
<div class="social"><a href="#" class="external facebook"><i class="fa fa-facebook"></i></a><a href="#" class="external gplus"><i class="fa fa-google-plus"></i></a><a href="#" class="external twitter"><i class="fa fa-twitter"></i></a><a href="#" class="email"><i class="fa fa-envelope"></i></a></div>
|
|
<div class="text">
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
|
|
</div>
|
|
</div>
|
|
<!-- /.team-member -->
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<div class="team-member">
|
|
<div class="image"><img src="img/person-3.jpg" alt="" class="img-fluid rounded-circle"></div>
|
|
<h3 class="h5"><a href="#">Princess Leia</a></h3>
|
|
<p class="role">Team Leader</p>
|
|
<div class="social"><a href="#" class="external facebook"><i class="fa fa-facebook"></i></a><a href="#" class="external gplus"><i class="fa fa-google-plus"></i></a><a href="#" class="external twitter"><i class="fa fa-twitter"></i></a><a href="#" class="email"><i class="fa fa-envelope"></i></a></div>
|
|
<div class="text">
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
|
|
</div>
|
|
</div>
|
|
<!-- /.team-member -->
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<div class="team-member">
|
|
<div class="image"><img src="img/person-4.jpg" alt="" class="img-fluid rounded-circle"></div>
|
|
<h3 class="h5"><a href="#">Jabba Hut</a></h3>
|
|
<p class="role">Lead developer</p>
|
|
<div class="social"><a href="#" class="external facebook"><i class="fa fa-facebook"></i></a><a href="#" class="external gplus"><i class="fa fa-google-plus"></i></a><a href="#" class="external twitter"><i class="fa fa-twitter"></i></a><a href="#" class="email"><i class="fa fa-envelope"></i></a></div>
|
|
<div class="text">
|
|
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
|
|
</div>
|
|
</div>
|
|
<!-- /.team-member -->
|
|
</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> |