576 lines
28 KiB
HTML
576 lines
28 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-15.jpg" alt="" />
|
|
</div>
|
|
<!-- END page-header-cover -->
|
|
<!-- BEGIN container -->
|
|
<div class="container">
|
|
<h1 class="page-header"><b>Contact</b> Us</h1>
|
|
</div>
|
|
<!-- END container -->
|
|
</div>
|
|
<!-- BEGIN #page-header -->
|
|
|
|
<!-- BEGIN #product -->
|
|
<div id="product" class="section-container pt-20px">
|
|
<!-- 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">Contact Us</li>
|
|
</ul>
|
|
<!-- END breadcrumb -->
|
|
<!-- BEGIN row -->
|
|
<div class="row row-space-30">
|
|
<!-- BEGIN col-8 -->
|
|
<div class="col-md-8">
|
|
<h4 class="mt-0">Contact Form</h4>
|
|
<p class="mb-30px fs-13px">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis tortor justo, elementum volutpat ante porta eu.
|
|
Sed eget tellus neque. Nam feugiat magna turpis. Vestibulum pharetra nibh et pretium efficitur. Donec porta sollicitudin laoreet.
|
|
Sed a condimentum urna. Curabitur placerat ornare venenatis. Cras iaculis venenatis imperdiet.
|
|
</p>
|
|
<form class="form-horizontal" name="contact_us_form" action="contact_us.html" method="GET">
|
|
<div class="mb-2 row">
|
|
<label class="col-form-label col-md-3 text-lg-end">Name <span class="text-danger">*</span></label>
|
|
<div class="col-md-7">
|
|
<input type="text" class="form-control" name="name" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-form-label col-md-3 text-lg-end">Email <span class="text-danger">*</span></label>
|
|
<div class="col-md-7">
|
|
<input type="text" class="form-control" name="email" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-form-label col-md-3 text-lg-end">Subject <span class="text-danger">*</span></label>
|
|
<div class="col-md-7">
|
|
<input type="text" class="form-control" name="subject" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-form-label col-md-3 text-lg-end">Message <span class="text-danger">*</span></label>
|
|
<div class="col-md-7">
|
|
<textarea class="form-control" rows="10" name="message"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-form-label col-md-3"></label>
|
|
<div class="col-md-7">
|
|
<button type="submit" class="btn btn-dark btn-theme">SEND MESSAGE</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- END col-8 -->
|
|
<!-- BEGIN col-4 -->
|
|
<div class="col-md-4">
|
|
<h4 class="mt-0">Our Contacts</h4>
|
|
<div class="ratio ratio-16x9 mb-15px">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3306.9584799260138!2d-118.49437019999998!3d34.019276700000006!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2a4cedd1266ff%3A0x1ffe328381544853!2sGoogle+Inc!5e0!3m2!1sen!2s!4v1435718319426" allowfullscreen></iframe>
|
|
</div>
|
|
<div><b>SeanTheme Store, Inc</b></div>
|
|
<p class="mb-15px">
|
|
795 Folsom Ave, Suite 600<br />
|
|
San Francisco, CA 94107<br />
|
|
P: (123) 456-7890<br />
|
|
</p>
|
|
<div><b>Email</b></div>
|
|
<p class="mb-15px">
|
|
<a href="mailto:hello@emailaddress.com" class="text-dark">info@seantheme.com</a><br />
|
|
<a href="mailto:hello@emailaddress.com" class="text-dark">business@seantheme.com</a><br />
|
|
<a href="mailto:hello@emailaddress.com" class="text-dark">support@seantheme.com</a><br />
|
|
</p>
|
|
<div class="mb-5px"><b>Social Network</b></div>
|
|
<p class="mb-15px">
|
|
<a href="#" class="btn btn-icon btn-white btn-circle"><i class="fab fa-facebook"></i></a>
|
|
<a href="#" class="btn btn-icon btn-white btn-circle"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" class="btn btn-icon btn-white btn-circle"><i class="fab fa-google-plus"></i></a>
|
|
<a href="#" class="btn btn-icon btn-white btn-circle"><i class="fab fa-instagram"></i></a>
|
|
<a href="#" class="btn btn-icon btn-white btn-circle"><i class="fab fa-dribbble"></i></a>
|
|
</p>
|
|
</div>
|
|
<!-- END col-4 -->
|
|
</div>
|
|
<!-- END row -->
|
|
</div>
|
|
<!-- END row -->
|
|
</div>
|
|
<!-- END #product -->
|
|
|
|
<!-- 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> |