2025-11-02 14:35:35 +03:00

653 lines
33 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Color Admin | E-Commerce Front End Theme</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- ================== BEGIN core-css ================== -->
<link href="../assets/css/e-commerce/vendor.min.css" rel="stylesheet" />
<link href="../assets/css/e-commerce/app.min.css" rel="stylesheet" />
<!-- ================== END core-css ================== -->
</head>
<body>
<!-- BEGIN #app -->
<div id="app" class="fade show">
<!-- BEGIN #top-nav -->
<div id="top-nav" class="top-nav">
<!-- BEGIN container -->
<div class="container">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown dropdown-hover">
<a href="#" data-bs-toggle="dropdown"><img src="../assets/img/flag/flag-english.png" class="flag-img" alt="" /> English <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#" class="dropdown-item"><img src="../assets/img/flag/flag-english.png" class="flag-img" alt="" /> English</a></li>
<li><a href="#" class="dropdown-item"><img src="../assets/img/flag/flag-german.png" class="flag-img" alt="" /> German</a></li>
<li><a href="#" class="dropdown-item"><img src="../assets/img/flag/flag-spanish.png" class="flag-img" alt="" /> Spanish</a></li>
<li><a href="#" class="dropdown-item"><img src="../assets/img/flag/flag-french.png" class="flag-img" alt="" /> French</a></li>
<li><a href="#" class="dropdown-item"><img src="../assets/img/flag/flag-chinese.png" class="flag-img" alt="" /> Chinese</a></li>
</ul>
</li>
<li><a href="#">Customer Care</a></li>
<li><a href="#">Order Tracker</a></li>
</ul>
<ul class="nav navbar-nav navbar-end">
<li><a href="#">Career</a></li>
<li><a href="#">Our Forum</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#"><i class="fab fa-facebook-f f-s-14"></i></a></li>
<li><a href="#"><i class="fab fa-twitter f-s-14"></i></a></li>
<li><a href="#"><i class="fab fa-instagram f-s-14"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble f-s-14"></i></a></li>
<li><a href="#"><i class="fab fa-google f-s-14"></i></a></li>
</ul>
</div>
</div>
<!-- END container -->
</div>
<!-- END #top-nav -->
<!-- BEGIN #header -->
<div id="header" class="header">
<!-- BEGIN container -->
<div class="container">
<!-- BEGIN header-container -->
<div class="header-container">
<!-- BEGIN navbar-toggle -->
<button type="button" class="navbar-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- END navbar-toggle -->
<!-- BEGIN header-logo -->
<div class="header-logo">
<a href="index.html">
<span class="brand-logo"></span>
<span class="brand-text">
<span>Color</span>Admin
<small>e-commerce frontend theme</small>
</span>
</a>
</div>
<!-- END header-logo -->
<!-- BEGIN header-nav -->
<div class="header-nav">
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav justify-content-center">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown dropdown-full-width dropdown-hover">
<a href="#" data-bs-toggle="dropdown">
Our Store
<b class="caret"></b>
<span class="arrow top"></span>
</a>
<!-- BEGIN dropdown-menu -->
<div class="dropdown-menu p-0">
<!-- BEGIN dropdown-menu-container -->
<div class="dropdown-menu-container">
<!-- BEGIN dropdown-menu-sidebar -->
<div class="dropdown-menu-sidebar">
<h4 class="title">Shop By Categories</h4>
<ul class="dropdown-menu-list">
<li><a href="product.html">Mobile Phone</a></li>
<li><a href="product.html">Tablet</a></li>
<li><a href="product.html">Laptop</a></li>
<li><a href="product.html">Desktop</a></li>
<li><a href="product.html">TV</a></li>
<li><a href="product.html">Speaker</a></li>
<li><a href="product.html">Gadget</a></li>
</ul>
</div>
<!-- END dropdown-menu-sidebar -->
<!-- BEGIN dropdown-menu-content -->
<div class="dropdown-menu-content">
<h4 class="title">Shop By Popular Phone</h4>
<div class="row">
<div class="col-lg-3">
<ul class="dropdown-menu-list">
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> iPhone 7</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> iPhone 6s</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> iPhone 6</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> iPhone 5s</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> iPhone 5</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul class="dropdown-menu-list">
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Galaxy S7</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Galaxy A9</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Galaxy J3</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Galaxy Note 5</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Galaxy S7</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul class="dropdown-menu-list">
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Lumia 730</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Lumia 735</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Lumia 830</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Lumia 820</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Lumia Icon</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul class="dropdown-menu-list">
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Xperia X</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Xperia Z5</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Xperia M5</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Xperia C5</a></li>
<li><a href="product_detail.html"><i class="fa fa-fw fa-angle-right text-muted"></i> Xperia C4</a></li>
</ul>
</div>
</div>
<h4 class="title">Shop By Brand</h4>
<ul class="dropdown-brand-list mb-0">
<li><a href="product.html"><img src="../assets/img/brand/brand-apple.png" alt="" /></a></li>
<li><a href="product.html"><img src="../assets/img/brand/brand-samsung.png" alt="" /></a></li>
<li><a href="product.html"><img src="../assets/img/brand/brand-htc.png" alt="" /></a></li>
<li><a href="product.html"><img src="../assets/img/brand/brand-microsoft.png" alt="" /></a></li>
<li><a href="product.html"><img src="../assets/img/brand/brand-nokia.png" alt="" /></a></li>
<li><a href="product.html"><img src="../assets/img/brand/brand-blackberry.png" alt="" /></a></li>
<li><a href="product.html"><img src="../assets/img/brand/brand-sony.png" alt="" /></a></li>
</ul>
</div>
<!-- END dropdown-menu-content -->
</div>
<!-- END dropdown-menu-container -->
</div>
<!-- END dropdown-menu -->
</li>
<li class="dropdown dropdown-hover">
<a href="#" data-bs-toggle="dropdown">
Accessories
<b class="caret"></b>
<span class="arrow top"></span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="product.html">Mobile Phone</a>
<a class="dropdown-item" href="product.html">Tablet</a>
<a class="dropdown-item" href="product.html">TV</a>
<a class="dropdown-item" href="product.html">Desktop</a>
<a class="dropdown-item" href="product.html">Laptop</a>
<a class="dropdown-item" href="product.html">Speaker</a>
<a class="dropdown-item" href="product.html">Gadget</a>
</div>
</li>
<li><a href="product.html">New Arrival</a></li>
<li class="dropdown dropdown-hover">
<a href="#" data-bs-toggle="dropdown">
Pages
<b class="caret"></b>
<span class="arrow top"></span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="index.html">Home (Default)</a>
<a class="dropdown-item" href="index_fixed_header.html">Home (Fixed Header)</a>
<a class="dropdown-item" href="index_inverse_header.html">Home (Inverse Header)</a>
<a class="dropdown-item" href="search_results.html">Search Results</a>
<a class="dropdown-item" href="product.html">Product Page</a>
<a class="dropdown-item" href="product_detail.html">Product Details Page</a>
<a class="dropdown-item" href="checkout_cart.html">Checkout Cart</a>
<a class="dropdown-item" href="checkout_info.html">Checkout Shipping</a>
<a class="dropdown-item" href="checkout_payment.html">Checkout Payment</a>
<a class="dropdown-item" href="checkout_complete.html">Checkout Complete</a>
<a class="dropdown-item" href="my_account.html">My Account</a>
<a class="dropdown-item" href="contact_us.html">Contact Us</a>
<a class="dropdown-item" href="about_us.html">About Us</a>
<a class="dropdown-item" href="faq.html">FAQ</a>
</div>
</li>
<li class="dropdown dropdown-hover">
<a href="#" data-bs-toggle="dropdown">
<i class="fa fa-search search-btn"></i>
<span class="arrow top"></span>
</a>
<div class="dropdown-menu p-15px">
<form action="search_results.html" method="POST" name="search_form">
<div class="input-group">
<input type="text" placeholder="Search" class="form-control bg-light" />
<button class="btn btn-dark" type="submit"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</li>
</ul>
</div>
</div>
<!-- END header-nav -->
<!-- BEGIN header-nav -->
<div class="header-nav">
<ul class="nav justify-content-end">
<li class="dropdown dropdown-hover">
<a href="#" class="header-cart" data-bs-toggle="dropdown">
<i class="fa fa-shopping-bag"></i>
<span class="total">2</span>
<span class="arrow top"></span>
</a>
<div class="dropdown-menu dropdown-menu-cart p-0">
<div class="cart-header">
<h4 class="cart-title">Shopping Bag (1) </h4>
</div>
<div class="cart-body">
<ul class="cart-item">
<li>
<div class="cart-item-image"><img src="../assets/img/product/product-ipad.jpg" alt="" /></div>
<div class="cart-item-info">
<h4>iPad Pro Wi-Fi 128GB - Silver</h4>
<p class="price">$699.00</p>
</div>
<div class="cart-item-close">
<a href="#" data-bs-toggle="tooltip" data-bs-title="Remove">&times;</a>
</div>
</li>
<li>
<div class="cart-item-image"><img src="../assets/img/product/product-imac.jpg" alt="" /></div>
<div class="cart-item-info">
<h4>21.5-inch iMac</h4>
<p class="price">$1299.00</p>
</div>
<div class="cart-item-close">
<a href="#" data-bs-toggle="tooltip" data-bs-title="Remove">&times;</a>
</div>
</li>
<li>
<div class="cart-item-image"><img src="../assets/img/product/product-iphone.png" alt="" /></div>
<div class="cart-item-info">
<h4>iPhone 6s 16GB - Silver</h4>
<p class="price">$649.00</p>
</div>
<div class="cart-item-close">
<a href="#" data-bs-toggle="tooltip" data-bs-title="Remove">&times;</a>
</div>
</li>
</ul>
</div>
<div class="cart-footer">
<div class="row gx-2">
<div class="col-6">
<a href="checkout_cart.html" class="btn btn-default btn-theme d-block">View Cart</a>
</div>
<div class="col-6">
<a href="checkout_cart.html" class="btn btn-dark btn-theme d-block">Checkout</a>
</div>
</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<a href="my_account.html">
<img src="../assets/img/user/user-1.jpg" class="user-img" alt="" />
<span class="d-none d-xl-inline">Login / Register</span>
</a>
</li>
</ul>
</div>
<!-- END header-nav -->
</div>
<!-- END header-container -->
</div>
<!-- END container -->
</div>
<!-- END #header -->
<!-- BEGIN #page-header -->
<div id="page-header" class="section-container page-header-container bg-dark">
<!-- BEGIN page-header-cover -->
<div class="page-header-cover">
<img src="../assets/img/cover/cover-13.jpg" alt="" />
</div>
<!-- END page-header-cover -->
<!-- BEGIN container -->
<div class="container">
<h1 class="page-header">Frequently Asked <b>Questions</b></h1>
</div>
<!-- END container -->
</div>
<!-- BEGIN #page-header -->
<!-- BEGIN #faq -->
<div id="faq" class="section-container">
<!-- BEGIN container -->
<div class="container">
<!-- BEGIN breadcrumb -->
<ul class="breadcrumb mb-10px fs-12px">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Support</a></li>
<li class="breadcrumb-item active">FAQs</li>
</ul>
<!-- END breadcrumb -->
<!-- BEGIN accordion -->
<div class="accordion faq" id="faq-list">
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none" id="faq-1-heading" data-bs-toggle="collapse" data-bs-target="#faq-1">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
</a>
</div>
<div id="faq-1" class="collapse show" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none collapsed" id="faq-2-heading" data-bs-toggle="collapse" data-bs-target="#faq-2">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Wolf moon officia aute, non cupidatat skateboard dolor brunch.
</a>
</div>
<div id="faq-2" class="collapse" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none collapsed" id="faq-3-heading" data-bs-toggle="collapse" data-bs-target="#faq-3">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Food truck quinoa nesciunt laborum eiusmod.
</a>
</div>
<div id="faq-3" class="collapse" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none collapsed" id="faq-4-heading" data-bs-toggle="collapse" data-bs-target="#faq-4">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
</a>
</div>
<div id="faq-4" class="collapse" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none collapsed" id="faq-5-heading" data-bs-toggle="collapse" data-bs-target="#faq-5">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</a>
</div>
<div id="faq-5" class="collapse" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none collapsed" id="faq-6-heading" data-bs-toggle="collapse" data-bs-target="#faq-6">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Ad vegan excepteur butcher vice lomo.
</a>
</div>
<div id="faq-6" class="collapse" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
<!-- BEGIN card -->
<div class="accordion-item bg-gray-800 border-0">
<div class="accordion-header">
<a href="#" class="accordion-button bg-gray-400 text-gray-800 fw-bold shadow-none collapsed" id="faq-7-heading" data-bs-toggle="collapse" data-bs-target="#faq-7">
<i class="fa fa-lg fa-question-circle fa-fw text-muted me-3"></i> Leggings occaecat craft beer farm-to-table, raw denim aesthetic.
</a>
</div>
<div id="faq-7" class="collapse" data-bs-parent="#faq-list">
<div class="accordion-body bg-component">
<p class="mb-0">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<!-- END card -->
</div>
<!-- END accordion -->
</div>
<!-- END container -->
</div>
<!-- END #faq -->
<!-- BEGIN #footer -->
<div id="footer" class="footer">
<!-- BEGIN container -->
<div class="container">
<!-- BEGIN row -->
<div class="row">
<!-- BEGIN col-3 -->
<div class="col-lg-3">
<h4 class="footer-header">ABOUT US</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tristique dolor, ac efficitur velit. Nulla lobortis tempus convallis. Nulla aliquam lectus eu porta pulvinar. Mauris semper justo erat.
</p>
<p class="mb-lg-4 mb-0">
Vestibulum porttitor lorem et vestibulum pharetra. Phasellus sit amet mi congue, hendrerit mi ut, dignissim eros.
</p>
</div>
<!-- END col-3 -->
<!-- BEGIN col-3 -->
<div class="col-lg-3">
<h4 class="footer-header">RELATED LINKS</h4>
<ul class="fa-ul mb-lg-4 mb-0 p-0">
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Shopping Help</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Terms of Use</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Contact Us</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Careers</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Payment Method</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Sales & Refund</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Sitemap</a></li>
<li><i class="fa fa-fw fa-angle-right"></i> <a href="#">Privacy & Policy</a></li>
</ul>
</div>
<!-- END col-3 -->
<!-- BEGIN col-3 -->
<div class="col-lg-3">
<h4 class="footer-header">LATEST PRODUCT</h4>
<ul class="list-unstyled list-product mb-lg-4 mb-0 p-0">
<li>
<div class="image">
<img src="../assets/img/product/product-iphone-6s.jpg" alt="" />
</div>
<div class="info">
<h4 class="info-title">Iphone 6s</h4>
<div class="price">$1200.00</div>
</div>
</li>
<li>
<div class="image">
<img src="../assets/img/product/product-galaxy-s6.jpg" alt="" />
</div>
<div class="info">
<h4 class="info-title">Samsung Galaxy s7</h4>
<div class="price">$850.00</div>
</div>
</li>
<li>
<div class="image">
<img src="../assets/img/product/product-ipad-pro.jpg" alt="" />
</div>
<div class="info">
<h4 class="info-title">Ipad Pro</h4>
<div class="price">$800.00</div>
</div>
</li>
<li>
<div class="image">
<img src="../assets/img/product/product-galaxy-note5.jpg" alt="" />
</div>
<div class="info">
<h4 class="info-title">Samsung Galaxy Note 5</h4>
<div class="price">$1200.00</div>
</div>
</li>
</ul>
</div>
<!-- END col-3 -->
<!-- BEGIN col-3 -->
<div class="col-lg-3">
<h4 class="footer-header">OUR CONTACT</h4>
<address class="mb-lg-4 mb-0">
<strong>Twitter, Inc.</strong><br />
1355 Market Street, Suite 900<br />
San Francisco, CA 94103<br /><br />
<abbr title="Phone">Phone:</abbr> (123) 456-7890<br />
<abbr title="Fax">Fax:</abbr> (123) 456-7891<br />
<abbr title="Email">Email:</abbr> <a href="mailto:sales@myshop.com">sales@myshop.com</a><br />
<abbr title="Skype">Skype:</abbr> <a href="skype:myshop">myshop</a>
</address>
</div>
<!-- END col-3 -->
</div>
<!-- END row -->
</div>
<!-- END container -->
</div>
<!-- END #footer -->
<!-- BEGIN #footer-copyright -->
<div id="footer-copyright" class="footer-copyright">
<!-- BEGIN container -->
<div class="container">
<div class="payment-method">
<img src="../assets/img/payment/payment-method.png" alt="" />
</div>
<div class="copyright">
Copyright &copy; 2025 SeanTheme. All rights reserved.
</div>
</div>
<!-- END container -->
</div>
<!-- END #footer-copyright -->
</div>
<!-- END #app -->
<!-- BEGIN theme-panel -->
<div class="theme-panel">
<a href="javascript:;" data-toggle="theme-panel-expand" class="theme-collapse-btn"><i class="fa fa-cog"></i></a>
<div class="theme-panel-content">
<div class="theme-list clearfix">
<div class="theme-list-item"><a href="javascript:;" class="bg-red" data-theme-class="theme-red" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Red" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-pink" data-theme-class="theme-pink" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Pink" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-orange" data-theme-class="theme-orange" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Orange" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-yellow" data-theme-class="theme-yellow" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Yellow" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-lime" data-theme-class="theme-lime" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Lime" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-green" data-theme-class="theme-green" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Green" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item active"><a href="javascript:;" class="bg-teal" data-theme-class="" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Default" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-cyan" data-theme-class="theme-cyan" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Aqua" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-blue" data-theme-class="theme-blue" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Blue" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-purple" data-theme-class="theme-purple" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Purple" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-indigo" data-theme-class="theme-indigo" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Indigo" data-original-title="" title="">&nbsp;</a></div>
<div class="theme-list-item"><a href="javascript:;" class="bg-gray-500" data-theme-class="theme-gray-500" data-toggle="theme-selector" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-container="body" data-bs-title="Gray" data-original-title="" title="">&nbsp;</a></div>
</div>
<hr class="mb-0" />
<div class="row mt-10px pt-3px">
<div class="col-9 control-label text-dark fw-bold">
<div class="d-flex">Dark Mode <span class="badge bg-primary ms-2 position-relative py-4px px-6px d-flex align-items-center rounded-1">NEW</span></div>
<div class="lh-sm fs-12px">
<small class="text-dark opacity-50">
Adjust the appearance to reduce glare and give your eyes a break.
</small>
</div>
</div>
<div class="col-3 d-flex">
<div class="form-check form-switch ms-auto mb-0 mt-2px">
<input type="checkbox" class="form-check-input" name="app-theme-dark-mode" id="appThemeDarkMode" value="1" />
<label class="form-check-label" for="appThemeDarkMode"></label>
</div>
</div>
</div>
<hr class="mb-0" />
<div class="row mt-10px pt-3px">
<div class="col-9 control-label text-dark fw-bold">
<div class="d-flex">RTL Mode <span class="badge bg-primary ms-2 position-relative py-4px px-6px d-flex align-items-center rounded-1">NEW</span></div>
<div class="lh-sm fs-12px">
<small class="text-dark opacity-50">
Flip the layout direction to support right-to-left languages.
</small>
</div>
</div>
<div class="col-3 d-flex">
<div class="form-check form-switch ms-auto mb-0 mt-2px">
<input type="checkbox" class="form-check-input" name="app-theme-rtl-mode" id="appThemeRtlMode" value="1" />
<label class="form-check-label" for="appThemeRtlMode"></label>
</div>
</div>
</div>
</div>
</div>
<!-- END theme-panel -->
<!-- ================== BEGIN BASE JS ================== -->
<script src="../assets/js/e-commerce/vendor.min.js"></script>
<script src="../assets/js/e-commerce/app.min.js"></script>
</body>
</html>