732 lines
33 KiB
HTML
732 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">×</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 #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-12.jpg" alt="" />
|
||
</div>
|
||
<!-- END page-header-cover -->
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<h1 class="page-header"><b>Apple</b> Product</h1>
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- BEGIN #page-header -->
|
||
|
||
<!-- BEGIN search-results -->
|
||
<div id="search-results" class="section-container">
|
||
<!-- BEGIN container -->
|
||
<div class="container">
|
||
<!-- BEGIN search-container -->
|
||
<div class="search-container">
|
||
<!-- BEGIN search-sidebar -->
|
||
<div class="search-sidebar">
|
||
<h4 class="title">Filter By</h4>
|
||
<form action="product.html" method="POST" name="filter_form">
|
||
<div class="mb-3">
|
||
<label class="form-label">Keywords</label>
|
||
<input type="text" class="form-control input-sm" name="keyword" value="Mobile Phones" placeholder="Enter Keywords" />
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">Price</label>
|
||
<div class="row row-space-0">
|
||
<div class="col-md-5">
|
||
<input type="number" class="form-control input-sm" name="price_from" value="10" placeholder="Price From" />
|
||
</div>
|
||
<div class="col-md-2 text-center pt-5px fs-12px text-muted">to</div>
|
||
<div class="col-md-5">
|
||
<input type="number" class="form-control input-sm" name="price_to" value="10000" placeholder="Price To" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-30px">
|
||
<button type="submit" class="btn btn-sm btn-theme btn-dark w-100"><i class="fa fa-search fa-fw me-1 ms-n3"></i> FILTER</button>
|
||
</div>
|
||
</form>
|
||
<h4 class="title mb-0">Categories</h4>
|
||
<ul class="search-category-list">
|
||
<li><a href="#">iPhone <span class="pull-right">(10)</span></a></li>
|
||
<li><a href="#">Mac <span class="pull-right">(15)</span></a></li>
|
||
<li><a href="#">iPad <span class="pull-right">(32)</span></a></li>
|
||
<li><a href="#">Watch <span class="pull-right">(4)</span></a></li>
|
||
<li><a href="#">TV <span class="pull-right">(6)</span></a></li>
|
||
<li><a href="#">Accessories <span class="pull-right">(38)</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- END search-sidebar -->
|
||
<!-- BEGIN search-content -->
|
||
<div class="search-content">
|
||
<!-- BEGIN search-toolbar -->
|
||
<div class="search-toolbar">
|
||
<!-- BEGIN row -->
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<h4>We found 65 Items for "Apple Product"</h4>
|
||
</div>
|
||
<!-- END col-6 -->
|
||
<!-- BEGIN col-6 -->
|
||
<div class="col-lg-6 text-end">
|
||
<ul class="sort-list">
|
||
<li class="text"><i class="fa fa-filter"></i> Sort by:</li>
|
||
<li class="active"><a href="#">Popular</a></li>
|
||
<li><a href="#">New Arrival</a></li>
|
||
<li><a href="#">Discount</a></li>
|
||
<li><a href="#">Price</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- END col-6 -->
|
||
</div>
|
||
<!-- END row -->
|
||
</div>
|
||
<!-- END search-toolbar -->
|
||
<!-- BEGIN search-item-container -->
|
||
<div class="search-item-container">
|
||
<!-- 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-apple-tv.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Apple TV<br />2025</a>
|
||
</h4>
|
||
<p class="item-desc">The future of television is here.</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-apple-watch.png" alt="" />
|
||
<div class="discount">15% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product_detail.html">Apple Watch<br />Sport Edition</a>
|
||
</h4>
|
||
<p class="item-desc">You. At a glance.</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-imac.png" alt="" />
|
||
<div class="discount">32% 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">$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-macbook-pro.png" alt="" />
|
||
<div class="discount">20% 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">$99.00</div>
|
||
<div class="item-discount-price">$199.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-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-mac-pro.png" alt="" />
|
||
<div class="discount">32% OFF</div>
|
||
</a>
|
||
<div class="item-info">
|
||
<h4 class="item-title">
|
||
<a href="product.html">Mac Pro<br />Quad-Core and Dual GPU</a>
|
||
</h4>
|
||
<p class="item-desc">Built for creativity on an epic scale.</p>
|
||
<div class="item-price">$2999.00</div>
|
||
<div class="item-discount-price">$2599.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 search-item-container -->
|
||
<!-- BEGIN pagination -->
|
||
<ul class="pagination justify-content-center mt-0">
|
||
<li class="page-item disabled"><a href="javascript:;" class="page-link">Previous</a></li>
|
||
<li class="page-item active"><a class="page-link" href="javascript:;">1</a></li>
|
||
<li class="page-item"><a class="page-link" href="javascript:;">2</a></li>
|
||
<li class="page-item"><a class="page-link" href="javascript:;">3</a></li>
|
||
<li class="page-item"><a class="page-link" href="javascript:;">4</a></li>
|
||
<li class="page-item"><a class="page-link" href="javascript:;">5</a></li>
|
||
<li class="page-item"><a class="page-link" href="javascript:;">Next</a></li>
|
||
</ul>
|
||
<!-- END pagination -->
|
||
</div>
|
||
<!-- END search-content -->
|
||
</div>
|
||
<!-- END search-container -->
|
||
</div>
|
||
<!-- END container -->
|
||
</div>
|
||
<!-- END search-results -->
|
||
|
||
<!-- 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> |