File: /home/emblazeone/public_html/master-template/slice/supplement-product-template.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="supplement-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">Weight Loss</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>
<span class="reviews">based on 279 Reviews</span>
</div>
<div class="price-product">
<div class="old-price">MSRP
<span>$237.97</span>
</div>
<div class="new-price">
<p>$147.91</p>
</div>
</div>
<div class="amount">
<div class="block_label_nov">
<label class="block_product ">
<span class="top_nov">1 pack</span>
<span>60 veggie<br>caps</span>
<input type="radio" name="months" data-href="" value="" >
<span class="radiocastom"></span>
</label>
<label class="block_product activecheckbox">
<span class="top_nov">3 pack</span>
<span>90 veggie<br>caps</span>
<input type="radio" name="months" data-href="" value="" checked="checked">
<span class="radiocastom"></span>
</label>
<label class="block_product ">
<span class="top_nov">5 pack</span>
<span>150 veggie<br>caps</span>
<input type="radio" name="months" data-href="" value="" >
<span class="radiocastom"></span>
</label>
</div>
<div class="quantity">
<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">
Title of the Rewiew
</h4>
<h6>FIFI <span> on </span> JUl 01, 2019</h6>
<p>Etiam tempus vestibulum quam eu malesuada. Vestibulum aliquam gravida augue, nec facilisis
ligula efficitur ut. Sed blandit dignissim ornare. Integer interdum et ante ut suscipit. Nam
rutrum dui a erat egestas, et ornare lectus tempor. Duis nec diam eu metus auctor ultricies.
Proin consequat lacus eget augue pharetra egestas. Nam mi magna, lobortis sed purus eu,
sagittis maximus urna. Nulla consequat in mi nec aliquam. Nam ultrices libero eget hendrerit
bibendum.</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">
Title of the Rewiew
</h4>
<h6>FIFI <span> on </span> JUl 01, 2019</h6>
<p>Etiam tempus vestibulum quam eu malesuada. Vestibulum aliquam gravida augue, nec facilisis
ligula efficitur ut. Sed blandit dignissim ornare. Integer interdum et ante ut suscipit. Nam
rutrum dui a erat egestas, et ornare lectus tempor. Duis nec diam eu metus auctor ultricies.
Proin consequat lacus eget augue pharetra egestas. Nam mi magna, lobortis sed purus eu,
sagittis maximus urna. Nulla consequat in mi nec aliquam. Nam ultrices libero eget hendrerit
bibendum.</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">
Title of the Rewiew
</h4>
<h6>FIFI <span> on </span> JUl 01, 2019</h6>
<p>Etiam tempus vestibulum quam eu malesuada. Vestibulum aliquam gravida augue, nec facilisis
ligula efficitur ut. Sed blandit dignissim ornare. Integer interdum et ante ut suscipit. Nam
rutrum dui a erat egestas, et ornare lectus tempor. Duis nec diam eu metus auctor ultricies.
Proin consequat lacus eget augue pharetra egestas. Nam mi magna, lobortis sed purus eu,
sagittis maximus urna. Nulla consequat in mi nec aliquam. Nam ultrices libero eget hendrerit
bibendum.</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/usa-tooday.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 class="as-seen__item">
<img class="logo-bar__image lazyloaded"
src="images/yahoo-fin.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded"
src="images/fordes.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded"
src="images/market-watch.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded"
src="images/radar.png" alt="seen">
</div>
<div class="as-seen__item">
<img class="logo-bar__image lazyloaded"
src="images/business-insider.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>