|
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/dtplenviro/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from htmldemo.net/hiraola/hiraola/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 18 Nov 2024 12:13:48 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Checkout || Hiraola - Jewellery eCommerce Bootstrap 5 Template</title>
<meta name="robots" content="noindex, follow" />
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
<!-- CSS
============================================ -->
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome -->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Fontawesome Star -->
<link rel="stylesheet" href="assets/css/fontawesome-stars.css">
<!-- Ion Icon -->
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="assets/css/slick.min.css">
<!-- Animation -->
<link rel="stylesheet" href="assets/css/animate.min.css">
<!-- jQuery Ui -->
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<!-- Nice Select -->
<link rel="stylesheet" href="assets/css/nice-select.min.css">
<!-- Timecircles -->
<link rel="stylesheet" href="assets/css/timecircles.min.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- <link rel="stylesheet" href="assets/css/style.min.css"> -->
</head>
<body class="template-color-1">
<div class="main-wrapper">
<!-- Begin Hiraola's Header Main Area -->
<header class="header-main_area">
<div class="header-top_area">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="ht-left_area">
<div class="header-shipping_area">
<ul>
<li>
<span>Telephone Enquiry:</span>
<a href="callto://+123123321345">(+123) 123 321 345</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="ht-right_area">
<div class="ht-menu">
<ul>
<li><a href="javascript:void(0)">Currency<i class="fa fa-chevron-down"></i></a>
<ul class="ht-dropdown ht-currency">
<li><a href="javascript:void(0)">€ EUR</a></li>
<li class="active"><a href="javascript:void(0)">£ Pound Sterling</a></li>
<li><a href="javascript:void(0)">$ Us Dollar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Language <i class="fa fa-chevron-down"></i></a>
<ul class="ht-dropdown">
<li class="active"><a href="javascript:void(0)"><img src="assets/images/menu/icon/1.jpg" alt="JB's Language Icon">English</a></li>
<li><a href="javascript:void(0)"><img src="assets/images/menu/icon/2.jpg" alt="JB's Language Icon">Français</a>
</li>
</ul>
</li>
<li><a href="my-account.html">My Account<i class="fa fa-chevron-down"></i></a>
<ul class="ht-dropdown ht-my_account">
<li><a href="javascript:void(0)">Register</a></li>
<li class="active"><a href="javascript:void(0)">Login</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-middle_area d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="header-logo">
<a href="index.html">
<img src="assets/images/menu/logo/1.png" alt="Hiraola's Header Logo">
</a>
</div>
</div>
<div class="col-lg-9">
<div class="hm-form_area">
<form action="#" class="hm-searchbox">
<select class="nice-select select-search-category">
<option value="0">All</option>
<option value="10">Laptops</option>
<option value="17">- - Prime Video</option>
<option value="20">- - - - All Videos</option>
<option value="21">- - - - Blouses</option>
<option value="22">- - - - Evening Dresses</option>
<option value="23">- - - - Summer Dresses</option>
<option value="24">- - - - T-shirts</option>
<option value="25">- - - - Rent or Buy</option>
<option value="26">- - - - Your Watchlist</option>
<option value="27">- - - - Watch Anywhere</option>
<option value="28">- - - - Getting Started</option>
<option value="18">- - - - Computers</option>
<option value="29">- - - - More to Explore</option>
<option value="30">- - - - TV & Video</option>
<option value="31">- - - - Audio & Theater</option>
<option value="32">- - - - Camera, Photo </option>
<option value="33">- - - - Cell Phones</option>
<option value="34">- - - - Headphones</option>
<option value="35">- - - - Video Games</option>
<option value="36">- - - - Wireless Speakers</option>
<option value="19">- - - - Electronics</option>
<option value="37">- - - - Amazon Home</option>
<option value="38">- - - - Kitchen & Dining</option>
<option value="39">- - - - Furniture</option>
<option value="40">- - - - Bed & Bath</option>
<option value="41">- - - - Appliances</option>
<option value="11">TV & Audio</option>
<option value="42">- - Chamcham</option>
<option value="45">- - - - Office</option>
<option value="47">- - - - Gaming</option>
<option value="48">- - - - Chromebook</option>
<option value="49">- - - - Refurbished</option>
<option value="50">- - - - Touchscreen</option>
<option value="51">- - - - Ultrabooks</option>
<option value="52">- - - - Blouses</option>
<option value="43">- - Sanai</option>
<option value="53">- - - - Hard Drives</option>
<option value="54">- - - - Graphic Cards</option>
<option value="55">- - - - Processors (CPU)</option>
<option value="56">- - - - Memory</option>
<option value="57">- - - - Motherboards</option>
<option value="58">- - - - Fans & Cooling</option>
<option value="59">- - - - CD/DVD Drives</option>
<option value="44">- - Meito</option>
<option value="60">- - - - Sound Cards</option>
<option value="61">- - - - Cases & Towers</option>
<option value="62">- - - - Casual Dresses</option>
<option value="63">- - - - Evening Dresses</option>
<option value="64">- - - - T-shirts</option>
<option value="65">- - - - Tops</option>
<option value="12">Smartphone</option>
<option value="66">- - Camera Accessories</option>
<option value="68">- - - - Octa Core</option>
<option value="69">- - - - Quad Core</option>
<option value="70">- - - - Dual Core</option>
<option value="71">- - - - 7.0 Screen</option>
<option value="72">- - - - 9.0 Screen</option>
<option value="73">- - - - Bags & Cases</option>
<option value="67">- - XailStation</option>
<option value="74">- - - - Batteries</option>
<option value="75">- - - - Microphones</option>
<option value="76">- - - - Stabilizers</option>
<option value="77">- - - - Video Tapes</option>
<option value="78">- - - - Memory Card Readers</option>
<option value="79">- - - - Tripods</option>
<option value="13">Cameras</option>
<option value="14">headphone</option>
<option value="15">Smartwatch</option>
<option value="16">Accessories</option>
</select>
<input type="text" placeholder="Enter your search key ...">
<button class="li-btn" type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom_area header-sticky stick">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 d-lg-none d-block">
<div class="header-logo">
<a href="index.html">
<img src="assets/images/menu/logo/2.png" alt="Hiraola's Header Logo">
</a>
</div>
</div>
<div class="col-lg-9 d-none d-lg-block position-static">
<div class="main-menu_area">
<nav>
<ul>
<li class="dropdown-holder"><a href="index.html">Home</a>
<ul class="hm-dropdown">
<li class=""><a href="index.html">Home One</a></li>
<li><a href="index-2.html">Home Two</a></li>
<li><a href="index-3.html">Home Three</a></li>
</ul>
</li>
<li class="megamenu-holder"><a href="shop-left-sidebar.html">Shop</a>
<ul class="hm-megamenu">
<li><span class="megamenu-title">Shop Page Layout</span>
<ul>
<li><a href="shop-3-column.html">Grid Fullwidth</a></li>
<li><a href="shop-left-sidebar.html">Left Sidebar</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar</a></li>
<li><a href="shop-list-fullwidth.html">List Fullwidth</a></li>
<li><a href="shop-list-left-sidebar.html">List Left Sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">List Right Sidebar</a>
</li>
</ul>
</li>
<li><span class="megamenu-title">Single Product Style</span>
<ul>
<li><a href="single-product-gallery-left.html">Gallery Left</a></li>
<li><a href="single-product-gallery-right.html">Gallery Right</a>
</li>
<li><a href="single-product-tab-style-left.html">Tab Style Left</a>
</li>
<li><a href="single-product-tab-style-right.html">Tab Style
Right</a>
</li>
<li><a href="single-product-sticky-left.html">Sticky Left</a></li>
<li><a href="single-product-sticky-right.html">Sticky Right</a></li>
</ul>
</li>
<li><span class="megamenu-title">Single Product Type</span>
<ul>
<li><a href="single-product.html">Single Product</a></li>
<li><a href="single-product-sale.html">Single Product Sale</a></li>
<li><a href="single-product-group.html">Single Product Group</a>
</li>
<li><a href="single-product-variable.html">Single Product Variable</a>
</li>
<li><a href="single-product-affiliate.html">Single Product
Affiliate</a>
</li>
<li><a href="single-product-slider.html">Single Product Slider</a>
</li>
</ul>
</li>
<li class="menu-item_img"></li>
</ul>
</li>
<li><a href="blog-left-sidebar.html">Blog</a>
<ul class="hm-dropdown">
<li><a href="blog-left-sidebar.html">Grid View</a>
<ul class="hm-dropdown hm-sub_dropdown">
<li><a href="blog-2-column.html">Column Two</a></li>
<li><a href="blog-3-column.html">Column Three</a></li>
<li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li><a href="blog-list-left-sidebar.html">List View</a>
<ul class="hm-dropdown hm-sub_dropdown">
<li><a href="blog-list-fullwidth.html">List Fullwidth</a></li>
<li><a href="blog-list-left-sidebar.html">List Left Sidebar</a></li>
<li><a href="blog-list-right-sidebar.html">List Right Sidebar</a>
</li>
</ul>
</li>
<li><a href="blog-details-left-sidebar.html">Blog Details</a>
<ul class="hm-dropdown hm-sub_dropdown">
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li><a href="blog-gallery-format.html">Blog Format</a>
<ul class="hm-dropdown hm-sub_dropdown">
<li><a href="blog-gallery-format.html">Gallery Format</a></li>
<li><a href="blog-audio-format.html">Audio Format</a></li>
<li><a href="blog-video-format.html">Video Format</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="index.html">Pages</a>
<ul class="hm-dropdown">
<li><a href="my-account.html">My Account</a></li>
<li><a href="login-register.html">Login | Register</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Error</a></li>
<li><a href="coming-soon_page.html">Comming Soon</a></li>
</ul>
</li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="shop-left-sidebar.html">Jewellery</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-lg-3 col-md-8 col-sm-8">
<div class="header-right_area">
<ul>
<li>
<a href="wishlist.html" class="wishlist-btn">
<i class="ion-android-favorite-outline"></i>
</a>
</li>
<li>
<a href="#mobileMenu" class="mobile-menu_btn toolbar-btn color--white d-lg-none d-block">
<i class="ion-navicon"></i>
</a>
</li>
<li>
<a href="#miniCart" class="minicart-btn toolbar-btn">
<i class="ion-bag"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas-minicart_wrapper" id="miniCart">
<div class="offcanvas-menu-inner">
<a href="#" class="btn-close"><i class="ion-android-close"></i></a>
<div class="minicart-content">
<div class="minicart-heading">
<h4>Shopping Cart</h4>
</div>
<ul class="minicart-list">
<li class="minicart-product">
<a class="product-item_remove" href="javascript:void(0)"><i class="ion-android-close"></i></a>
<div class="product-item_img">
<img src="assets/images/product/small-size/2-1.jpg" alt="Hiraola's Product Image">
</div>
<div class="product-item_content">
<a class="product-item_title" href="shop-left-sidebar.html">Magni dolorum vel</a>
<span class="product-item_quantity">1 x $120.80</span>
</div>
</li>
<li class="minicart-product">
<a class="product-item_remove" href="javascript:void(0)"><i class="ion-android-close"></i></a>
<div class="product-item_img">
<img src="assets/images/product/small-size/2-2.jpg" alt="Hiraola's Product Image">
</div>
<div class="product-item_content">
<a class="product-item_title" href="shop-left-sidebar.html">Eius accusantium omnis</a>
<span class="product-item_quantity">1 x $120.80</span>
</div>
</li>
<li class="minicart-product">
<a class="product-item_remove" href="javascript:void(0)"><i class="ion-android-close"></i></a>
<div class="product-item_img">
<img src="assets/images/product/small-size/2-3.jpg" alt="Hiraola's Product Image">
</div>
<div class="product-item_content">
<a class="product-item_title" href="shop-left-sidebar.html">Aperiam adipisci dolorem</a>
<span class="product-item_quantity">1 x $120.80</span>
</div>
</li>
</ul>
</div>
<div class="minicart-item_total">
<span>Subtotal</span>
<span class="ammount">$360.00</span>
</div>
<div class="minicart-btn_area">
<a href="cart.html" class="hiraola-btn hiraola-btn_dark hiraola-btn_fullwidth">Minicart</a>
</div>
<div class="minicart-btn_area">
<a href="checkout.html" class="hiraola-btn hiraola-btn_dark hiraola-btn_fullwidth">Checkout</a>
</div>
</div>
</div>
<div class="mobile-menu_wrapper" id="mobileMenu">
<div class="offcanvas-menu-inner">
<div class="container">
<a href="#" class="btn-close"><i class="ion-android-close"></i></a>
<div class="offcanvas-inner_search">
<form action="#" class="hm-searchbox">
<input type="text" placeholder="Search for item...">
<button class="search_btn" type="submit"><i class="ion-ios-search-strong"></i></button>
</form>
</div>
<nav class="offcanvas-navigation">
<ul class="mobile-menu">
<li class="menu-item-has-children active"><a href="#"><span class="mm-text">Home</span></a>
<ul class="sub-menu">
<li>
<a href="index.html">
<span class="mm-text">Home One</span>
</a>
</li>
<li>
<a href="index-2.html">
<span class="mm-text">Home Two</span>
</a>
</li>
<li>
<a href="index-3.html">
<span class="mm-text">Home Three</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Shop</span>
</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Grid View</span>
</a>
<ul class="sub-menu">
<li>
<a href="shop-3-column.html">
<span class="mm-text">Column Three</span>
</a>
</li>
<li>
<a href="shop-4-column.html">
<span class="mm-text">Column Four</span>
</a>
</li>
<li>
<a href="shop-left-sidebar.html">
<span class="mm-text">Left Sidebar</span>
</a>
</li>
<li>
<a href="shop-right-sidebar.html">
<span class="mm-text">Right Sidebar</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Shop List</span>
</a>
<ul class="sub-menu">
<li>
<a href="shop-list-fullwidth.html">
<span class="mm-text">Full Width</span>
</a>
</li>
<li>
<a href="shop-list-left-sidebar.html">
<span class="mm-text">Left Sidebar</span>
</a>
</li>
<li>
<a href="shop-list-right-sidebar.html">
<span class="mm-text">Right Sidebar</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Single Product Style</span>
</a>
<ul class="sub-menu">
<li>
<a href="single-product-gallery-left.html">
<span class="mm-text">Gallery Left</span>
</a>
</li>
<li>
<a href="single-product-gallery-right.html">
<span class="mm-text">Gallery Right</span>
</a>
</li>
<li>
<a href="single-product-tab-style-left.html">
<span class="mm-text">Tab Style Left</span>
</a>
</li>
<li>
<a href="single-product-tab-style-right.html">
<span class="mm-text">Tab Style Right</span>
</a>
</li>
<li>
<a href="single-product-sticky-left.html">
<span class="mm-text">Sticky Left</span>
</a>
</li>
<li>
<a href="single-product-sticky-right.html">
<span class="mm-text">Sticky Right</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Single Product Type</span>
</a>
<ul class="sub-menu">
<li>
<a href="single-product.html">
<span class="mm-text">Single Product</span>
</a>
</li>
<li>
<a href="single-product-sale.html">
<span class="mm-text">Single Product Sale</span>
</a>
</li>
<li>
<a href="single-product-group.html">
<span class="mm-text">Single Product Group</span>
</a>
</li>
<li>
<a href="single-product-variable.html">
<span class="mm-text">Single Product Variable</span>
</a>
</li>
<li>
<a href="single-product-affiliate.html">
<span class="mm-text">Single Product Affiliate</span>
</a>
</li>
<li>
<a href="single-product-slider.html">
<span class="mm-text">Single Product Slider</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Blog</span>
</a>
<ul class="sub-menu">
<li class="menu-item-has-children has-children">
<a href="#">
<span class="mm-text">Grid View</span>
</a>
<ul class="sub-menu">
<li>
<a href="blog-2-column.html">
<span class="mm-text">Column Two</span>
</a>
</li>
<li>
<a href="blog-3-column.html">
<span class="mm-text">Column Three</span>
</a>
</li>
<li>
<a href="blog-left-sidebar.html">
<span class="mm-text">Left Sidebar</span>
</a>
</li>
<li>
<a href="blog-right-sidebar.html">
<span class="mm-text">Right Sidebar</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-children">
<a href="#">
<span class="mm-text">List View</span>
</a>
<ul class="sub-menu">
<li>
<a href="blog-list-fullwidth.html">
<span class="mm-text">List Fullwidth</span>
</a>
</li>
<li>
<a href="blog-list-left-sidebar.html">
<span class="mm-text">List Left Sidebar</span>
</a>
</li>
<li>
<a href="blog-list-right-sidebar.html">
<span class="mm-text">List Right Sidebar</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-children">
<a href="#">
<span class="mm-text">Blog Details</span>
</a>
<ul class="sub-menu">
<li>
<a href="blog-details-left-sidebar.html">
<span class="mm-text">Left Sidebar</span>
</a>
</li>
<li>
<a href="blog-details-right-sidebar.html">
<span class="mm-text">Right Sidebar</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-children">
<a href="#">
<span class="mm-text">Blog Format</span>
</a>
<ul class="sub-menu">
<li>
<a href="blog-gallery-format.html">
<span class="mm-text">Gallery Format</span>
</a>
</li>
<li>
<a href="blog-audio-format.html">
<span class="mm-text">Audio Format</span>
</a>
</li>
<li>
<a href="blog-video-format.html">
<span class="mm-text">Video Format</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">
<span class="mm-text">Pages</span>
</a>
<ul class="sub-menu">
<li>
<a href="my-account.html">
<span class="mm-text">My Account</span>
</a>
</li>
<li>
<a href="login-register.html">
<span class="mm-text">Login | Register</span>
</a>
</li>
<li>
<a href="wishlist.html">
<span class="mm-text">Wishlist</span>
</a>
</li>
<li>
<a href="cart.html">
<span class="mm-text">Cart</span>
</a>
</li>
<li>
<a href="checkout.html">
<span class="mm-text">Checkout</span>
</a>
</li>
<li>
<a href="compare.html">
<span class="mm-text">Compare</span>
</a>
</li>
<li>
<a href="faq.html">
<span class="mm-text">FAQ</span>
</a>
</li>
<li>
<a href="404.html">
<span class="mm-text">Error 404</span>
</a>
</li>
<li>
<a href="coming-soon_page.html">
<span class="mm-text">Comming Soon</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
<nav class="offcanvas-navigation user-setting_area">
<ul class="mobile-menu">
<li class="menu-item-has-children active">
<a href="#">
<span class="mm-text">User
Setting
</span>
</a>
<ul class="sub-menu">
<li>
<a href="my-account.html">
<span class="mm-text">My Account</span>
</a>
</li>
<li>
<a href="login-register.html">
<span class="mm-text">Login | Register</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#"><span class="mm-text">Currency</span></a>
<ul class="sub-menu">
<li>
<a href="javascript:void(0)">
<span class="mm-text">EUR €</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="mm-text">USD $</span>
</a>
</li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#"><span class="mm-text">Language</span></a>
<ul class="sub-menu">
<li>
<a href="javascript:void(0)">
<span class="mm-text">English</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="mm-text">Français</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="mm-text">Romanian</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span class="mm-text">Japanese</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Hiraola's Header Main Area End Here -->
<!-- Begin Hiraola's Breadcrumb Area -->
<div class="breadcrumb-area">
<div class="container">
<div class="breadcrumb-content">
<h2>Other</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li class="active">Checkout</li>
</ul>
</div>
</div>
</div>
<!-- Hiraola's Breadcrumb Area End Here -->
<!-- Begin Hiraola's Checkout Area -->
<div class="checkout-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="coupon-accordion">
<h3>Returning customer? <span id="showlogin">Click here to login</span></h3>
<div id="checkout-login" class="coupon-content">
<div class="coupon-info">
<p class="coupon-text">Quisque gravida turpis sit amet nulla posuere lacinia. Cras sed est
sit amet ipsum luctus.</p>
<form action="javascript:void(0)">
<p class="form-row-first">
<label>Username or email <span class="required">*</span></label>
<input type="text">
</p>
<p class="form-row-last">
<label>Password <span class="required">*</span></label>
<input type="text">
</p>
<p class="form-row">
<input value="Login" type="submit">
<label>
<input type="checkbox">
Remember me
</label>
</p>
<p class="lost-password"><a href="javascript:void(0)">Lost your password?</a></p>
</form>
</div>
</div>
<h3>Have a coupon? <span id="showcoupon">Click here to enter your code</span></h3>
<div id="checkout_coupon" class="coupon-checkout-content">
<div class="coupon-info">
<form action="javascript:void(0)">
<p class="checkout-coupon">
<input placeholder="Coupon code" type="text">
<input class="coupon-inner_btn" value="Apply Coupon" type="submit">
</p>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-12">
<form action="javascript:void(0)">
<div class="checkbox-form">
<h3>Billing Details</h3>
<div class="row">
<div class="col-md-12">
<div class="country-select clearfix">
<label>Country <span class="required">*</span></label>
<select class="myniceselect nice-select wide">
<option data-display="Bangladesh">Bangladesh</option>
<option value="uk">London</option>
<option value="rou">Romania</option>
<option value="fr">French</option>
<option value="de">Germany</option>
<option value="aus">Australia</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>First Name <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Last Name <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Company Name</label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Address <span class="required">*</span></label>
<input placeholder="Street address" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<input placeholder="Apartment, suite, unit etc. (optional)" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Town / City <span class="required">*</span></label>
<input type="text">
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>State / County <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Postcode / Zip <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Email Address <span class="required">*</span></label>
<input placeholder="" type="email">
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Phone <span class="required">*</span></label>
<input type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list create-acc">
<input id="cbox" type="checkbox">
<label>Create an account?</label>
</div>
<div id="cbox-info" class="checkout-form-list create-account">
<p>Create an account by entering the information below. If you are a returning
customer please login at the top of the page.</p>
<label>Account password <span class="required">*</span></label>
<input placeholder="password" type="password">
</div>
</div>
</div>
<div class="different-address">
<div class="ship-different-title">
<h3>
<label>Ship to a different address?</label>
<input id="ship-box" type="checkbox">
</h3>
</div>
<div id="ship-box-info" class="row">
<div class="col-md-12">
<div class="myniceselect country-select clearfix">
<label>Country <span class="required">*</span></label>
<select class="nice-select wide">
<option data-display="Bangladesh">Bangladesh</option>
<option value="uk">London</option>
<option value="rou">Romania</option>
<option value="fr">French</option>
<option value="de">Germany</option>
<option value="aus">Australia</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>First Name <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Last Name <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Company Name</label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Address <span class="required">*</span></label>
<input placeholder="Street address" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<input placeholder="Apartment, suite, unit etc. (optional)" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Town / City <span class="required">*</span></label>
<input type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>State / County <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Postcode / Zip <span class="required">*</span></label>
<input placeholder="" type="text">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Email Address <span class="required">*</span></label>
<input placeholder="" type="email">
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Phone <span class="required">*</span></label>
<input type="text">
</div>
</div>
</div>
<div class="order-notes">
<div class="checkout-form-list checkout-form-list-2">
<label>Order Notes</label>
<textarea id="checkout-mess" cols="30" rows="10" placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="col-lg-6 col-12">
<div class="your-order">
<h3>Your order</h3>
<div class="your-order-table table-responsive">
<table class="table">
<thead>
<tr>
<th class="cart-product-name">Product</th>
<th class="cart-product-total">Total</th>
</tr>
</thead>
<tbody>
<tr class="cart_item">
<td class="cart-product-name"> Vestibulum suscipit<strong class="product-quantity">
× 1</strong></td>
<td class="cart-product-total"><span class="amount">£165.00</span></td>
</tr>
<tr class="cart_item">
<td class="cart-product-name"> Vestibulum suscipit<strong class="product-quantity">
× 1</strong></td>
<td class="cart-product-total"><span class="amount">£165.00</span></td>
</tr>
</tbody>
<tfoot>
<tr class="cart-subtotal">
<th>Cart Subtotal</th>
<td><span class="amount">£215.00</span></td>
</tr>
<tr class="order-total">
<th>Order Total</th>
<td><strong><span class="amount">£215.00</span></strong></td>
</tr>
</tfoot>
</table>
</div>
<div class="payment-method">
<div class="payment-accordion">
<div id="accordion">
<div class="card">
<div class="card-header" id="#payment-1">
<h5 class="panel-title">
<a href="javascript:void(0)" class="" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Direct Bank Transfer.
</a>
</h5>
</div>
<div id="collapseOne" class="collapse show" data-bs-parent="#accordion">
<div class="card-body">
<p>Make your payment directly into our bank account. Please use your Order
ID as the payment
reference. Your order won’t be shipped until the funds have cleared in
our account.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="#payment-2">
<h5 class="panel-title">
<a href="javascript:void(0)" class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Cheque Payment
</a>
</h5>
</div>
<div id="collapseTwo" class="collapse" data-bs-parent="#accordion">
<div class="card-body">
<p>Make your payment directly into our bank account. Please use your Order
ID as the payment
reference. Your order won’t be shipped until the funds have cleared in
our account.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="#payment-3">
<h5 class="panel-title">
<a href="javascript:void(0)" class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
PayPal
</a>
</h5>
</div>
<div id="collapseThree" class="collapse" data-bs-parent="#accordion">
<div class="card-body">
<p>Make your payment directly into our bank account. Please use your Order
ID as the payment
reference. Your order won’t be shipped until the funds have cleared in
our account.</p>
</div>
</div>
</div>
</div>
<div class="order-button-payment">
<input value="Place order" type="submit">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Hiraola's Checkout Area End Here -->
<!-- Begin Hiraola's Footer Area -->
<div class="hiraola-footer_area">
<div class="footer-top_area">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="footer-widgets_info">
<div class="footer-widgets_logo">
<a href="#">
<img src="assets/images/footer/logo/1.png" alt="Hiraola's Footer Logo">
</a>
</div>
<div class="widget-short_desc">
<p>We are a team of designers and developers that create high quality HTML Template &
Woocommerce, Shopify Theme.
</p>
</div>
<div class="hiraola-social_link">
<ul>
<li class="facebook">
<a href="https://www.facebook.com/" data-bs-toggle="tooltip" target="_blank" title="Facebook">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="twitter">
<a href="https://twitter.com/" data-bs-toggle="tooltip" target="_blank" title="Twitter">
<i class="fab fa-twitter-square"></i>
</a>
</li>
<li class="google-plus">
<a href="https://www.plus.google.com/discover" data-bs-toggle="tooltip" target="_blank" title="Google Plus">
<i class="fab fa-google-plus"></i>
</a>
</li>
<li class="instagram">
<a href="https://rss.com/" data-bs-toggle="tooltip" target="_blank" title="Instagram">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="footer-widgets_area">
<div class="row">
<div class="col-lg-3">
<div class="footer-widgets_title">
<h6>Product</h6>
</div>
<div class="footer-widgets">
<ul>
<li><a href="#">Prices drop</a></li>
<li><a href="#">New products</a></li>
<li><a href="#">Best sales</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div class="col-lg-5">
<div class="footer-widgets_info">
<div class="footer-widgets_title">
<h6>About Us</h6>
</div>
<div class="widgets-essential_stuff">
<ul>
<li class="hiraola-address"><i
class="ion-ios-location"></i><span>Address:</span> The Barn,
Ullenhall, Henley
in
Arden B578 5CC, England</li>
<li class="hiraola-phone"><i class="ion-ios-telephone"></i><span>Call
Us:</span> <a href="tel://+123123321345">+123 321 345</a>
</li>
<li class="hiraola-email"><i
class="ion-android-mail"></i><span>Email:</span> <a href="mailto://info@yourdomain.com">info@yourdomain.com</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="instagram-container footer-widgets_area">
<div class="footer-widgets_title">
<h6>Sign Up For Newslatter</h6>
</div>
<div class="widget-short_desc">
<p>Subscribe to our newsletters now and stay up-to-date with new collections</p>
</div>
<div class="newsletter-form_wrap">
<form class="subscribe-form" id="mc-form" action="#">
<input class="newsletter-input" id="mc-email" type="email" autocomplete="off" name="Enter Your Email" value="Enter Your Email" onblur="if(this.value==''){this.value='Enter Your Email'}" onfocus="if(this.value=='Enter Your Email'){this.value=''}">
<button class="newsletter-btn" id="mc-submit">
<i class="ion-android-mail"></i>
</button>
</form>
<!-- Mailchimp Alerts -->
<div class="mailchimp-alerts mt-3">
<div class="mailchimp-submitting"></div>
<div class="mailchimp-success"></div>
<div class="mailchimp-error"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom_area">
<div class="container">
<div class="footer-bottom_nav">
<div class="row">
<div class="col-lg-12">
<div class="footer-links">
<ul>
<li><a href="#">Online Shopping</a></li>
<li><a href="#">Promotions</a></li>
<li><a href="#">My Orders</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Customer Service</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Most Populars</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">Special Products</a></li>
<li><a href="#">Manufacturers</a></li>
<li><a href="#">Our Stores</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Payments</a></li>
<li><a href="#">Warantee</a></li>
<li><a href="#">Refunds</a></li>
<li><a href="#">Checkout</a></li>
<li><a href="#">Discount</a></li>
<li><a href="#">Refunds</a></li>
<li><a href="#">Policy Shipping</a></li>
</ul>
</div>
</div>
<div class="col-lg-12">
<div class="payment">
<a href="#">
<img src="assets/images/footer/payment/1.png" alt="Hiraola's Payment Method">
</a>
</div>
</div>
<div class="col-lg-12">
<div class="copyright">
<span>Copyright © 2022 <a href="index.html">Hiraola.</a> All rights reserved.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Hiraola's Footer Area End Here -->
</div>
<!-- JS
============================================ -->
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<!-- Slick Slider JS -->
<script src="assets/js/plugins/slick.min.js"></script>
<!-- Countdown JS -->
<script src="assets/js/plugins/countdown.min.js"></script>
<!-- Barrating JS -->
<script src="assets/js/plugins/jquery.barrating.min.js"></script>
<!-- Counterup JS -->
<script src="assets/js/plugins/jquery.counterup.min.js"></script>
<!-- Waypoints -->
<script src="assets/js/plugins/waypoints.min.js"></script>
<!-- Nice Select JS -->
<script src="assets/js/plugins/jquery.nice-select.min.js"></script>
<!-- Sticky Sidebar JS -->
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
<!-- Jquery-ui JS -->
<script src="assets/js/plugins/jquery-ui.min.js"></script>
<!-- Scroll Top JS -->
<script src="assets/js/plugins/scroll-top.min.js"></script>
<!-- Theia Sticky Sidebar JS -->
<script src="assets/js/plugins/theia-sticky-sidebar.min.js"></script>
<!-- ElevateZoom JS -->
<script src="assets/js/plugins/jquery.elevateZoom-3.0.8.min.js"></script>
<!-- Timecircles JS -->
<script src="assets/js/plugins/timecircles.min.js"></script>
<!-- Mailchimp Ajax JS -->
<script src="assets/js/plugins/mailchimp-ajax.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
<!-- <script src="assets/js/main.min.js"></script> -->
</body>
<!-- Mirrored from htmldemo.net/hiraola/hiraola/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 18 Nov 2024 12:13:49 GMT -->
</html>