454 lines
No EOL
28 KiB
HTML
454 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>Post</h1><p class="author-date-top">By <a href="#">John Slim</a> | January 16, 2016</p>
|
|
</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"><a href="blog.html">Blog</a></li>
|
|
<li class="breadcrumb-item active">Post</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="padding-small">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-8 col-lg-10">
|
|
<header>
|
|
<p class="lead">
|
|
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="text-content">
|
|
<p><img src="img/blog2.jpg" alt="Example blog post alt" class="img-fluid"></p>
|
|
<p><strong>Pellentesque habitant morbi tristique</strong> 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. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
|
|
<h2>Header Level 2</h2>
|
|
<ol>
|
|
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
|
|
<li>Aliquam tincidunt mauris eu risus.</li>
|
|
</ol>
|
|
<blockquote class="blockquote blockquote-primary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</blockquote>
|
|
<h3>Header Level 3</h3>
|
|
<p>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. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
|
|
<li>Aliquam tincidunt mauris eu risus.</li>
|
|
</ul>
|
|
<p><img src="img/blog1.jpg" alt="Example blog post alt" class="img-fluid"></p>
|
|
<p>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. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="comments">
|
|
<div class="row">
|
|
<div class="col-xl-8 col-lg-10">
|
|
<h4 class="h5 comments-heading">2 comments</h4>
|
|
<div class="row comment">
|
|
<div class="col-3 col-md-2 text-center-xs">
|
|
<p><img src="img/blog-avatar2.jpg" alt="" class="img-fluid rounded-circle"></p>
|
|
</div>
|
|
<div class="col-9 col-md-10">
|
|
<h5>Julie Alma</h5>
|
|
<p class="posted"><i class="fa fa-clock-o"></i> September 23, 2011 at 12:00 am</p>
|
|
<p>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>
|
|
<p class="reply"><a href="#" class="btn btn-template-outlined"><i class="fa fa-reply"></i> Reply</a></p>
|
|
</div>
|
|
</div>
|
|
<!-- /.comment-->
|
|
<div class="row comment last">
|
|
<div class="col-3 col-md-2 text-center-xs">
|
|
<p><img src="img/blog-avatar.jpg" alt="" class="img-fluid rounded-circle"></p>
|
|
</div>
|
|
<div class="col-9 col-md-10">
|
|
<h5>Louise Armero</h5>
|
|
<p class="posted"><i class="fa fa-clock-o"></i> September 23, 2012 at 12:00 am</p>
|
|
<p>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>
|
|
<p class="reply"><a href="#" class="btn btn-template-outlined"><i class="fa fa-reply"></i> Reply</a></p>
|
|
</div>
|
|
</div>
|
|
<!-- /.comment-->
|
|
</div>
|
|
<!-- /.comments-->
|
|
</div>
|
|
</div>
|
|
<div class="comment-form">
|
|
<div class="row">
|
|
<div class="col-xl-8 col-lg-10">
|
|
<h4>Leave a comment</h4>
|
|
<form id="comment-form" method="post" action="#" class="custom-form form">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="name">Name <span class="required">*</span></label>
|
|
<input id="name" type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="email">Email <span class="required">*</span></label>
|
|
<input id="email" type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="comment">Comment <span class="required">*</span></label>
|
|
<textarea id="comment" rows="4" class="form-control"></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-template"><i class="fa fa-comment-o"></i> Comment </button>
|
|
</form>
|
|
</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> |