|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/craveimmi/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from htmldemo.net/junko/junko/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 13:26:40 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Junko - checkout page</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- CSS
========================= -->
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/css/plugins.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--header area start-->
<!--Offcanvas menu area start-->
<div class="off_canvars_overlay">
</div>
<div class="Offcanvas_menu">
<div class="container">
<div class="row">
<div class="col-12">
<div class="canvas_open">
<a href="javascript:void(0)"><i class="ion-navicon"></i></a>
</div>
<div class="Offcanvas_menu_wrapper">
<div class="canvas_close">
<a href="javascript:void(0)"><i class="ion-android-close"></i></a>
</div>
<div class="support_info">
<p>Telephone Enquiry: <a href="tel:0123456789">0123456789</a></p>
</div>
<div class="top_right text-end">
<ul>
<li><a href="my-account.html"> My Account </a></li>
<li><a href="checkout.html"> Checkout </a></li>
</ul>
</div>
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori">
<option selected value="1">All Categories</option>
<option value="2">Accessories</option>
<option value="3">Accessories & More</option>
<option value="4">Butters & Eggs</option>
<option value="5">Camera & Video </option>
<option value="6">Mornitors</option>
<option value="7">Tablets</option>
<option value="8">Laptops</option>
<option value="9">Handbags</option>
<option value="10">Headphone & Speaker</option>
<option value="11">Herbs & botanicals</option>
<option value="12">Vegetables</option>
<option value="13">Shop</option>
<option value="14">Laptops & Desktops</option>
<option value="15">Watchs</option>
<option value="16">Electronic</option>
</select>
</div>
<div class="search_box">
<input placeholder="Search product..." type="text">
<button type="submit">Search</button>
</div>
</form>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag"
aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
<div id="menu" class="text-start ">
<ul class="offcanvas_main_menu">
<li class="menu-item-has-children active">
<a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="index-3.html">Home 3</a></li>
<li><a href="index-4.html">Home 4</a></li>
<li><a href="index-5.html">Home 5</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop Layouts</a>
<ul class="sub-menu">
<li><a href="shop.html">shop</a></li>
<li><a href="shop-fullwidth.html">Full Width</a></li>
<li><a href="shop-fullwidth-list.html">Full Width list</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
<li><a href="shop-right-sidebar-list.html"> Right Sidebar list</a></li>
<li><a href="shop-list.html">List View</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">other Pages</a>
<ul class="sub-menu">
<li><a href="cart.html">cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">my account</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Product Types</a>
<ul class="sub-menu">
<li><a href="product-details.html">product details</a></li>
<li><a href="product-sidebar.html">product sidebar</a></li>
<li><a href="product-grouped.html">product grouped</a></li>
<li><a href="variable-product.html">product variable</a></li>
<li><a href="product-countdown.html">product countdown</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">blog</a>
<ul class="sub-menu">
<li><a href="blog.html">blog</a></li>
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-fullwidth.html">blog fullwidth</a></li>
<li><a href="blog-sidebar.html">blog left sidebar</a></li>
<li><a href="blog-no-sidebar.html">blog no sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">pages </a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="privacy-policy.html">privacy policy</a></li>
<li><a href="faq.html">Frequently Questions</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="login.html">login</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="my-account.html">my account</a>
</li>
<li class="menu-item-has-children">
<a href="about.html">about Us</a>
</li>
<li class="menu-item-has-children">
<a href="contact.html"> Contact Us</a>
</li>
</ul>
</div>
<div class="Offcanvas_footer">
<span><a href="#"><i class="fa fa-envelope-o"></i> info@yourdomain.com</a></span>
<ul>
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="pinterest"><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
<li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Offcanvas menu area end-->
<header>
<div class="main_header">
<!--header top start-->
<div class="header_top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="support_info">
<p>Telephone Enquiry: <a href="tel:0123456789">0123456789</a></p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="top_right text-end">
<ul>
<li><a href="my-account.html"> My Account </a></li>
<li><a href="checkout.html"> Checkout </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--header top start-->
<!--header middel start-->
<div class="header_middle">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-6">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-9 col-md-6">
<div class="middel_right">
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori1">
<option selected value="1">All Categories</option>
<option value="2">Accessories</option>
<option value="3">Accessories & More</option>
<option value="4">Butters & Eggs</option>
<option value="5">Camera & Video </option>
<option value="6">Mornitors</option>
<option value="7">Tablets</option>
<option value="8">Laptops</option>
<option value="9">Handbags</option>
<option value="10">Headphone & Speaker</option>
<option value="11">Herbs & botanicals</option>
<option value="12">Vegetables</option>
<option value="13">Shop</option>
<option value="14">Laptops & Desktops</option>
<option value="15">Watchs</option>
<option value="16">Electronic</option>
</select>
</div>
<div class="search_box">
<input placeholder="Search product..." type="text">
<button type="submit">Search</button>
</div>
</form>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag"
aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--header middel end-->
<!--header bottom satrt-->
<div class="main_menu_area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-12">
<div class="categories_menu">
<div class="categories_title">
<h2 class="categori_toggle">ALL CATEGORIES</h2>
</div>
<div class="categories_menu_toggle">
<ul>
<li class="menu_item_children"><a href="#">Brake Parts <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu">
<li class="menu_item_children"><a href="#">Dresses</a>
<ul class="categorie_sub_menu">
<li><a href="#">Sweater</a></li>
<li><a href="#">Evening</a></li>
<li><a href="#">Day</a></li>
<li><a href="#">Sports</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Handbags</a>
<ul class="categorie_sub_menu">
<li><a href="#">Shoulder</a></li>
<li><a href="#">Satchels</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">coats</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">shoes</a>
<ul class="categorie_sub_menu">
<li><a href="#">Ankle Boots</a></li>
<li><a href="#">Clog sandals </a></li>
<li><a href="#">run</a></li>
<li><a href="#">Books</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Clothing</a>
<ul class="categorie_sub_menu">
<li><a href="#">Coats Jackets </a></li>
<li><a href="#">Raincoats</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">T-shirts</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> Wheels & Tires <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_3">
<li class="menu_item_children"><a href="#">Chair</a>
<ul class="categorie_sub_menu">
<li><a href="#">Dining room</a></li>
<li><a href="#">bedroom</a></li>
<li><a href="#"> Home & Office</a></li>
<li><a href="#">living room</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Lighting</a>
<ul class="categorie_sub_menu">
<li><a href="#">Ceiling Lighting</a></li>
<li><a href="#">Wall Lighting</a></li>
<li><a href="#">Outdoor Lighting</a></li>
<li><a href="#">Smart Lighting</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Sofa</a>
<ul class="categorie_sub_menu">
<li><a href="#">Fabric Sofas</a></li>
<li><a href="#">Leather Sofas</a></li>
<li><a href="#">Corner Sofas</a></li>
<li><a href="#">Sofa Beds</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> Furnitured & Decor <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_2">
<li class="menu_item_children"><a href="#">Brake Tools</a>
<ul class="categorie_sub_menu">
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Spools</a></li>
<li><a href="#">Diesel </a></li>
<li><a href="#">Gasoline</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Emergency Brake</a>
<ul class="categorie_sub_menu">
<li><a href="#">Dolls for Girls</a></li>
<li><a href="#">Girls' Learning Toys</a></li>
<li><a href="#">Arts and Crafts for Girls</a></li>
<li><a href="#">Video Games for Girls</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> Turbo System <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_2">
<li class="menu_item_children"><a href="#">Check Trousers</a>
<ul class="categorie_sub_menu">
<li><a href="#">Building</a></li>
<li><a href="#">Electronics</a></li>
<li><a href="#">action figures </a></li>
<li><a href="#">specialty & boutique toy</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Calculators</a>
<ul class="categorie_sub_menu">
<li><a href="#">Dolls for Girls</a></li>
<li><a href="#">Girls' Learning Toys</a></li>
<li><a href="#">Arts and Crafts for Girls</a></li>
<li><a href="#">Video Games for Girls</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"> Lighting</a></li>
<li><a href="#"> Accessories</a></li>
<li><a href="#">Body Parts</a></li>
<li><a href="#">Perfomance Filters</a></li>
<li><a href="#"> Engine Parts</a></li>
<li id="cat_toggle" class="has-sub"><a href="#"> More Categories</a>
<ul class="categorie_sub">
<li><a href="#">Hide Categories</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9 col-md-12">
<div class="main_menu menu_position">
<nav>
<ul>
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu">
<li><a href="index.html">Home shop 1</a></li>
<li><a href="index-2.html">Home shop 2</a></li>
<li><a href="index-3.html">Home shop 3</a></li>
<li><a href="index-4.html">Home shop 4</a></li>
<li><a href="index-5.html">Home shop 5</a></li>
</ul>
</li>
<li class="mega_items"><a class="active" href="shop.html">shop<i
class="fa fa-angle-down"></i></a>
<div class="mega_menu">
<ul class="mega_menu_inner">
<li><a href="#">Shop Layouts</a>
<ul>
<li><a href="shop-fullwidth.html">Full Width</a></li>
<li><a href="shop-fullwidth-list.html">Full Width list</a>
</li>
<li><a href="shop-right-sidebar.html">Right Sidebar </a>
</li>
<li><a href="shop-right-sidebar-list.html"> Right Sidebar
list</a></li>
<li><a href="shop-list.html">List View</a></li>
</ul>
</li>
<li><a href="#">other Pages</a>
<ul>
<li><a href="cart.html">cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">my account</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li><a href="#">Product Types</a>
<ul>
<li><a href="product-details.html">product details</a></li>
<li><a href="product-sidebar.html">product sidebar</a></li>
<li><a href="product-grouped.html">product grouped</a></li>
<li><a href="variable-product.html">product variable</a>
</li>
<li><a href="product-countdown.html">product countdown</a>
</li>
</ul>
</li>
<li><a href="#">Concrete Tools</a>
<ul>
<li><a href="shop.html">Cables & Connectors</a></li>
<li><a href="shop-list.html">Graphics Tablets</a></li>
<li><a href="shop-fullwidth.html">Printers, Ink & Toner</a>
</li>
<li><a href="shop-fullwidth-list.html">Refurbished
Tablets</a></li>
<li><a href="shop-right-sidebar.html">Optical Drives</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="blog.html">blog<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-fullwidth.html">blog fullwidth</a></li>
<li><a href="blog-sidebar.html">blog left sidebar</a></li>
<li><a href="blog-no-sidebar.html">blog no sidebar</a></li>
</ul>
</li>
<li><a href="#">pages <i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="privacy-policy.html">privacy policy</a></li>
<li><a href="faq.html">Frequently Questions</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="login.html">login</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li><a href="about.html">about Us</a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!--header bottom end-->
</div>
</header>
<!--header area end-->
<!--sticky header area start-->
<div class="sticky_header_area sticky-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-9">
<div class="sticky_header_right menu_position">
<div class="main_menu">
<nav>
<ul>
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu">
<li><a href="index.html">Home shop 1</a></li>
<li><a href="index-2.html">Home shop 2</a></li>
<li><a href="index-3.html">Home shop 3</a></li>
<li><a href="index-4.html">Home shop 4</a></li>
<li><a href="index-5.html">Home shop 5</a></li>
</ul>
</li>
<li class="mega_items"><a class="active" href="shop.html">shop<i
class="fa fa-angle-down"></i></a>
<div class="mega_menu">
<ul class="mega_menu_inner">
<li><a href="#">Shop Layouts</a>
<ul>
<li><a href="shop-fullwidth.html">Full Width</a></li>
<li><a href="shop-fullwidth-list.html">Full Width list</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
<li><a href="shop-right-sidebar-list.html"> Right Sidebar
list</a></li>
<li><a href="shop-list.html">List View</a></li>
</ul>
</li>
<li><a href="#">other Pages</a>
<ul>
<li><a href="cart.html">cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">my account</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li><a href="#">Product Types</a>
<ul>
<li><a href="product-details.html">product details</a></li>
<li><a href="product-sidebar.html">product sidebar</a></li>
<li><a href="product-grouped.html">product grouped</a></li>
<li><a href="variable-product.html">product variable</a></li>
<li><a href="product-countdown.html">product countdown</a></li>
</ul>
</li>
<li><a href="#">Concrete Tools</a>
<ul>
<li><a href="shop.html">Cables & Connectors</a></li>
<li><a href="shop-list.html">Graphics Tablets</a></li>
<li><a href="shop-fullwidth.html">Printers, Ink & Toner</a></li>
<li><a href="shop-fullwidth-list.html">Refurbished Tablets</a>
</li>
<li><a href="shop-right-sidebar.html">Optical Drives</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="blog.html">blog<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-fullwidth.html">blog fullwidth</a></li>
<li><a href="blog-sidebar.html">blog left sidebar</a></li>
<li><a href="blog-no-sidebar.html">blog no sidebar</a></li>
</ul>
</li>
<li><a href="#">pages <i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="privacy-policy.html">privacy policy</a></li>
<li><a href="faq.html">Frequently Questions</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="login.html">login</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li><a href="about.html">about Us</a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</nav>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag"
aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--sticky header area end-->
<!--breadcrumbs area start-->
<div class="breadcrumbs_area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumb_content">
<ul>
<li><a href="index.html">home</a></li>
<li>Checkout</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--breadcrumbs area end-->
<!--Checkout page section-->
<div class="Checkout_section mt-60">
<div class="container">
<div class="row">
<div class="col-12">
<div class="user-actions">
<h3>
<i class="fa fa-file-o" aria-hidden="true"></i>
Returning customer?
<a class="Returning" href="#" data-bs-toggle="collapse" data-bs-target="#checkout_login"
aria-expanded="true">Click here to login</a>
</h3>
<div id="checkout_login" class="collapse" data-bs-parent="#accordion">
<div class="checkout_info">
<p>If you have shopped with us before, please enter your details in the boxes below. If
you are a new customer please proceed to the Billing & Shipping section.</p>
<form action="#">
<div class="form_group">
<label>Username or email <span>*</span></label>
<input type="text">
</div>
<div class="form_group">
<label>Password <span>*</span></label>
<input type="text">
</div>
<div class="form_group group_3 ">
<button type="submit">Login</button>
<label for="remember_box">
<input id="remember_box" type="checkbox">
<span> Remember me </span>
</label>
</div>
<a href="#">Lost your password?</a>
</form>
</div>
</div>
</div>
<div class="user-actions">
<h3>
<i class="fa fa-file-o" aria-hidden="true"></i>
Returning customer?
<a class="Returning" href="#" data-bs-toggle="collapse" data-bs-target="#checkout_coupon"
aria-expanded="true">Click here to enter your code</a>
</h3>
<div id="checkout_coupon" class="collapse" data-bs-parent="#accordion">
<div class="checkout_info">
<form action="#">
<input placeholder="Coupon code" type="text">
<button type="submit">Apply coupon</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="checkout_form">
<div class="row">
<div class="col-lg-6 col-md-6">
<form action="#">
<h3>Billing Details</h3>
<div class="row">
<div class="col-lg-6 mb-20">
<label>First Name <span>*</span></label>
<input type="text">
</div>
<div class="col-lg-6 mb-20">
<label>Last Name <span>*</span></label>
<input type="text">
</div>
<div class="col-12 mb-20">
<label>Company Name</label>
<input type="text">
</div>
<div class="col-12 mb-20">
<label for="country">country <span>*</span></label>
<select class="niceselect_option" name="cuntry" id="country">
<option value="2">bangladesh</option>
<option value="3">Algeria</option>
<option value="4">Afghanistan</option>
<option value="5">Ghana</option>
<option value="6">Albania</option>
<option value="7">Bahrain</option>
<option value="8">Colombia</option>
<option value="9">Dominican Republic</option>
</select>
</div>
<div class="col-12 mb-20">
<label>Street address <span>*</span></label>
<input placeholder="House number and street name" type="text">
</div>
<div class="col-12 mb-20">
<input placeholder="Apartment, suite, unit etc. (optional)" type="text">
</div>
<div class="col-12 mb-20">
<label>Town / City <span>*</span></label>
<input type="text">
</div>
<div class="col-12 mb-20">
<label>State / County <span>*</span></label>
<input type="text">
</div>
<div class="col-lg-6 mb-20">
<label>Phone<span>*</span></label>
<input type="text">
</div>
<div class="col-lg-6 mb-20">
<label> Email Address <span>*</span></label>
<input type="text">
</div>
<div class="col-12 mb-20">
<input id="account" type="checkbox" data-bs-target="createp_account" />
<label for="account" data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-controls="collapseOne">Create an account?</label>
<div id="collapseOne" class="collapse one" data-bs-parent="#accordion">
<div class="card-body1">
<label> Account password <span>*</span></label>
<input placeholder="password" type="password">
</div>
</div>
</div>
<div class="col-12 mb-20">
<input id="address" type="checkbox" data-bs-target="createp_account" />
<label class="righ_0" for="address" data-bs-toggle="collapse"
data-bs-target="#collapsetwo" aria-controls="collapseOne">Ship to a different
address?</label>
<div id="collapsetwo" class="collapse one" data-bs-parent="#accordion">
<div class="row">
<div class="col-lg-6 mb-20">
<label>First Name <span>*</span></label>
<input type="text">
</div>
<div class="col-lg-6 mb-20">
<label>Last Name <span>*</span></label>
<input type="text">
</div>
<div class="col-12 mb-20">
<label>Company Name</label>
<input type="text">
</div>
<div class="col-12 mb-20">
<div class="select_form_select">
<label for="countru_name">country <span>*</span></label>
<select class="niceselect_option" name="cuntry" id="countru_name">
<option value="2">bangladesh</option>
<option value="3">Algeria</option>
<option value="4">Afghanistan</option>
<option value="5">Ghana</option>
<option value="6">Albania</option>
<option value="7">Bahrain</option>
<option value="8">Colombia</option>
<option value="9">Dominican Republic</option>
</select>
</div>
</div>
<div class="col-12 mb-20">
<label>Street address <span>*</span></label>
<input placeholder="House number and street name" type="text">
</div>
<div class="col-12 mb-20">
<input placeholder="Apartment, suite, unit etc. (optional)" type="text">
</div>
<div class="col-12 mb-20">
<label>Town / City <span>*</span></label>
<input type="text">
</div>
<div class="col-12 mb-20">
<label>State / County <span>*</span></label>
<input type="text">
</div>
<div class="col-lg-6 mb-20">
<label>Phone<span>*</span></label>
<input type="text">
</div>
<div class="col-lg-6">
<label> Email Address <span>*</span></label>
<input type="text">
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="order-notes">
<label for="order_note">Order Notes</label>
<textarea id="order_note"
placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
</div>
</div>
</div>
</form>
</div>
<div class="col-lg-6 col-md-6">
<form action="#">
<h3>Your order</h3>
<div class="order_table table-responsive">
<table>
<thead>
<tr>
<th>Product</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td> Handbag fringilla <strong> × 2</strong></td>
<td> $165.00</td>
</tr>
<tr>
<td> Handbag justo <strong> × 2</strong></td>
<td> $50.00</td>
</tr>
<tr>
<td> Handbag elit <strong> × 2</strong></td>
<td> $50.00</td>
</tr>
<tr>
<td> Handbag Rutrum <strong> × 1</strong></td>
<td> $50.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Cart Subtotal</th>
<td>$215.00</td>
</tr>
<tr>
<th>Shipping</th>
<td><strong>$5.00</strong></td>
</tr>
<tr class="order_total">
<th>Order Total</th>
<td><strong>$220.00</strong></td>
</tr>
</tfoot>
</table>
</div>
<div class="payment_method">
<div class="panel-default">
<input id="payment" name="check_method" type="radio"/>
<label for="payment" data-bs-toggle="collapse" data-bs-target="#method"
aria-controls="method">Create an account?</label>
<div id="method" class="collapse one show" data-bs-parent="#accordion">
<div class="card-body1">
<p>Please send a check to Store Name, Store Street, Store Town, Store State
/ County, Store Postcode.</p>
</div>
</div>
</div>
<div class="panel-default">
<input id="payment_defult" name="check_method" type="radio"/>
<label for="payment_defult" data-bs-toggle="collapse" data-bs-target="#collapsedefult"
aria-controls="collapsedefult">PayPal <img src="assets/img/icon/papyel.png"
alt=""></label>
<div id="collapsedefult" class="collapse one" data-bs-parent="#accordion">
<div class="card-body1">
<p>Pay via PayPal; you can pay with your credit card if you don’t have a
PayPal account.</p>
</div>
</div>
</div>
<div class="order_button">
<button type="submit">Proceed to PayPal</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--Checkout page section end-->
<!--footer area start-->
<footer class="footer_widgets">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="widgets_container contact_us">
<div class="footer_logo">
<a href="#"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
<div class="footer_contact">
<p>We are a team of designers and developers that
create high quality HTML Template, Woocommerce, Shopify Theme.</p>
<p><span>Address</span> Your address goes here.</p>
<p><span>Mobile: </span><a href="tel:0123456789">0123456789</a> – <a
href="tel:0123456789">0123456789</a> </p>
<p><span>Support: </span><a href="mailto:demo@example.com">demo@example.com</a>
</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widgets_container widget_menu">
<h3>Information</h3>
<div class="footer_menu">
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="blog.html">Delivery Information</a></li>
<li><a href="contact.html">Privacy Policy</a></li>
<li><a href="services.html">Terms & Conditions</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Gift Certificates</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widgets_container widget_menu">
<h3>My Account</h3>
<div class="footer_menu">
<ul>
<li><a href="#">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="wishlist.html">Wish List</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Affiliate</a></li>
<li><a href="faq.html">International Orders</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="widgets_container newsletter">
<h3>Follow Us</h3>
<div class="footer_social_link">
<ul>
<li><a class="facebook" href="#" title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li><a class="twitter" href="#" title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li><a class="instagram" href="#" title="instagram"><i
class="fa fa-instagram"></i></a></li>
<li><a class="linkedin" href="#" title="linkedin"><i class="fa fa-linkedin"></i></a>
</li>
<li><a class="rss" href="#" title="rss"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
<div class="subscribe_form">
<h3>Join Our Newsletter Now</h3>
<form id="mc-form" class="mc-form footer-newsletter">
<input id="mc-email" type="email" autocomplete="off"
placeholder="Your email address..." />
<button id="mc-submit">Subscribe!</button>
</form>
<!-- mailchimp-alerts Start -->
<div class="mailchimp-alerts text-centre">
<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
<div class="mailchimp-success"></div><!-- mailchimp-success end -->
<div class="mailchimp-error"></div><!-- mailchimp-error end -->
</div><!-- mailchimp-alerts end -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="copyright_area">
<p class="copyright-text">© 2022 <a href="index.html">Junko</a>. Made with <i
class="fa fa-heart text-danger"></i> by <a href="https://hasthemes.com/"
target="_blank">HasThemes</a> </p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="footer_payment text-end">
<a href="#"><img src="assets/img/icon/payment.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--footer area end-->
<!-- JS
============================================ -->
<!-- Plugins JS -->
<script src="assets/js/plugins.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
</body>
<!-- Mirrored from htmldemo.net/junko/junko/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 13:26:40 GMT -->
</html>