File: /home/emblazeone/public_html/master-template/slice/shop.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<title>Shop</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/fc70117f52.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="login-box">
<div class="conta">
<div style="clear:both; height: 100px;"></div>
<a href="#" onclick="$('.login-box').toggleClass('show');return false;" class="close-link">></a>
<div style="clear:both;"></div>
<h2>Login</h2>
<form method="post" action="/account" >
<div class="form-group">
<input type="email" class="form-control" id="Email" placeholder="Email">
</div>
<div class="form-group">
<input type="password" class="form-control" id="Password" placeholder="Password">
</div>
<div class="text-center">
<button type="submit" class="btn mb-4">Sign up</button><br>
<a href="#" class="text">Forgot Password?</a>
</div>
</form>
</div>
<div class="nav-footer">
<div class="text">You have an account already?</div>
<p class="text-center">
<a href="#" onclick="$('.login-box').removeClass('show').addClass('login-open').removeClass('forgot-open');return false;" class="btn btn--clear customer-login__register">Sign In</a>
</p>
</div>
</div>
<div class="register-box">
<div class="conta">
<div style="clear:both; height: 100px;"></div>
<a href="#" onclick="$('.register-box').toggleClass('show');return false;" class="close-link">></a>
<div style="clear:both;"></div>
<h2>Register</h2>
<form method="post" action="/account" >
<div class="form-group">
<input type="text" class="form-control" id="FirstName" placeholder="First Name">
</div>
<div class="form-group">
<input type="text" class="form-control" id="LastName" placeholder="LastName">
</div>
<div class="form-group">
<input type="email" class="form-control" id="Email" placeholder="Email">
</div>
<div class="form-group">
<input type="password" class="form-control" id="Password" placeholder="Password">
</div>
<div class="text-center">
<button type="submit" class="btn">Sign up</button>
</div>
</form>
</div>
<div class="nav-footer">
<div class="text">You have an account already?</div>
<p class="text-center">
<a href="#" onclick="$('.register-box').removeClass('show').addClass('login-open').removeClass('forgot-open');return false;" class="btn btn--clear customer-login__register">Sign In</a>
</p>
</div>
</div>
<header>
<div class="container-fluid bg-white">
<div class="row justify-content-between">
<div class="col-4">
<nav>
<div class="menu-btn">
<div class="line line--1"></div>
<div class="line line--2"></div>
</div>
<div class="nav-links">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Health & Wellness</a>
</li>
<li>
<a href="#">Beauty & Skincare</a>
</li>
<li>
<a href="#">Technology</a>
</li>
<li>
<a href="#">Apparel & Accessories</a>
</li>
</ul>
<div class="nav-footer">
<div class="text">COPYRIGHT ©2019 EMBLAZE ONE INC. ALL RIGHTS RESERVED.</div>
<div class="social">
<ul class="list--inline site-footer__social-icons social-icons text-center">
<li>
<a class="social-icons__link" href="https://www.facebook.com/Limitlessx.brands/"
title="translation missing: en.layout.footer.social_platform" target="_blank"
tabindex="-1">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-facebook" viewBox="0 0 50 50">
<g>
<path class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;" d="M25,2.5c12.4,0,22.5,10.1,22.5,22.5c0,12.4-10.1,22.5-22.5,22.5C12.6,47.5,2.5,37.4,2.5,25
C2.5,12.6,12.6,2.5,25,2.5L25,2.5z M25,2.5"></path>
<path d="M27.7,18h2.9v-4.3h-3.4v0c-4.1,0.1-5,2.5-5.1,4.9h0v2.1h-2.8V25h2.8v11.2h4.2V25h3.5l0.7-4.2h-4.1v-1.3
C26.4,18.7,27,18,27.7,18L27.7,18z M27.7,18"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-icons__link" href="https://www.instagram.com/limitlessx"
title="translation missing: en.layout.footer.social_platform" target="_blank"
tabindex="-1">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-instagram" viewBox="0 0 50 50">
<g>
<path class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M25,2c12.7,0,23,10.3,23,23c0,12.7-10.3,23-23,23C12.3,48,2,37.7,2,25C2,12.3,12.3,2,25,2L25,2z M25,2"></path>
<path d="M30.1,14H20c-3.3,0-6,2.7-6,6v10.1c0,3.3,2.7,6,6,6h10.1c3.3,0,6-2.7,6-6V20C36.1,16.7,33.4,14,30.1,14z M25.1,31.1
c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S28.4,31.1,25.1,31.1z M31.2,20.5c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8
S32.2,20.5,31.2,20.5z"></path>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<a href="#" class="search">
<span>search</span>
</a>
</div>
<div class="col-4 text-center">
<a href="#" class="block_logos">
<img src="images/logo_main.png" alt="">
</a>
</div>
<div class="col-4 text-right">
<div class="account">
<a href="#" class="acc"><span>my account</span></a>
<div class="drop">
<div class="drop_1">
CREATE ACCOUNT
</div>
<div class="drop_2">LOG IN</div>
</div>
</div>
<a href="#" class="basket">
<span class="cart-img">
<i class="shopping-bag">
<svg version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 200 250"
style="enable-background:new 0 0 200 250;"
xml:space="preserve"><rect x="15" y="64" class="cart-header-stroke" style="fill:none;stroke-width:14;stroke-miterlimit:10;" width="170" height="170"></rect><path
class="cart-header-stroke" style="fill:none;stroke-width:14;stroke-miterlimit:10;"
d="M52.5,64c0-26.5,21.5-48,48-48s48,21.5,48,48"></path></svg>
</i>
<span class="items-count">1</span>
</span>
</a>
<a href="index.html" class="logo"><img src="images/logo.png" alt=""></a>
</div>
</div>
</div>
</header>
<section class="top-shop">
<div class="container">
<div class="logo-top-shop">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<rect x="8.3" y="11.6" class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
width="23.4" height="23.4"></rect>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M13.5,11.6c0-3.6,3-6.6,6.6-6.6s6.6,3,6.6,6.6"></path>
</svg>
<h1>Shop.</h1>
</div>
</div>
</section>
<section class="product-shop">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-xl-4">
<div class="product-card">
<div class="container">
<div class="card-title">
<span class="small-title">Industry Name</span>
<h2>Product Name</h2>
<span class="sup-title">Category Name</span>
</div>
<img src="images/img-card-shop.png" alt="img-card">
<div class="card-info">
<div class="card-prise">
<p>$ 39.99</p>
<a href="#">
more-info
</a>
</div>
<div class="card-list">
<div class="dropdown">
<a class="btn-card-list btn-first-card btn btn-secondary dropdown-toggle"
href="#"
role="button"
id="dropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
<div class="dropdown">
<a class="btn-card-list btn btn-secondary dropdown-toggle" href="#"
role="button"
id="dropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
</div>
<div class="btn-bottom-card">
<button type="button" class="btn btn-primary btn-lg btn-block">
ADD TO CART
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-xl-4">
<div class="product-card ">
<div class="container">
<div class="card-title">
<span class="small-title">Industry Name</span>
<h2>Product Name</h2>
<span class="sup-title">Category Name</span>
</div>
<img src="images/img-card-shop.png" alt="img-card">
<div class="card-info">
<div class="card-prise">
<p>$ 39.99</p>
<a href="#">
more-info
</a>
</div>
<div class="card-list">
<div class="dropdown">
<a class="btn-card-list btn-first-card btn btn-secondary dropdown-toggle"
href="#"
role="button"
id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
<div class="dropdown">
<a class="btn-card-list btn btn-secondary dropdown-toggle" href="#"
role="button"
id="dropdownMenuLink4" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
</div>
<div class="btn-bottom-card">
<button type="button" class="btn btn-primary btn-lg btn-block">
ADD TO CART
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-xl-4">
<div class="product-card">
<div class="container">
<div class="card-title">
<span class="small-title">Industry Name</span>
<h2>Product Name</h2>
<span class="sup-title">Category Name</span>
</div>
<img src="images/img-card-shop.png" alt="img-card">
<div class="card-info">
<div class="card-prise">
<p>$ 39.99</p>
<a href="#">
more-info
</a>
</div>
<div class="card-list">
<div class="dropdown">
<a class="btn-card-list btn-first-card btn btn-secondary dropdown-toggle"
href="#"
role="button"
id="dropdownMenuLink5" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
<div class="dropdown">
<a class="btn-card-list btn btn-secondary dropdown-toggle" href="#"
role="button"
id="dropdownMenuLink6" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
</div>
<div class="btn-bottom-card">
<button type="button" class="btn btn-primary btn-lg btn-block">
ADD TO CART
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-xl-4">
<div class="product-card">
<div class="container">
<div class="card-title">
<span class="small-title">Industry Name</span>
<h2>Product Name</h2>
<span class="sup-title">Category Name</span>
</div>
<img src="images/img-card-shop.png" alt="img-card">
<div class="card-info">
<div class="card-prise">
<p>$ 39.99</p>
<a href="#">
more-info
</a>
</div>
<div class="card-list">
<div class="dropdown">
<a class="btn-card-list btn-first-card btn btn-secondary dropdown-toggle"
href="#"
role="button"
id="dropdownMenuLink7" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
<div class="dropdown">
<a class="btn-card-list btn btn-secondary dropdown-toggle" href="#"
role="button"
id="dropdownMenuLink8" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
</div>
<div class="btn-bottom-card">
<button type="button" class="btn btn-primary btn-lg btn-block">
ADD TO CART
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-xl-4">
<div class="product-card">
<div class="container">
<div class="card-title">
<span class="small-title">Industry Name</span>
<h2>Product Name</h2>
<span class="sup-title">Category Name</span>
</div>
<img src="images/img-card-shop.png" alt="img-card">
<div class="card-info">
<div class="card-prise">
<p>$ 39.99</p>
<a href="#">
more-info
</a>
</div>
<div class="card-list">
<div class="dropdown">
<a class="btn-card-list btn-first-card btn btn-secondary dropdown-toggle"
href="#"
role="button"
id="dropdownMenuLink9" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
<div class="dropdown">
<a class="btn-card-list btn btn-secondary dropdown-toggle" href="#"
role="button"
id="dropdownMenuLink10" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
</div>
<div class="btn-bottom-card">
<button type="button" class="btn btn-primary btn-lg btn-block">
ADD TO CART
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-xl-4">
<div class="product-card">
<div class="container">
<div class="card-title">
<span class="small-title">Industry Name</span>
<h2>Product Name</h2>
<span class="sup-title">Category Name</span>
</div>
<img src="images/img-card-shop.png" alt="img-card">
<div class="card-info">
<div class="card-prise">
<p>$ 39.99</p>
<a href="#">
more-info
</a>
</div>
<div class="card-list">
<div class="dropdown">
<a class="btn-card-list btn-first-card btn btn-secondary dropdown-toggle"
href="#"
role="button"
id="dropdownMenuLink11" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
<div class="dropdown">
<a class="btn-card-list btn btn-secondary dropdown-toggle" href="#"
role="button"
id="dropdownMenuLink12" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
DROP DOWN
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">...</a>
</div>
</div>
</div>
<div class="btn-bottom-card">
<button type="button" class="btn btn-primary btn-lg btn-block">
ADD TO CART
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="communication-shop">
<div class="container">
<div class="title-communication">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="-49 141 512 512" style="enable-background:new -49 141 512 512;" xml:space="preserve">
<g>
<path d="M437.4,200.733H-23.4c-14.138,0-25.6,11.462-25.6,25.6v341.333c0,14.138,11.462,25.6,25.6,25.6h460.8
c14.138,0,25.6-11.461,25.6-25.6V226.333C463,212.195,451.539,200.733,437.4,200.733z M445.933,567.667
c0,4.713-3.82,8.533-8.533,8.533H-23.4c-4.713,0-8.533-3.82-8.533-8.533V226.333c0-4.713,3.821-8.533,8.533-8.533h460.8
c4.713,0,8.533,3.821,8.533,8.533V567.667z"></path>
<path d="M426.87,237.913c-1.455-1.734-3.539-2.818-5.794-3.015c-2.255-0.197-4.496,0.51-6.229,1.966L217.982,402.239
c-6.349,5.337-15.616,5.337-21.965,0L-0.846,236.863c-2.335-1.96-5.539-2.526-8.404-1.484s-4.957,3.534-5.487,6.537
c-0.53,3.003,0.582,6.06,2.917,8.02l196.864,165.367c12.688,10.683,31.224,10.683,43.913,0L425.82,249.937
c1.734-1.455,2.818-3.539,3.015-5.794C429.032,241.887,428.325,239.647,426.87,237.913z"></path>
<path d="M106.895,416.78l-119.467,128c-2.162,2.214-2.956,5.426-2.074,8.392c0.882,2.967,3.301,5.223,6.321,5.897
s6.169-0.34,8.229-2.65l119.467-128c2.162-2.214,2.956-5.426,2.074-8.392s-3.301-5.223-6.321-5.897
C112.104,413.456,108.955,414.47,106.895,416.78z"></path>
<path d="M307.105,416.78c-2.059-2.31-5.208-3.324-8.229-2.65c-3.021,0.674-5.439,2.931-6.321,5.897
c-0.882,2.967-0.088,6.178,2.074,8.392l119.467,128c3.24,3.318,8.536,3.442,11.927,0.278c3.391-3.164,3.634-8.456,0.549-11.918
L307.105,416.78z"></path>
</g>
</svg>
<h3>stay in touch</h3>
<p>Good things to come to you.</p>
<form action="">
<div class="form-group">
<input type="email" class="form-control form-control-sm" id="colFormLabelSm" placeholder="Email">
<img src="images/arrow.svg" alt="arrow">
</div>
</form>
<button type="button" class="btn btn-dark">Subscribe</button>
</div>
</div>
</section>
<footer>
<div class="top-footer">
<div class="container">
<div class="row">
<div class="social col-12 col-sm-4">
<h2>#LIMITLESS</h2>
<a href="#">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook"
viewBox="0 0 50 50">
<g>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;" d="M25,2.5c12.4,0,22.5,10.1,22.5,22.5c0,12.4-10.1,22.5-22.5,22.5C12.6,47.5,2.5,37.4,2.5,25
C2.5,12.6,12.6,2.5,25,2.5L25,2.5z M25,2.5"></path>
<path d="M27.7,18h2.9v-4.3h-3.4v0c-4.1,0.1-5,2.5-5.1,4.9h0v2.1h-2.8V25h2.8v11.2h4.2V25h3.5l0.7-4.2h-4.1v-1.3
C26.4,18.7,27,18,27.7,18L27.7,18z M27.7,18"></path>
</g>
</svg>
</a>
<a href="#">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"
viewBox="0 0 50 50">
<g>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M25,2c12.7,0,23,10.3,23,23c0,12.7-10.3,23-23,23C12.3,48,2,37.7,2,25C2,12.3,12.3,2,25,2L25,2z M25,2"></path>
<path d="M30.1,14H20c-3.3,0-6,2.7-6,6v10.1c0,3.3,2.7,6,6,6h10.1c3.3,0,6-2.7,6-6V20C36.1,16.7,33.4,14,30.1,14z M25.1,31.1
c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S28.4,31.1,25.1,31.1z M31.2,20.5c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8
S32.2,20.5,31.2,20.5z">
</path>
</g>
</svg>
</a>
<p>
COPYRIGHT ©2020 EMBLAZE ONE INC. ALL RIGHTS RESERVED.
</p>
</div>
<div class="service-link col-12 col-sm-4">
<ul>
<li class="shop-service">
<a href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<rect x="8.3" y="11.6" class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;" width="23.4"
height="23.4"></rect>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M13.5,11.6c0-3.6,3-6.6,6.6-6.6s6.6,3,6.6,6.6"></path>
</svg>
SHOP
</a>
</li>
<li class="shipping-service">
<a href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<g>
<circle class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
cx="9.9" cy="27.5" r="2.9"></circle>
<circle class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
cx="32.7" cy="27.5" r="2.9"></circle>
<path class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
d="M26.8,12.4H31c3.9,0,7,3.2,7,7v8.1h-2.4"></path>
<polyline class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
points="6.9,27.5 4.6,27.5 4.6,22 24.9,22 "></polyline>
<polyline class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
points="12.8,27.5 24.9,27.5 29.8,27.5 "></polyline>
<rect x="2" y="9.6" class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
width="24.8" height="12.4"></rect>
<polyline class="stroke"
style="fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;"
points="31.5,12.4 31.5,20.3 38,20.3 "></polyline>
</g>
</svg>
SHIPPING
</a>
</li>
<li class="track-service">
<a href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40"
style="enable-background:new 0 0 40 40;" xml:space="preserve">
<rect x="8.3" y="11.6" class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;" width="23.4"
height="23.4"></rect>
<path class="stroke" style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M13.5,11.6c0-3.6,3-6.6,6.6-6.6s6.6,3,6.6,6.6"></path>
</svg>
TRACK ORDER
</a>
</li>
</ul>
</div>
<div class="quick-info col-12 col-sm-4">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Faq</a>
</li>
<li>
<a href="#">Refund Policy</a>
</li>
<li>
<a href="#">Terms of Use</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="lower-footer">
<div class="container-fluid">
<div class="page-width">
<div class="grid grid-top grid--no-gutters">
<div class="grid__item widescreen--one-whole post-large--one-whole large--one-whole medium--one-whole small--grid__item text-center">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 214 24"
style="enable-background:new 0 0 214 24;" xml:space="preserve">
<style type="text/css">
.st0-i-s {
fill: #7C5E30;
}
.st1-i-s {
font-family: "Poppins";
}
.st2-i-s {
font-size: 12.3023px;
}
.st3-i-s {
letter-spacing: 1px;
}
</style>
<g>
<g>
<path class="st0-i-s" d="M0.3,9.9v13c0,0.6,0.5,1.1,1.1,1.1h15.3c0.6,0,1.1-0.5,1.1-1.1v-13c0-0.6-0.5-1.1-1.1-1.1H1.4
C0.8,8.7,0.3,9.2,0.3,9.9z M9,13.1c1.2,0,2.2,1,2.2,2.3c0,0.8-0.4,1.6-1.1,2v2c0,0,0,1.1-1.1,1.1c-1.1,0-1.1-1.1-1.1-1.1v-2
c-0.7-0.4-1.1-1.1-1.1-2C6.8,14.2,7.8,13.1,9,13.1z"></path>
<path class="st0-i-s" d="M14.5,8.7v-3c0,0,0-5.7-5.5-5.7C3.5,0,3.5,5.7,3.5,5.7v3h1.1v-3c0,0,0-4.6,4.4-4.6s4.4,4.6,4.4,4.6v3
L14.5,8.7L14.5,8.7z"></path>
</g>
</g>
<text transform="matrix(1 0 0 1 29.0029 17.6201)" class="st0-i-s st1-i-s st2-i-s st3-i-s">
100% SAFE & SECURE ORDERING
</text>
</svg>
</div>
</div>
<div class="grid grid-bottom grid--no-gutters">
<img src="images/footer-1.svg" alt="logo-card">
<img src="images/footer-2.svg" alt="logo-card">
<img src="images/footer-3.svg" alt="logo-card">
<img src="images/footer-4.svg" alt="logo-card">
<img src="images/footer-5.svg" alt="logo-card">
<img src="images/footer-6.svg" alt="logo-card">
<img src="images/footer-7.svg" alt="logo-card">
<img src="images/footer-8.svg" alt="logo-card">
<img src="images/footer-9.svg" alt="logo-card">
<img src="images/footer-10.svg" alt="logo-card">
</div>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>
</html>