File: /home/emblazeone/public_html/master-template/slice/tech_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>TechProduct_Template</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<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-tech_product">
<div class="container">
<div class="row">
<div class="slider-product col-12 col-md-6">
<div class="slider-top">
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
</div>
<div class="slider-nav">
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
<div><img src="images/img_banner.png" alt="product"></div>
</div>
</div>
<div class="specification-product col-12 col-md-6">
<h6>New.</h6>
<h1>Name of the Product Goes Here!</h1>
<h2>$199</h2>
<div class="color-product">
<p>Color</p>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
</div>
<div class="form-check gold">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" >
</div>
<div class="form-check white">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" >
</div>
<div class="form-check blue">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios4" value="option4" >
</div>
</div>
<div class="quantity">
<p>qty</p>
<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>
</div>
<div class="product-rating">
<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">450 Revies</span>
</div>
</div>
<div class="add-btn">
<button type="button" class="btn">ADD TO BAG</button>
</div>
</div>
</div>
</div>
</section>
<section class="advantage">
<div class="container">
<div class="row">
<div class="wrapper-advantage col-12">
<div class="row">
<div class="col-12 col-md-2">
<div class="advantage-img">
<img src="images/bl.png" alt="bluetooh">
</div>
<h6>BLUETOOTH</h6>
<p>Compatible with both Apple and Android devices</p>
</div>
<div class="col-12 col-md-2">
<div class="advantage-img">
<img src="images/a_col.png" alt="call">
</div>
<h6>CALL</h6>
<p>Take calls and listen to music with your smartphone</p>
</div>
<div class="col-12 col-md-2">
<div class="advantage-img">
<img src="images/a_mb.png" alt="pairing">
</div>
<h6>EASY PAIRING</h6>
<p>Start listening to your favorite songs with just two-steps</p>
</div>
<div class="col-12 col-md-2">
<div class="advantage-img">
<img src="images/a_hr.png" alt="charging">
</div>
<h6>CHARGING CASE</h6>
<p>Fully charge your earphones up to four times while on the go</p>
</div>
<div class="col-12 col-md-2">
<div class="advantage-img">
<img src="images/a_btr.png" alt="battery">
</div>
<h6>LONG BATTERY LIFE</h6>
<p>5 hours of playback time and 1,000 hours of standby time</p>
</div>
<div class="col-12 col-md-2">
<div class="advantage-img">
<img src="images/a_li.png" alt="weight">
</div>
<h6>FEATHER WEIGHT</h6>
<p>Aerodynamic fit keeps earbuds stable in the ear</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="advantage_slide">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="slide-img">
<div><img src="images/black_banner_slide.png" alt="product"></div>
</div>
<div class="slide-info">
<div class="wrap-slide-info">
<h3>Made to Fit You</h3>
<p>Don’t worry about leaving the battery on a low charge. These earphones come iwith a charging
case that lets you charge the earphones up to four times.</p>
</div>
</div>
</div>
<div class="item">
<div class="slide-img">
<div><img src="images/black_banner_slide.png" alt="product"></div>
</div>
<div class="slide-info">
<div class="wrap-slide-info">
<h3>Made to Fit You</h3>
<p>Don’t worry about leaving the battery on a low charge. These earphones come iwith a charging
case that lets you charge the earphones up to four times.</p>
</div>
</div>
</div>
<div class="item">
<div class="slide-img">
<div><img src="images/black_banner_slide.png" alt="product"></div>
</div>
<div class="slide-info">
<div class="wrap-slide-info">
<h3>Made to Fit You</h3>
<p>Don’t worry about leaving the battery on a low charge. These earphones come iwith a charging
case that lets you charge the earphones up to four times.</p>
</div>
</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="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 type="text/javascript" src="js/slick.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>