727 lines
34 KiB
HTML
727 lines
34 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 #checkout-payment -->
|
|
<div class="section-container" id="checkout-payment">
|
|
<!-- BEGIN container -->
|
|
<div class="container">
|
|
<!-- BEGIN checkout -->
|
|
<div class="checkout">
|
|
<form action="checkout_complete.html" method="GET" name="form_payment" class="form-horizontal">
|
|
<!-- BEGIN checkout-header -->
|
|
<div class="checkout-header">
|
|
<!-- BEGIN row -->
|
|
<div class="row">
|
|
<!-- BEGIN col-3 -->
|
|
<div class="col-lg-3">
|
|
<div class="step">
|
|
<a href="checkout_cart.html">
|
|
<div class="number">1</div>
|
|
<div class="info">
|
|
<div class="title">Delivery Options</div>
|
|
<div class="desc">Lorem ipsum dolor sit amet.</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- END col-3 -->
|
|
<!-- BEGIN col-3 -->
|
|
<div class="col-lg-3">
|
|
<div class="step">
|
|
<a href="checkout_info.html">
|
|
<div class="number">2</div>
|
|
<div class="info">
|
|
<div class="title">Shipping Address</div>
|
|
<div class="desc">Vivamus eleifend euismod.</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- END col-3 -->
|
|
<!-- BEGIN col-3 -->
|
|
<div class="col-lg-3">
|
|
<div class="step active">
|
|
<a href="#">
|
|
<div class="number">3</div>
|
|
<div class="info">
|
|
<div class="title">Payment</div>
|
|
<div class="desc">Aenean ut pretium ipsum. </div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- END col-3 -->
|
|
<!-- BEGIN col-3 -->
|
|
<div class="col-lg-3">
|
|
<div class="step">
|
|
<a href="checkout_complete.html">
|
|
<div class="number">4</div>
|
|
<div class="info">
|
|
<div class="title">Complete Payment</div>
|
|
<div class="desc">Curabitur interdum libero.</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- END col-3 -->
|
|
</div>
|
|
<!-- END row -->
|
|
</div>
|
|
<!-- END checkout-header -->
|
|
<!-- BEGIN checkout-body -->
|
|
<div class="checkout-body">
|
|
<h4 class="checkout-title">Choose a payment method</h4>
|
|
<div class="mb-2 row">
|
|
<label class="col-md-4 col-form-label text-lg-end">Cardholder Name <span class="text-danger">*</span></label>
|
|
<div class="col-md-4">
|
|
<input type="text" class="form-control required" name="cardholder" placeholder="" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-md-4 col-form-label text-lg-end">Card Number <span class="text-danger">*</span></label>
|
|
<div class="col-md-4">
|
|
<input type="text" class="form-control required" name="cardnumber" placeholder="" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-md-4 col-form-label text-lg-end">Payment Types <span class="text-danger">*</span></label>
|
|
<div class="col-md-8">
|
|
<ul class="list-inline payment-type">
|
|
<li class="active"><a href="#" data-click="set-payment" data-value="Paypal" data-toggle="tooltip" data-title="Paypal" data-placement="top" data-trigger="hover"><i class="fab fa-cc-paypal"></i></a></li>
|
|
<li><a href="#" data-click="set-payment" data-value="Visa" data-toggle="tooltip" data-title="Visa" data-placement="top" data-trigger="hover"><i class="fab fa-cc-visa"></i></a></li>
|
|
<li><a href="#" data-click="set-payment" data-value="Master Card" data-toggle="tooltip" data-title="Master Card" data-placement="top" data-trigger="hover"><i class="fab fa-cc-mastercard"></i></a></li>
|
|
<li><a href="#" data-click="set-payment" data-value="Credit Card" data-toggle="tooltip" data-title="Credit Card" data-placement="top" data-trigger="hover"><i class="fab fa-cc-discover"></i></a></li>
|
|
</ul>
|
|
<input type="hidden" name="payment_type" value="" data-id="payment-type" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-md-4 col-form-label text-lg-end">Expiration Date <span class="text-danger">*</span></label>
|
|
<div class="col-md-8">
|
|
<div class="w-150px">
|
|
<div class="row gx-0">
|
|
<div class="col-5">
|
|
<input type="text" name="mm" placeholder="MM" class="form-control required p-l-5 p-r-5 text-center" />
|
|
</div>
|
|
<div class="col-2 text-center">
|
|
<div class="text-muted pt-5px mt-2px">/</div>
|
|
</div>
|
|
<div class="col-5">
|
|
<input type="text" name="yy" placeholder="YY" class="form-control required p-l-5 p-r-5 text-center" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2 row">
|
|
<label class="col-md-4 col-form-label text-lg-end">CSC <span class="text-danger">*</span></label>
|
|
<div class="col-md-8 d-flex align-items-center">
|
|
<div class="w-150px me-10px">
|
|
<input type="text" name="number" placeholder="" class="form-control required p-l-5 p-r-5 text-center" />
|
|
</div>
|
|
<a href="#" class="text-muted fs-12px"><i class="fa fa-question-circle"></i> What's this?</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END checkout-body -->
|
|
<!-- BEGIN checkout-footer -->
|
|
<div class="checkout-footer d-flex">
|
|
<a href="checkout_info.html" class="btn btn-white btn-theme me-auto">BACK</a>
|
|
<button type="submit" class="btn btn-dark btn-theme">PROCEED</button>
|
|
</div>
|
|
<!-- END checkout-footer -->
|
|
</form>
|
|
</div>
|
|
<!-- END checkout -->
|
|
<h4 class="checkout-title mt-30px mb-15px">Payment Frequently Asked Questions</h4>
|
|
<!-- BEGIN checkout-question-list -->
|
|
<div class="checkout-question-list" id="checkout-faq">
|
|
<!-- BEGIN row -->
|
|
<div class="row">
|
|
<!-- BEGIN col-6 -->
|
|
<div class="col-md-6">
|
|
<div class="clearfix">
|
|
<div class="question">
|
|
<a href="#checkout-faq-1" class="collapsed" data-toggle="collapse" data-parent="#checkout-faq">
|
|
<span class="dash">-</span> Is my Credit Card / Debit Card details protected?
|
|
</a>
|
|
</div>
|
|
<div class="answer collapse in" id="checkout-faq-1">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, felis vel tincidunt sodales, urna metus rutrum leo, sit amet finibus velit ante nec lacus. Cras erat nunc, pulvinar nec leo at, rhoncus elementum orci. Nullam ut sapien ultricies, gravida ante ut, ultrices nunc.
|
|
</div>
|
|
</div>
|
|
<div class="clearfix mt-10px">
|
|
<div class="question">
|
|
<a href="#checkout-faq-2" class="collapsed" data-toggle="collapse" data-parent="#checkout-faq">
|
|
<span class="dash">-</span> Can I use a Debit Card to make payment??
|
|
</a>
|
|
</div>
|
|
<div class="answer collapse in" id="checkout-faq-2">
|
|
Curabitur vitae venenatis odio, eget molestie mauris. Nullam vitae turpis at mi consequat rutrum quis quis mi. Vestibulum imperdiet neque non libero condimentum, quis sodales magna molestie. Interdum et malesuada fames ac ante ipsum primis in faucibus.
|
|
</div>
|
|
</div>
|
|
<div class="clearfix mt-10px">
|
|
<div class="question">
|
|
<a href="#checkout-faq-3" class="collapsed" data-toggle="collapse" data-parent="#checkout-faq">
|
|
<span class="dash">-</span> Credit Card/Debit Card transaction keep failing. Why?
|
|
</a>
|
|
</div>
|
|
<div class="answer collapse in" id="checkout-faq-3">
|
|
Cras malesuada mi quis purus pharetra egestas. Curabitur auctor sapien est, eu porttitor velit ornare in. Fusce porta suscipit diam at placerat. Donec lobortis iaculis accumsan. Ut semper felis vel nisi aliquam facilisis.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END col-6 -->
|
|
<!-- BEGIN col-6 -->
|
|
<div class="col-md-6">
|
|
<div class="clearfix">
|
|
<div class="question">
|
|
<a href="#checkout-faq-4" class="collapsed" data-toggle="collapse" data-parent="#checkout-faq">
|
|
<span class="dash">-</span> Did not receive the Pin Code on my mobile?
|
|
</a>
|
|
</div>
|
|
<div class="answer collapse in" id="checkout-faq-4">
|
|
Duis gravida sem eu arcu efficitur, laoreet egestas nibh posuere. Pellentesque suscipit tincidunt porttitor. Aliquam vitae massa vel justo lobortis posuere. Nulla tempor enim at auctor dignissim. Aenean sit amet venenatis odio.
|
|
</div>
|
|
</div>
|
|
<div class="clearfix mt-10px">
|
|
<div class="question">
|
|
<a href="#checkout-faq-5" class="collapsed" data-toggle="collapse" data-parent="#checkout-faq">
|
|
<span class="dash">-</span> My credit card has been charged, but my order shows failed?
|
|
</a>
|
|
</div>
|
|
<div class="answer collapse in" id="checkout-faq-5">
|
|
Nunc consectetur tellus libero, at tempor dolor scelerisque id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat ligula vitae tincidunt sagittis. Etiam congue ligula purus, ut fringilla ante interdum eu.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END col-6 -->
|
|
</div>
|
|
<!-- END row -->
|
|
</div>
|
|
<!-- END checkout-question-list -->
|
|
</div>
|
|
<!-- END container -->
|
|
</div>
|
|
<!-- END #checkout-payment -->
|
|
|
|
<!-- 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 #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> |