1208 lines
51 KiB
HTML
1208 lines
51 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">×</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">×</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">×</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 #slider -->
|
||
<div id="slider" class="section-container p-0 bg-dark">
|
||
<!-- BEGIN carousel -->
|
||
<div id="main-carousel" class="carousel slide" data-ride="carousel">
|
||
<!-- BEGIN carousel-inner -->
|
||
<div class="carousel-inner">
|
||
<!-- BEGIN item -->
|
||
<div class="carousel-item active" data-paroller="true" data-paroller-factor="0.3" data-paroller-factor-sm="0.01" data-paroller-factor-xs="0.01" style="background: url(../assets/img/slider/slider-1-cover.jpg) center 0 / cover no-repeat;">
|
||
<div class="container">
|
||
<img src="../assets/img/slider/slider-1-product.png" class="product-img right bottom animate__fadeInRight animate__animated" alt="" />
|
||
</div>
|
||
<div class="carousel-caption carousel-caption-left text-white">
|
||
<div class="container">
|
||
<h3 class="title mb-5px animate__fadeInLeftBig animate__animated">iMac</h3>
|
||
<p class="mb-15px animate__fadeInLeftBig animate__animated">The vision is brighter than ever.</p>
|
||
<div class="price mb-30px animate__fadeInLeftBig animate__animated"><small>from</small> <span>$2299.00</span></div>
|
||
<a href="product_detail.html" class="btn btn-outline btn-lg animate__fadeInLeftBig animate__animated">Buy Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="carousel-item" data-paroller="true" data-paroller-factor="-0.3" data-paroller-factor-sm="0.01" data-paroller-factor-xs="0.01" style="background: url(../assets/img/slider/slider-2-cover.jpg) center 0 / cover no-repeat;">
|
||
<div class="container">
|
||
<img src="../assets/img/slider/slider-2-product.png" class="product-img left bottom animate__fadeInLeft animate__animated" alt="" />
|
||
</div>
|
||
<div class="carousel-caption carousel-caption-right text-white">
|
||
<div class="container">
|
||
<h3 class="title mb-5px animate__fadeInRightBig animate__animated">iPhone X</h3>
|
||
<p class="mb-15px animate__fadeInRightBig animate__animated">Say hello to the future.</p>
|
||
<div class="price mb-30px animate__fadeInRightBig animate__animated"><small>from</small> <span>$1,149.00</span></div>
|
||
<a href="product_detail.html" class="btn btn-outline btn-lg animate__fadeInRightBig animate__animated">Buy Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="carousel-item" data-paroller="true" data-paroller-factor="-0.3" data-paroller-factor-sm="0.01" data-paroller-factor-xs="0.01" style="background: url(../assets/img/slider/slider-3-cover.jpg) center 0 / cover no-repeat;">
|
||
<div class="carousel-caption text-white">
|
||
<div class="container">
|
||
<h3 class="title mb-5px animate__fadeInDownBig animate__animated">Macbook Air</h3>
|
||
<p class="mb-15px animate__fadeInDownBig animate__animated">Thin.Light.Powerful.<br />And ready for anything</p>
|
||
<div class="price animate__fadeInDownBig animate__animated"><small>from</small> <span>$999.00</span></div>
|
||
<a href="product_detail.html" class="btn btn-outline btn-lg animate__fadeInUpBig animate__animated">Buy Now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END carousel-inner -->
|
||
<a class="carousel-control-prev" href="#main-carousel" data-bs-slide="prev">
|
||
<i class="fa fa-angle-left"></i>
|
||
</a>
|
||
<a class="carousel-control-next" href="#main-carousel" data-bs-slide="next">
|
||
<i class="fa fa-angle-right"></i>
|
||
</a>
|
||
</div>
|
||
<!-- END carousel -->
|
||
</div>
|
||
<!-- END #slider -->
|
||
|
||
<!-- BEGIN #promotions -->
|
||
<div id="promotions" class="section-container bg-component">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN section-title -->
|
||
<h4 class="section-title clearfix">
|
||
<span class="flex-1">
|
||
Exclusive promotions
|
||
<small>from 25 September 2025 - 1 January 2025</small>
|
||
</span>
|
||
<a href="#" class="btn">SHOW ALL</a>
|
||
</h4>
|
||
<!-- END section-title -->
|
||
<!-- BEGIN row -->
|
||
<div class="row gx-2">
|
||
<!-- BEGIN col-6 -->
|
||
<div class="col-lg-6">
|
||
<!-- BEGIN promotion -->
|
||
<div class="promotion promotion-lg bg-dark">
|
||
<div class="promotion-image text-end promotion-image-overflow-bottom">
|
||
<img src="../assets/img/product/product-iphone-12.png" alt="" />
|
||
</div>
|
||
<div class="promotion-caption promotion-caption-inverse">
|
||
<h4 class="promotion-title">iPhone 12</h4>
|
||
<div class="promotion-price"><small>from</small> $1,299.00</div>
|
||
<p class="promotion-desc">A big step for small.<br />A beloved design. Now with more to love.</p>
|
||
<a href="#" class="promotion-btn">View More</a>
|
||
</div>
|
||
</div>
|
||
<!-- END promotion -->
|
||
</div>
|
||
<!-- END col-6 -->
|
||
<!-- BEGIN col-3 -->
|
||
<div class="col-lg-3 col-md-6">
|
||
<!-- BEGIN promotion -->
|
||
<div class="promotion bg-blue">
|
||
<div class="promotion-image promotion-image-overflow-bottom promotion-image-overflow-top">
|
||
<img src="../assets/img/product/product-apple-watch-sm.png" alt="" />
|
||
</div>
|
||
<div class="promotion-caption promotion-caption-inverse text-end">
|
||
<h4 class="promotion-title">Apple Watch</h4>
|
||
<div class="promotion-price"><small>from</small> $299.00</div>
|
||
<p class="promotion-desc">You. At a glance.</p>
|
||
<a href="#" class="promotion-btn">View More</a>
|
||
</div>
|
||
</div>
|
||
<!-- END promotion -->
|
||
<!-- BEGIN promotion -->
|
||
<div class="promotion bg-gray-200">
|
||
<div class="promotion-image text-center promotion-image-overflow-bottom">
|
||
<img src="../assets/img/product/product-mac-mini.png" alt="" />
|
||
</div>
|
||
<div class="promotion-caption text-center">
|
||
<h4 class="promotion-title">Mac Mini</h4>
|
||
<div class="promotion-price"><small>from</small> $199.00</div>
|
||
<p class="promotion-desc">It’s mini in a massive way.</p>
|
||
<a href="#" class="promotion-btn">View More</a>
|
||
</div>
|
||
</div>
|
||
<!-- END promotion -->
|
||
</div>
|
||
<!-- END col-3 -->
|
||
<!-- BEGIN col-3 -->
|
||
<div class="col-lg-3 col-md-6">
|
||
<!-- BEGIN promotion -->
|
||
<div class="promotion bg-gray-200">
|
||
<div class="promotion-image promotion-image-overflow-right promotion-image-overflow-bottom text-end">
|
||
<img src="../assets/img/product/product-mac-accessories.png" alt="" />
|
||
</div>
|
||
<div class="promotion-caption text-center">
|
||
<h4 class="promotion-title">Apple Accessories</h4>
|
||
<div class="promotion-price"><small>from</small> $99.00</div>
|
||
<p class="promotion-desc">Redesigned. Rechargeable. Remarkable.</p>
|
||
<a href="#" class="promotion-btn">View More</a>
|
||
</div>
|
||
</div>
|
||
<!-- END promotion -->
|
||
<!-- BEGIN promotion -->
|
||
<div class="promotion bg-dark">
|
||
<div class="promotion-image text-end">
|
||
<img src="../assets/img/product/product-mac-pro.png" alt="" />
|
||
</div>
|
||
<div class="promotion-caption promotion-caption-inverse">
|
||
<h4 class="promotion-title">Mac Pro</h4>
|
||
<div class="promotion-price"><small>from</small> $1,299.00</div>
|
||
<p class="promotion-desc">Built for creativity on an epic scale.</p>
|
||
<a href="#" class="promotion-btn">View More</a>
|
||
</div>
|
||
</div>
|
||
<!-- END promotion -->
|
||
</div>
|
||
<!-- END col-3 -->
|
||
</div>
|
||
<!-- END row -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END #promotions -->
|
||
|
||
<!-- BEGIN #trending-items -->
|
||
<div id="trending-items" class="section-container">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN section-title -->
|
||
<h4 class="section-title clearfix">
|
||
<span class="flex-1">
|
||
Trending Items
|
||
<small>Shop and get your favourite items at amazing prices!</small>
|
||
</span>
|
||
<div class="btn-group">
|
||
<a href="#" class="btn"><i class="fa fa-angle-left fs-16px"></i></a>
|
||
<a href="#" class="btn"><i class="fa fa-angle-right fs-16px"></i></a>
|
||
</div>
|
||
</h4>
|
||
<!-- END section-title -->
|
||
<!-- BEGIN row -->
|
||
<div class="row gx-2">
|
||
<!-- BEGIN col-2 -->
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-iphone.png" alt="" />
|
||
<div class="discount">15% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product_detail.html">iPhone 6s Plus<br />16GB</a>
|
||
</h4>
|
||
<p class="item-desc">3D Touch. 12MP photos. 4K video.</p>
|
||
<div class="item-price">$649.00</div>
|
||
<div class="item-discount-price">$739.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END col-2 -->
|
||
<!-- BEGIN col-2 -->
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-ipad-pro.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">9.7-inch iPad Pro<br />32GB</a>
|
||
</h4>
|
||
<p class="item-desc">Super. Computer. Now in two sizes.</p>
|
||
<div class="item-price">$599.00</div>
|
||
<div class="item-discount-price">$799.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END col-2 -->
|
||
<!-- BEGIN col-2 -->
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-imac.png" alt="" />
|
||
<div class="discount">20% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">21.5-inch iMac<br />with Retina Display</a>
|
||
</h4>
|
||
<p class="item-desc">Retina. Now in colossal and ginormous.</p>
|
||
<div class="item-price">$1,099.00</div>
|
||
<div class="item-discount-price">$1,299.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END col-2 -->
|
||
<!-- BEGIN col-2 -->
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-apple-watch.png" alt="" />
|
||
<div class="discount">13% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Apple Watch<br />Stainless steel cases</a>
|
||
</h4>
|
||
<p class="item-desc">You. At a glance.</p>
|
||
<div class="item-price">$599.00</div>
|
||
<div class="item-discount-price">$799.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END col-2 -->
|
||
<!-- BEGIN col-2 -->
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-macbook-pro.png" alt="" />
|
||
<div class="discount">30% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">MacBook Pro<br />with Retina Display</a>
|
||
</h4>
|
||
<p class="item-desc">Stunning Retina Display</p>
|
||
<div class="item-price">$1299.00</div>
|
||
<div class="item-discount-price">$1499.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END col-2 -->
|
||
<!-- BEGIN col-2 -->
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-apple-tv.png" alt="" />
|
||
<div class="discount">40% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Apple Tv<br />32GB</a>
|
||
</h4>
|
||
<p class="item-desc">The future of television is here.</p>
|
||
<div class="item-price">$149.00</div>
|
||
<div class="item-discount-price">$249.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END col-2 -->
|
||
</div>
|
||
<!-- END row -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END #trending-items -->
|
||
|
||
<!-- BEGIN #mobile-list -->
|
||
<div id="mobile-list" class="section-container pt-0">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN section-title -->
|
||
<h4 class="section-title clearfix">
|
||
<span class="flex-1">
|
||
Mobile Phones
|
||
<small>Shop and get your favourite phone at amazing prices!</small>
|
||
</span>
|
||
<a href="#" class="btn">SHOW ALL</a>
|
||
</h4>
|
||
<!-- END section-title -->
|
||
<!-- BEGIN category-container -->
|
||
<div class="category-container">
|
||
<!-- BEGIN category-sidebar -->
|
||
<div class="category-sidebar">
|
||
<ul class="category-list">
|
||
<li class="list-header">Top Categories</li>
|
||
<li><a href="#">Microsoft</a></li>
|
||
<li><a href="#">Samsung</a></li>
|
||
<li><a href="#">Apple</a></li>
|
||
<li><a href="#">Micromax</a></li>
|
||
<li><a href="#">Karbonn</a></li>
|
||
<li><a href="#">Intex</a></li>
|
||
<li><a href="#">Sony</a></li>
|
||
<li><a href="#">HTC</a></li>
|
||
<li><a href="#">Asus</a></li>
|
||
<li><a href="#">Nokia</a></li>
|
||
<li><a href="#">Blackberry</a></li>
|
||
<li><a href="#">All Brands</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- END category-sidebar -->
|
||
<!-- BEGIN category-detail -->
|
||
<div class="category-detail">
|
||
<!-- BEGIN category-item -->
|
||
<a href="#" class="category-item full">
|
||
<div class="item">
|
||
<div class="item-cover">
|
||
<img src="../assets/img/product/product-samsung-s7-edge.jpg" alt="" />
|
||
</div>
|
||
<div class="item-info bottom">
|
||
<h4 class="item-title">Samsung Galaxy s7 Edge + Geat 360 + Gear VR</h4>
|
||
<p class="item-desc">Redefine what a phone can do</p>
|
||
<div class="item-price">$799.00</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- END category-item -->
|
||
<!-- BEGIN category-item -->
|
||
<div class="category-item list">
|
||
<!-- BEGIN item-row -->
|
||
<div class="item-row">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-iphone.png" alt="" />
|
||
<div class="discount">15% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product_detail.html">iPhone 6s Plus<br />16GB</a>
|
||
</h4>
|
||
<p class="item-desc">3D Touch. 12MP photos. 4K video.</p>
|
||
<div class="item-price">$649.00</div>
|
||
<div class="item-discount-price">$739.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-samsung-note5.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Samsung Galaxy Note 5<br />Black</a>
|
||
</h4>
|
||
<p class="item-desc">Super. Computer. Now in two sizes.</p>
|
||
<div class="item-price">$599.00</div>
|
||
<div class="item-discount-price">$799.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-iphone-se.png" alt="" />
|
||
<div class="discount">20% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">iPhone SE<br />32/64Gb</a>
|
||
</h4>
|
||
<p class="item-desc">A big step for small.</p>
|
||
<div class="item-price">$499.00</div>
|
||
<div class="item-discount-price">$599.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END item-row -->
|
||
<!-- BEGIN item-row -->
|
||
<div class="item-row">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-zenfone2.png" alt="" />
|
||
<div class="discount">15% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product_detail.html">Assus ZenFone 2<br />(ZE550ML)</a>
|
||
</h4>
|
||
<p class="item-desc">See What Others Can’t See</p>
|
||
<div class="item-price">$399.00</div>
|
||
<div class="item-discount-price">$453.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-xperia-z.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Sony Xperia Z<br />Black Color</a>
|
||
</h4>
|
||
<p class="item-desc">For unexpectedly beautiful moments</p>
|
||
<div class="item-price">$599.00</div>
|
||
<div class="item-discount-price">$799.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-lumia-532.png" alt="" />
|
||
<div class="discount">20% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Microsoft Lumia 531<br />Smartphone Orange</a>
|
||
</h4>
|
||
<p class="item-desc">1 Year Local Manufacturer Warranty</p>
|
||
<div class="item-price">$99.00</div>
|
||
<div class="item-discount-price">$199.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END item-row -->
|
||
</div>
|
||
<!-- END category-item -->
|
||
</div>
|
||
<!-- END category-detail -->
|
||
</div>
|
||
<!-- END category-container -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END #mobile-list -->
|
||
|
||
<!-- BEGIN #tablet-list -->
|
||
<div id="tablet-list" class="section-container pt-0">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN section-title -->
|
||
<h4 class="section-title clearfix">
|
||
<span class="flex-1">
|
||
Tablet
|
||
<small>Shop and get your favourite tablet at amazing prices!</small>
|
||
</span>
|
||
<a href="#" class="btn">SHOW ALL</a>
|
||
</h4>
|
||
<!-- END section-title -->
|
||
<!-- BEGIN category-container -->
|
||
<div class="category-container">
|
||
<!-- BEGIN category-sidebar -->
|
||
<div class="category-sidebar">
|
||
<ul class="category-list">
|
||
<li class="list-header">Top Categories</li>
|
||
<li><a href="#">Apple</a></li>
|
||
<li><a href="#">HP</a></li>
|
||
<li><a href="#">Huawei</a></li>
|
||
<li><a href="#">Samsung</a></li>
|
||
<li><a href="#">Sony</a></li>
|
||
<li><a href="#">All Brands</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- END category-sidebar -->
|
||
<!-- BEGIN category-detail -->
|
||
<div class="category-detail">
|
||
<!-- BEGIN category-item -->
|
||
<a href="#" class="category-item full">
|
||
<div class="item">
|
||
<div class="item-cover">
|
||
<img src="../assets/img/product/product-huawei-mediapad.jpg" alt="" />
|
||
</div>
|
||
<div class="item-info bottom">
|
||
<h4 class="item-title">Huawei MediaPad T1 7.0</h4>
|
||
<p class="item-desc">Vibrant colors. Beautifully displayed</p>
|
||
<div class="item-price">$299.00</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<!-- END category-item -->
|
||
<!-- BEGIN category-item -->
|
||
<div class="category-item list">
|
||
<!-- BEGIN item-row -->
|
||
<div class="item-row">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-ipad-pro.png" alt="" />
|
||
<div class="discount">15% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product_detail.html">9.7-inch iPad Pro<br />32GB</a>
|
||
</h4>
|
||
<p class="item-desc">3D Touch. 12MP photos. 4K video.</p>
|
||
<div class="item-price">$649.00</div>
|
||
<div class="item-discount-price">$739.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-galaxy-tab2.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Samsung Galaxy Tab S2<br />Black</a>
|
||
</h4>
|
||
<p class="item-desc">A Brilliant Screen That Adjusts to You</p>
|
||
<div class="item-price">$399.99</div>
|
||
<div class="item-discount-price">$499.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-galaxy-taba.png" alt="" />
|
||
<div class="discount">20% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Samsung Galaxy Tab A<br />9.7" 16Gb(Wi-Fi)</a>
|
||
</h4>
|
||
<p class="item-desc">Keep All Your Samsung Devices In Sync</p>
|
||
<div class="item-price">$349.99</div>
|
||
<div class="item-discount-price">$399.99</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END item-row -->
|
||
<!-- BEGIN item-row -->
|
||
<div class="item-row">
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-hp-spectrex2.png" alt="" />
|
||
<div class="discount">15% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product_detail.html">HP Spectre x2<br />12-a011nr</a>
|
||
</h4>
|
||
<p class="item-desc">Our thinnest detachable separates from all others.</p>
|
||
<div class="item-price">$799.99</div>
|
||
<div class="item-discount-price">$850.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-xperia-z2.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Sony Xperia Z2 Tablet<br />Black Color</a>
|
||
</h4>
|
||
<p class="item-desc">For unexpectedly beautiful moments</p>
|
||
<div class="item-price">$199.00</div>
|
||
<div class="item-discount-price">$259.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
<!-- BEGIN item -->
|
||
<div class="item item-thumbnail">
|
||
<a href="product_detail.html" class="item-image">
|
||
<img src="../assets/img/product/product-ipad-air.png" alt="" />
|
||
<div class="discount">20% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">iPad Air 2<br />32/64Gb</a>
|
||
</h4>
|
||
<p class="item-desc">Light. Heavyweight.</p>
|
||
<div class="item-price">$399.00</div>
|
||
<div class="item-discount-price">$459.00</div>
|
||
</div>
|
||
</div>
|
||
<!-- END item -->
|
||
</div>
|
||
<!-- END item-row -->
|
||
</div>
|
||
<!-- END category-item -->
|
||
</div>
|
||
<!-- END category-detail -->
|
||
</div>
|
||
<!-- END category-container -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END #tablet-list -->
|
||
|
||
<!-- BEGIN #policy -->
|
||
<div id="policy" class="section-container bg-component">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN row -->
|
||
<div class="row">
|
||
<!-- BEGIN col-4 -->
|
||
<div class="col-lg-4 col-md-4 mb-4 mb-md-0">
|
||
<!-- BEGIN policy -->
|
||
<div class="policy">
|
||
<div class="policy-icon"><i class="fa fa-truck"></i></div>
|
||
<div class="policy-info">
|
||
<h4>Free Delivery Over $100</h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||
</div>
|
||
</div>
|
||
<!-- END policy -->
|
||
</div>
|
||
<!-- END col-4 -->
|
||
<!-- BEGIN col-4 -->
|
||
<div class="col-lg-4 col-md-4 mb-4 mb-md-0">
|
||
<!-- BEGIN policy -->
|
||
<div class="policy">
|
||
<div class="policy-icon"><i class="fa fa-umbrella"></i></div>
|
||
<div class="policy-info">
|
||
<h4>1 Year Warranty For Phones</h4>
|
||
<p>Cras laoreet urna id dui malesuada gravida. <br />Duis a lobortis dui.</p>
|
||
</div>
|
||
</div>
|
||
<!-- END policy -->
|
||
</div>
|
||
<!-- END col-4 -->
|
||
<!-- BEGIN col-4 -->
|
||
<div class="col-lg-4 col-md-4">
|
||
<!-- BEGIN policy -->
|
||
<div class="policy">
|
||
<div class="policy-icon"><i class="fa fa-user-md"></i></div>
|
||
<div class="policy-info">
|
||
<h4>6 Month Warranty For Accessories</h4>
|
||
<p>Fusce ut euismod orci. Morbi auctor, sapien non eleifend iaculis.</p>
|
||
</div>
|
||
</div>
|
||
<!-- END policy -->
|
||
</div>
|
||
<!-- END col-4 -->
|
||
</div>
|
||
<!-- END row -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END #policy -->
|
||
|
||
<!-- BEGIN #subscribe -->
|
||
<div id="subscribe" class="section-container">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN row -->
|
||
<div class="row">
|
||
<!-- BEGIN col-6 -->
|
||
<div class="col-md-6 mb-4 mb-md-0">
|
||
<!-- BEGIN subscription -->
|
||
<div class="subscription">
|
||
<div class="subscription-intro">
|
||
<h4> LET'S STAY IN TOUCH</h4>
|
||
<p>Get updates on sales specials and more</p>
|
||
</div>
|
||
<div class="subscription-form">
|
||
<form name="subscription_form" action="index.html" method="POST">
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" name="email" placeholder="Enter Email Address" />
|
||
<button type="submit" class="btn btn-dark"><i class="fa fa-angle-right"></i></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- END subscription -->
|
||
</div>
|
||
<!-- END col-6 -->
|
||
<!-- BEGIN col-6 -->
|
||
<div class="col-md-6">
|
||
<!-- BEGIN social -->
|
||
<div class="social">
|
||
<div class="social-intro">
|
||
<h4>FOLLOW US</h4>
|
||
<p>We want to hear from you!</p>
|
||
</div>
|
||
<div class="social-list">
|
||
<a href="#"><i class="fab fa-facebook"></i></a>
|
||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||
<a href="#"><i class="fab fa-dribbble"></i></a>
|
||
<a href="#"><i class="fab fa-google-plus"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- END social -->
|
||
</div>
|
||
<!-- END col-6 -->
|
||
</div>
|
||
<!-- END row -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END #subscribe -->
|
||
|
||
<!-- 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 © 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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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=""> </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> |