837 lines
50 KiB
HTML
837 lines
50 KiB
HTML
<!doctype html>
|
||
<html class="no-js" lang="zxx">
|
||
|
||
<!-- Mirrored from themepure.net/template/educal/educal/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:59:02 GMT -->
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
<title>Educal – Online Learning and Education HTML5 Template </title>
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!-- Place favicon.ico in the root directory -->
|
||
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
|
||
<!-- CSS here -->
|
||
<link rel="stylesheet" href="assets/css/preloader.css">
|
||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="assets/css/meanmenu.css">
|
||
<link rel="stylesheet" href="assets/css/animate.min.css">
|
||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
|
||
<link rel="stylesheet" href="assets/css/swiper-bundle.css">
|
||
<link rel="stylesheet" href="assets/css/backToTop.css">
|
||
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
|
||
<link rel="stylesheet" href="assets/css/fontAwesome5Pro.css">
|
||
<link rel="stylesheet" href="assets/css/elegantFont.css">
|
||
<link rel="stylesheet" href="assets/css/default.css">
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
</head>
|
||
<body>
|
||
<!--[if lte IE 9]>
|
||
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||
<![endif]-->
|
||
|
||
<!-- Add your site or application content here -->
|
||
|
||
<!-- pre loader area start -->
|
||
<div id="loading">
|
||
<div id="loading-center">
|
||
<div id="loading-center-absolute">
|
||
<div class="loading-content">
|
||
<img class="loading-logo-text" src="assets/img/logo/logo-text-2.png" alt="">
|
||
<div class="loading-stroke">
|
||
<img class="loading-logo-icon" src="assets/img/logo/logo-icon.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- pre loader area end -->
|
||
|
||
<!-- back to top start -->
|
||
<div class="progress-wrap">
|
||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||
</svg>
|
||
</div>
|
||
<!-- back to top end -->
|
||
|
||
<!-- header area start -->
|
||
<header>
|
||
<div id="header-sticky" class="header__area header__transparent header__padding header__white">
|
||
<div class="container-fluid">
|
||
<div class="row align-items-center">
|
||
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 col-6">
|
||
<div class="header__left d-flex">
|
||
<div class="logo">
|
||
<a href="index.html">
|
||
<img class="logo-white" src="assets/img/logo/logo-2.png" alt="logo">
|
||
<img class="logo-black" src="assets/img/logo/logo.png" alt="logo">
|
||
</a>
|
||
</div>
|
||
<div class="header__category d-none d-lg-block">
|
||
<nav>
|
||
<ul>
|
||
<li>
|
||
<a href="course-grid.html" class="cat-menu d-flex align-items-center">
|
||
<div class="cat-dot-icon d-inline-block">
|
||
<svg viewBox="0 0 276.2 276.2">
|
||
<g>
|
||
<g>
|
||
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
|
||
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
|
||
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
|
||
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
|
||
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
|
||
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
|
||
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
|
||
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
|
||
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<span>Category</span>
|
||
</a>
|
||
<ul class="cat-submenu">
|
||
<li><a href="course-details.html">English Learning</a></li>
|
||
<li><a href="course-details.html">Web Development</a></li>
|
||
<li><a href="course-details.html">Logo Design</a></li>
|
||
<li><a href="course-details.html">Motion Graphics</a></li>
|
||
<li><a href="course-details.html">Video Edition</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
|
||
<div class="header__right d-flex justify-content-end align-items-center">
|
||
<div class="main-menu main-menu-3">
|
||
<nav id="mobile-menu">
|
||
<ul>
|
||
<li class="has-dropdown">
|
||
<a href="index.html">Home</a>
|
||
<ul class="submenu">
|
||
<li><a href="index.html">Home Style 1</a></li>
|
||
<li><a href="index-2.html">Home Style 2</a></li>
|
||
<li><a href="index-3.html">Home Style 3</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-dropdown">
|
||
<a href="course-grid.html">Courses</a>
|
||
<ul class="submenu">
|
||
<li><a href="course-grid.html">Courses</a></li>
|
||
<li><a href="course-list.html">Course List</a></li>
|
||
<li><a href="course-sidebar.html">Course sidebar</a></li>
|
||
<li><a href="course-details.html">Course Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-dropdown">
|
||
<a href="blog.html">Blog</a>
|
||
<ul class="submenu">
|
||
<li><a href="blog.html">Blog</a></li>
|
||
<li><a href="blog-details.html">Blog Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-dropdown">
|
||
<a href="course-grid.html">Pages</a>
|
||
<ul class="submenu">
|
||
<li><a href="about.html">About</a></li>
|
||
<li><a href="instructor.html">Instructor</a></li>
|
||
<li><a href="instructor-details.html">Instructor Details</a></li>
|
||
<li><a href="event-details.html">Event Details</a></li>
|
||
<li><a href="cart.html">My Cart</a></li>
|
||
<li><a href="wishlist.html">My Wishlist</a></li>
|
||
<li><a href="checkout.html">checkout</a></li>
|
||
<li><a href="sign-in.html">Sign In</a></li>
|
||
<li><a href="sign-up.html">Sign Up</a></li>
|
||
<li><a href="error.html">Error</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="header__search p-relative ml-50 d-none d-md-block">
|
||
<form action="#">
|
||
<input type="text" placeholder="Search...">
|
||
<button type="submit"><i class="fad fa-search"></i></button>
|
||
</form>
|
||
<div class="header__cart">
|
||
<a href="javascript:void(0);" class="cart-toggle-btn">
|
||
<div class="header__cart-icon">
|
||
<svg viewBox="0 0 24 24">
|
||
<circle class="st0" cx="9" cy="21" r="1"/>
|
||
<circle class="st0" cx="20" cy="21" r="1"/>
|
||
<path class="st0" d="M1,1h4l2.7,13.4c0.2,1,1,1.6,2,1.6h9.7c1,0,1.8-0.7,2-1.6L23,6H6"/>
|
||
</svg>
|
||
</div>
|
||
<span class="cart-item">2</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="header__btn ml-20 d-none d-sm-block">
|
||
<a href="contact.html" class="e-btn">Try for free</a>
|
||
</div>
|
||
<div class="sidebar__menu d-xl-none">
|
||
<div class="sidebar-toggle-btn ml-30" id="sidebar-toggle">
|
||
<span class="line"></span>
|
||
<span class="line"></span>
|
||
<span class="line"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- header area end -->
|
||
|
||
<!-- cart mini area start -->
|
||
<div class="cartmini__area">
|
||
<div class="cartmini__wrapper">
|
||
<div class="cartmini__title">
|
||
<h4>Shopping cart</h4>
|
||
</div>
|
||
<div class="cartmini__close">
|
||
<button type="button" class="cartmini__close-btn"><i class="fal fa-times"></i></button>
|
||
</div>
|
||
<div class="cartmini__widget">
|
||
<div class="cartmini__inner">
|
||
<ul>
|
||
<li>
|
||
<div class="cartmini__thumb">
|
||
<a href="#">
|
||
<img src="assets/img/course/sm/cart-1.jpg" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="cartmini__content">
|
||
<h5><a href="#">Strategy law and organization Foundation </a></h5>
|
||
<div class="product-quantity mt-10 mb-10">
|
||
<span class="cart-minus">-</span>
|
||
<input class="cart-input" type="text" value="1"/>
|
||
<span class="cart-plus">+</span>
|
||
</div>
|
||
<div class="product__sm-price-wrapper">
|
||
<span class="product__sm-price">$46.00</span>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
|
||
</li>
|
||
<li>
|
||
<div class="cartmini__thumb">
|
||
<a href="#">
|
||
<img src="assets/img/course/sm/cart-2.jpg" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="cartmini__content">
|
||
<h5><a href="#">Fundamentals of music theory Learn new</a></h5>
|
||
<div class="product-quantity mt-10 mb-10">
|
||
<span class="cart-minus">-</span>
|
||
<input class="cart-input" type="text" value="1"/>
|
||
<span class="cart-plus">+</span>
|
||
</div>
|
||
<div class="product__sm-price-wrapper">
|
||
<span class="product__sm-price">$32.00</span>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
|
||
</li>
|
||
<li>
|
||
<div class="cartmini__thumb">
|
||
<a href="#">
|
||
<img src="assets/img/course/sm/cart-3.jpg" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="cartmini__content">
|
||
<h5><a href="#">Strategy law and organization Foundation </a></h5>
|
||
<div class="product-quantity mt-10 mb-10">
|
||
<span class="cart-minus">-</span>
|
||
<input class="cart-input" type="text" value="1"/>
|
||
<span class="cart-plus">+</span>
|
||
</div>
|
||
<div class="product__sm-price-wrapper">
|
||
<span class="product__sm-price">$62.00</span>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="cartmini__checkout">
|
||
<div class="cartmini__checkout-title mb-30">
|
||
<h4>Subtotal:</h4>
|
||
<span>$113.00</span>
|
||
</div>
|
||
<div class="cartmini__checkout-btn">
|
||
<a href="cart.html" class="e-btn e-btn-border mb-10 w-100"> <span></span> view cart</a>
|
||
<a href="checkout.html" class="e-btn w-100"> <span></span> checkout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="body-overlay"></div>
|
||
<!-- cart mini area end -->
|
||
|
||
|
||
<!-- sidebar area start -->
|
||
<div class="sidebar__area">
|
||
<div class="sidebar__wrapper">
|
||
<div class="sidebar__close">
|
||
<button class="sidebar__close-btn" id="sidebar__close-btn">
|
||
<span><i class="fal fa-times"></i></span>
|
||
<span>close</span>
|
||
</button>
|
||
</div>
|
||
<div class="sidebar__content">
|
||
<div class="logo mb-40">
|
||
<a href="index.html">
|
||
<img src="assets/img/logo/logo.png" alt="logo">
|
||
</a>
|
||
</div>
|
||
<div class="mobile-menu fix"></div>
|
||
|
||
<div class="sidebar__search p-relative mt-40 ">
|
||
<form action="#">
|
||
<input type="text" placeholder="Search...">
|
||
<button type="submit"><i class="fad fa-search"></i></button>
|
||
</form>
|
||
</div>
|
||
<div class="sidebar__cart mt-30">
|
||
<a href="#">
|
||
<div class="header__cart-icon">
|
||
<svg viewBox="0 0 24 24">
|
||
<circle class="st0" cx="9" cy="21" r="1"/>
|
||
<circle class="st0" cx="20" cy="21" r="1"/>
|
||
<path class="st0" d="M1,1h4l2.7,13.4c0.2,1,1,1.6,2,1.6h9.7c1,0,1.8-0.7,2-1.6L23,6H6"/>
|
||
</svg>
|
||
</div>
|
||
<span class="cart-item">2</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- sidebar area end -->
|
||
<div class="body-overlay"></div>
|
||
<!-- sidebar area end -->
|
||
|
||
<main>
|
||
|
||
<!-- page title area start -->
|
||
<section class="page__title-area page__title-height page__title-overlay d-flex align-items-center" data-background="assets/img/page-title/page-title-2.jpg">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xxl-12">
|
||
<div class="page__title-wrapper mt-110">
|
||
<h3 class="page__title">Checkout</h3>
|
||
<nav aria-label="breadcrumb">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||
<li class="breadcrumb-item active" aria-current="page">Checkout</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- page title area end -->
|
||
|
||
<!-- coupon-area start -->
|
||
<section class="coupon-area pt-100 pb-30">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="coupon-accordion">
|
||
<!-- ACCORDION START -->
|
||
<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="#">
|
||
<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">
|
||
<button class="e-btn e-btn-border" type="submit">Login</button>
|
||
<label>
|
||
<input type="checkbox" />
|
||
Remember me
|
||
</label>
|
||
</p>
|
||
<p class="lost-password">
|
||
<a href="#">Lost your password?</a>
|
||
</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- ACCORDION END -->
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="coupon-accordion">
|
||
<!-- ACCORDION START -->
|
||
<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="#">
|
||
<p class="checkout-coupon">
|
||
<input type="text" placeholder="Coupon Code" />
|
||
<button class="e-btn e-btn-border" type="submit">Apply Coupon</button>
|
||
</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- ACCORDION END -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- coupon-area end -->
|
||
|
||
<!-- checkout-area start -->
|
||
<section class="checkout-area pb-70">
|
||
<div class="container">
|
||
<form action="#">
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="checkbox-form">
|
||
<h3>Billing Details</h3>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="country-select">
|
||
<label>Country <span class="required">*</span></label>
|
||
<select>
|
||
<option value="volvo">bangladesh</option>
|
||
<option value="saab">Algeria</option>
|
||
<option value="mercedes">Afghanistan</option>
|
||
<option value="audi">Ghana</option>
|
||
<option value="audi2">Albania</option>
|
||
<option value="audi3">Bahrain</option>
|
||
<option value="audi4">Colombia</option>
|
||
<option value="audi5">Dominican Republic</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>First Name <span class="required">*</span></label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Last Name <span class="required">*</span></label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<label>Company Name</label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<label>Address <span class="required">*</span></label>
|
||
<input type="text" placeholder="Street address" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<input type="text" placeholder="Apartment, suite, unit etc. (optional)" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<label>Town / City <span class="required">*</span></label>
|
||
<input type="text" placeholder="Town / City" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>State / County <span class="required">*</span></label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Postcode / Zip <span class="required">*</span></label>
|
||
<input type="text" placeholder="Postcode / Zip" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Email Address <span class="required">*</span></label>
|
||
<input type="email" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Phone <span class="required">*</span></label>
|
||
<input type="text" placeholder="Postcode / Zip" />
|
||
</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 type="password" placeholder="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">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="country-select">
|
||
<label>Country <span class="required">*</span></label>
|
||
<select>
|
||
<option value="volvo">bangladesh</option>
|
||
<option value="saab">Algeria</option>
|
||
<option value="mercedes">Afghanistan</option>
|
||
<option value="audi">Ghana</option>
|
||
<option value="audi2">Albania</option>
|
||
<option value="audi3">Bahrain</option>
|
||
<option value="audi4">Colombia</option>
|
||
<option value="audi5">Dominican Republic</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>First Name <span class="required">*</span></label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Last Name <span class="required">*</span></label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<label>Company Name</label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<label>Address <span class="required">*</span></label>
|
||
<input type="text" placeholder="Street address" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<input type="text" placeholder="Apartment, suite, unit etc. (optional)" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="checkout-form-list">
|
||
<label>Town / City <span class="required">*</span></label>
|
||
<input type="text" placeholder="Town / City" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>State / County <span class="required">*</span></label>
|
||
<input type="text" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Postcode / Zip <span class="required">*</span></label>
|
||
<input type="text" placeholder="Postcode / Zip" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Email Address <span class="required">*</span></label>
|
||
<input type="email" placeholder="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="checkout-form-list">
|
||
<label>Phone <span class="required">*</span></label>
|
||
<input type="text" placeholder="Postcode / Zip" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="order-notes">
|
||
<div class="checkout-form-list">
|
||
<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>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="your-order mb-30 ">
|
||
<h3>Your order</h3>
|
||
<div class="your-order-table table-responsive">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="product-name">Product</th>
|
||
<th class="product-total">Total</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="cart_item">
|
||
<td class="product-name">
|
||
Vestibulum suscipit <strong class="product-quantity"> × 1</strong>
|
||
</td>
|
||
<td class="product-total">
|
||
<span class="amount">$165.00</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="cart_item">
|
||
<td class="product-name">
|
||
Vestibulum dictum magna <strong class="product-quantity"> × 1</strong>
|
||
</td>
|
||
<td class="product-total">
|
||
<span class="amount">$50.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="shipping">
|
||
<th>Shipping</th>
|
||
<td>
|
||
<ul>
|
||
<li>
|
||
<input type="radio" />
|
||
<label>
|
||
Flat Rate: <span class="amount">$7.00</span>
|
||
</label>
|
||
</li>
|
||
<li>
|
||
<input type="radio" />
|
||
<label>Free Shipping:</label>
|
||
</li>
|
||
<li></li>
|
||
</ul>
|
||
</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="accordion" id="checkoutAccordion">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="checkoutOne">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#bankOne" aria-expanded="true" aria-controls="bankOne">
|
||
Direct Bank Transfer
|
||
</button>
|
||
</h2>
|
||
<div id="bankOne" class="accordion-collapse collapse show" aria-labelledby="checkoutOne" data-bs-parent="#checkoutAccordion">
|
||
<div class="accordion-body">
|
||
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.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="paymentTwo">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#payment" aria-expanded="false" aria-controls="payment">
|
||
Cheque Payment
|
||
</button>
|
||
</h2>
|
||
<div id="payment" class="accordion-collapse collapse" aria-labelledby="paymentTwo" data-bs-parent="#checkoutAccordion">
|
||
<div class="accordion-body">
|
||
Please send your cheque to Store Name, Store Street, Store Town, Store
|
||
State / County, Store
|
||
Postcode.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="paypalThree">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#paypal" aria-expanded="false" aria-controls="paypal">
|
||
PayPal
|
||
</button>
|
||
</h2>
|
||
<div id="paypal" class="accordion-collapse collapse" aria-labelledby="paypalThree" data-bs-parent="#checkoutAccordion">
|
||
<div class="accordion-body">
|
||
Pay via PayPal; you can pay with your credit card if you don’t have a
|
||
PayPal account.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="order-button-payment mt-20">
|
||
<button type="submit" class="e-btn e-btn-border">Place order</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
<!-- checkout-area end -->
|
||
|
||
|
||
</main>
|
||
|
||
<!-- footer area start -->
|
||
<footer>
|
||
<div class="footer__area footer-bg">
|
||
<div class="footer__top pt-90 pb-40">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-6">
|
||
<div class="footer__widget mb-50">
|
||
<div class="footer__widget-head mb-22">
|
||
<div class="footer__logo">
|
||
<a href="index.html">
|
||
<img src="assets/img/logo/logo-2.png" alt="">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer__widget-body">
|
||
<p>Great lesson ideas and lesson plans for ESL teachers! Educators can customize lesson plans to best.</p>
|
||
|
||
<div class="footer__social">
|
||
<ul>
|
||
<li><a href="#"><i class="social_facebook"></i></a></li>
|
||
<li><a href="#" class="tw"><i class="social_twitter"></i></a></li>
|
||
<li><a href="#" class="pin"><i class="social_pinterest"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-2 offset-xxl-1 col-xl-2 offset-xl-1 col-lg-3 offset-lg-0 col-md-2 offset-md-1 col-sm-5 offset-sm-1">
|
||
<div class="footer__widget mb-50">
|
||
<div class="footer__widget-head mb-22">
|
||
<h3 class="footer__widget-title">Company</h3>
|
||
</div>
|
||
<div class="footer__widget-body">
|
||
<div class="footer__link">
|
||
<ul>
|
||
<li><a href="#">About</a></li>
|
||
<li><a href="#">Courses</a></li>
|
||
<li><a href="#">Events</a></li>
|
||
<li><a href="#">Instructor</a></li>
|
||
<li><a href="#">Career</a></li>
|
||
<li><a href="#">Become a Teacher</a></li>
|
||
<li><a href="#">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-2 col-xl-2 col-lg-2 offset-lg-0 col-md-3 offset-md-1 col-sm-6">
|
||
<div class="footer__widget mb-50">
|
||
<div class="footer__widget-head mb-22">
|
||
<h3 class="footer__widget-title">Platform</h3>
|
||
</div>
|
||
<div class="footer__widget-body">
|
||
<div class="footer__link">
|
||
<ul>
|
||
<li><a href="#">Browse Library</a></li>
|
||
<li><a href="#">Library</a></li>
|
||
<li><a href="#">Partners</a></li>
|
||
<li><a href="#">News & Blogs</a></li>
|
||
<li><a href="#">FAQs</a></li>
|
||
<li><a href="#">Tutorials</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-5 col-sm-6">
|
||
<div class="footer__widget footer__pl-70 mb-50">
|
||
<div class="footer__widget-head mb-22">
|
||
<h3 class="footer__widget-title">Subscribe</h3>
|
||
</div>
|
||
<div class="footer__widget-body">
|
||
<div class="footer__subscribe">
|
||
<form action="#">
|
||
<div class="footer__subscribe-input mb-15">
|
||
<input type="email" placeholder="Your email address">
|
||
<button type="submit">
|
||
<i class="far fa-arrow-right"></i>
|
||
<i class="far fa-arrow-right"></i>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
<p>Get the latest news and updates right at your inbox.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer__bottom">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xxl-12">
|
||
<div class="footer__copyright text-center">
|
||
<p>© 2022 Educal, All Rights Reserved. Design By <a href="index.html">Theme Pure</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- footer area end -->
|
||
<!-- JS here -->
|
||
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
||
<script src="assets/js/vendor/waypoints.min.js"></script>
|
||
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/js/jquery.meanmenu.js"></script>
|
||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||
<script src="assets/js/owl.carousel.min.js"></script>
|
||
<script src="assets/js/jquery.fancybox.min.js"></script>
|
||
<script src="assets/js/isotope.pkgd.min.js"></script>
|
||
<script src="assets/js/parallax.min.js"></script>
|
||
<script src="assets/js/backToTop.js"></script>
|
||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||
<script src="assets/js/ajax-form.js"></script>
|
||
<script src="assets/js/wow.min.js"></script>
|
||
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
</body>
|
||
|
||
<!-- Mirrored from themepure.net/template/educal/educal/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:59:02 GMT -->
|
||
</html>
|
||
|