File: /home/emblazeone/public_html/master-template/slice/product-page.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>Product-card</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="product-card">
<div class="container">
<div class="row">
<div class="product-img col-12 col-lg-6">
<img src="images/img-card-shop.png" alt="Product-img">
</div>
<div class="prise col-12 col-lg-6">
<h1>product name</h1>
<p class="category-name">Category Name</p>
<div class="rating rating--interactive" itemprop="reviewRating">
<form action="#" class="clearfix">
<button class="star" type="button" name="5" itemprop="bestRating">
<span class="sr-only">Rate 5 star</span>
</button>
<button class="star" type="button" name="4">
<span class="sr-only">Rate 4 star</span>
</button>
<button class="star" type="button" name="3">
<span class="sr-only">Rate 3 star</span>
</button>
<button class="star" type="button" name="2">
<span class="sr-only">Rate 2 star</span>
</button>
<button class="star" type="button" name="1" itemprop="worstRating">
<span class="sr-only">Rate 1 star</span>
</button>
</form>
</div>
<p class="reviews">450 Reviews</p>
<div class="price-product">
<div class="old-price">MSRP
<span>$78.99</span>
</div>
<div class="new-price">
<p class="attention">sale!</p>
<p>$69.99</p>
</div>
</div>
<div class="amount">
<h4>in stock</h4>
<p>QTY</p>
<div class="quantity">
<div class="quantity-wrap">
<div class="num-block skin-3">
<div class="num-in">
<span class="minus dis"></span>
<input type="text" class="in-num" value="1" readonly="">
<span class="plus"></span>
</div>
</div>
</div>
<button type="button" class="btn">ADD TO BAG</button>
</div>
</div>
<div class="prise-nav">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#" role="tab"
aria-controls="home" aria-selected="true">key activities</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#" role="tab"
aria-controls="profile" aria-selected="false">how to use</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#" role="tab"
aria-controls="contact" aria-selected="false">ingredients</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel"
aria-labelledby="home-tab"></div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"></div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="product-content">
<div class="container-fluid">
<div class="row">
<div class="product-text-left product-text col-12 col-lg-6">
<h3>Subtitle Product Explainer or a Catchphrase</h3>
<p>
Nam mi magna, lobortis sed purus eu, sagittis maximus urna. Nulla consequat in mi nec
aliquam.
Nam ultrices libero eget hendrerit bibendum.
</p>
<ul>
<li>
<i class="fas fa-arrow-right"></i>
Pointers to the Product
</li>
<li>
<i class="fas fa-arrow-right"></i>
Pointers to the Product
</li>
<li>
<i class="fas fa-arrow-right"></i>
Pointers to the Product
</li>
<li>
<i class="fas fa-arrow-right"></i>
Pointers to the Product
</li>
</ul>
</div>
<div class="product-img-right product-text col-12 col-lg-6">
<img src="images/bg-product-img.png" alt="bg">
</div>
<div class="product-img-left product-text col-12 col-lg-6">
<img src="images/bg-product-img.png" alt="bg">
</div>
<div class="product-text-right product-text col-12 col-lg-6">
<h3>Subtitle Catchphrase goes here</h3>
<p>Vestibulum eros massa, interdum non vehicula ac, maximus a nunc. Phasellus ultricies, risus
quis ullamcorper egestas, mauris sem eleifend lacus, eget faucibus velit arcu ut mauris.
Phasellus fermentum dolor sit amet lorem malesuada, a dictum ante dictum. Aenean posuere eu
erat non sodales. Nunc egestas, libero vel posuere dignissim, sem orci mollis turpis, vitae
accumsan neque nibh ac dolor. Morbi libero quam, faucibus congue venenatis fermentum,
aliquet id nunc. Proin rhoncus sed urna id interdum. Suspendisse a tortor tortor.
Pellentesque vel justo aliquet, scelerisque leo non, interdum leo.</p>
</div>
</div>
</div>
</section>
<section class="product-reviews">
<div class="container">
<div class="row">
<div class="top-reviews col-12">
<h2>reviews</h2>
<div class="rating rating--interactive" itemprop="reviewRating">
<form action="#" class="clearfix">
<!-- Buttons need to be reversed as they are floated right. -->
<button class="star" type="button" name="5" itemprop="bestRating">
<span class="sr-only">Rate 5 star</span>
</button>
<button class="star" type="button" name="4">
<span class="sr-only">Rate 4 star</span>
</button>
<button class="star" type="button" name="3">
<span class="sr-only">Rate 3 star</span>
</button>
<button class="star" type="button" name="2">
<span class="sr-only">Rate 2 star</span>
</button>
<button class="star" type="button" name="1" itemprop="worstRating">
<span class="sr-only">Rate 1 star</span>
</button>
</form>
</div>
<div class="reviews-static">
<span class="reviews-l">450 Reviews</span>
<span class="reviews-r">4.5 Average</span>
</div>
<a href="#" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Write a review</a>
</div>
</div>
<div class="reviews">
<div class="row">
<div class="person-comment col-12 col-md-4">
<div class="star-comments">
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
</div>
<div class="comment">
<h4 class="view">A+
<br></br>
</h4>
<h6>Pat <span> on </span> Jul 01,2019</h6>
<p>I really епјоу this product!I love that сan use it both as
a pre workout and just as а source of energy in the
morning. I like to mix mine with sparkling water in the
morning!</p>
</div>
</div>
<div class="person-comment col-12 col-md-4">
<div class="star-comments">
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
</div>
<div class="comment">
<h4 class="view">Good boss of energy to keep going.</h4>
<h6>Fifi<span class="fat-content"> on </span> Jul 01,2019</h6>
<p>My wife loves these. I've tried them and they do provide a good boost for a workout. Also,
side benefit for those menopausal person - helps reduce hot flashes.Not for me, but just
sayin'.lol</p>
</div>
</div>
<div class="person-comment col-12 col-md-4">
<div class="star-comments">
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
<span>
<i class="fas fa-star"></i>
</span>
</div>
<div class="comment">
<h4 class="view">Favorite pre or most workout drink</h4>
<h6>Amelia <span class="fat-content"> on </span> Jul 01,2019</h6>
<p>
This is my favorite pre and/or post workout drink. I love the flavor (sweet but not too too
sweet), it mixes well with my water, it's low calorie and keeps me going without any shakes
or tingles. I know some people love the tingle but not me, it distracts me. I can drink this
instead of coffee a pck me up mid day too.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="as-seen-bar">
<div class="container-fluid">
<h2>as seen in</h2>
<div class="as-seen-img">
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/1_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/2_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/3_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/4_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/5_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/6_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/7_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/8_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/9_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/10_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/11_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/12_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/13_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/14_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/15_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/16_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/17_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/18_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/19_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/20_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/21_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/22_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/23_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/24_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/25_160x160.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded" src="images/26_160x160.png" alt="seen">
</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>