696 lines
37 KiB
HTML
696 lines
37 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html class="no-js" lang="zxx">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|||
|
|
<title>Tutorgo - Online Learning and Education HTML Template - shared on themelock.com</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/logo/favicon.png">
|
|||
|
|
|
|||
|
|
<!-- CSS here -->
|
|||
|
|
<link rel="stylesheet" href="assets/css/bootstrap.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/meanmenu.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/animate.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/slick.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/nice-select.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/elegent-icons.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/spacing.css">
|
|||
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|||
|
|
<!-- css end here-->
|
|||
|
|
</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]-->
|
|||
|
|
|
|||
|
|
<!-- pre loader area start -->
|
|||
|
|
<div class="tp-preloader">
|
|||
|
|
<div class="tp-preloader__center">
|
|||
|
|
<span>
|
|||
|
|
<svg width="170" height="132" viewBox="0 0 170 132" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|||
|
|
<g clip-path="url(#clip0_6_12)">
|
|||
|
|
<path d="M113.978 61.1738L55.4552 2.8186C52.8594 0.230266 48.7298 0.230266 46.252 2.8186L1.88784 46.4673C-0.707934 49.0557 -0.707934 53.1735 1.88784 55.6441L14.5127 68.2329L66.9002 120.353L113.86 75.7626C118.108 71.8801 118.108 65.2916 113.978 61.1738Z" fill="black"/>
|
|||
|
|
<path d="M167.781 51.5263L90.2621 129.059C86.1325 133.177 79.6431 133.177 75.5134 129.059L31.6212 85.2923C35.7509 89.4101 42.2403 89.4101 46.37 85.2923L123.889 7.75996C126.485 5.17163 130.615 5.17163 133.092 7.75996L167.663 42.2319C170.377 44.8202 170.377 48.938 167.781 51.5263Z" fill="#5392FB"/>
|
|||
|
|
<path d="M74.9235 35.0551C76.6933 36.8199 78.4632 38.467 79.9971 39.8788C82.1209 41.6436 82.2389 44.8202 80.233 46.8203L48.8478 78.1156C44.1282 82.8217 36.4588 82.8217 31.7392 78.1156C27.0197 73.4095 27.0197 65.7622 31.7392 61.0561L63.1245 29.7608C65.1303 27.7607 68.3161 27.8784 70.0859 29.9961C71.5018 31.5256 73.1536 33.2904 74.9235 35.0551Z" fill="currentColor" class="path-yellow"/>
|
|||
|
|
</g>
|
|||
|
|
<defs>
|
|||
|
|
<clipPath id="clip0_6_12">
|
|||
|
|
<rect width="169.787" height="131.064" fill="white" transform="translate(0 0.936172)"/>
|
|||
|
|
</clipPath>
|
|||
|
|
</defs>
|
|||
|
|
</svg>
|
|||
|
|
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- pre loader area end -->
|
|||
|
|
|
|||
|
|
<!-- back to top start -->
|
|||
|
|
<button class="tp-backtotop">
|
|||
|
|
<span><i class="fal fa-angle-double-up"></i></span>
|
|||
|
|
</button>
|
|||
|
|
<!-- back to top end -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- header area start -->
|
|||
|
|
<header>
|
|||
|
|
<div class="tp-header__area tp-header__transparent">
|
|||
|
|
<div class="tp-header__main " id="header-sticky">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row align-items-center">
|
|||
|
|
<div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-6">
|
|||
|
|
<div class="logo">
|
|||
|
|
<a href="index.html">
|
|||
|
|
<img src="assets/img/logo/white-logo.png" alt="logo">
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xxl-6 col-xl-6 col-lg-7 d-none d-lg-block">
|
|||
|
|
<div class="main-menu">
|
|||
|
|
<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>
|
|||
|
|
<a href="about-us.html">About</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="has-dropdown">
|
|||
|
|
<a href="course.html">Courses</a>
|
|||
|
|
<ul class="submenu">
|
|||
|
|
<li><a href="course-list.html">Courses List</a></li>
|
|||
|
|
<li><a href="course.html">Courses Grid</a></li>
|
|||
|
|
<li><a href="course-details.html">Course Details</a></li>
|
|||
|
|
<li><a href="cart.html">Cart</a></li>
|
|||
|
|
<li><a href="checkout.html">Checkout</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="has-dropdown">
|
|||
|
|
<a href="#">Pages</a>
|
|||
|
|
<ul class="submenu">
|
|||
|
|
<li><a href="event.html">Events</a></li>
|
|||
|
|
<li><a href="event-details.html">Event Details</a></li>
|
|||
|
|
<li><a href="instructor.html">Instructor V1</a></li>
|
|||
|
|
<li><a href="instructor-2.html">Instructor V2</a></li>
|
|||
|
|
<li><a href="instructor-details.html">Instructor Details</a></li>
|
|||
|
|
<li><a href="wishlist.html">Wishlist</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="faq.html">Faq</a></li>
|
|||
|
|
<li><a href="404.html">404</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>
|
|||
|
|
<a href="contact.html">Contact</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xxl-4 col-xl-4 col-lg-3 col-md-6 col-6">
|
|||
|
|
<div class="tp-header__main-right d-flex justify-content-end align-items-center pl-30">
|
|||
|
|
<div class="header-acttion-btns d-flex align-items-center d-none d-md-flex">
|
|||
|
|
<a href="tel:+(443)003030266" class="tp-phone-btn d-none d-xl-block"><i
|
|||
|
|
class="fa-thin fa-phone"></i>+(443)00
|
|||
|
|
303 0266 <span></span></a>
|
|||
|
|
<a href="contact.html" class="tp-btn">
|
|||
|
|
<span>Book a Visit <i class="fa-regular fa-arrow-right"></i> </span>
|
|||
|
|
<div class="transition"></div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp-header__hamburger ml-50 d-lg-none">
|
|||
|
|
<button class="hamburger-btn offcanvas-open-btn">
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<!-- header area end -->
|
|||
|
|
|
|||
|
|
<!-- offcanvas area start -->
|
|||
|
|
<div class="offcanvas__area" >
|
|||
|
|
<div class="offcanvas__wrapper">
|
|||
|
|
<div class="offcanvas__content">
|
|||
|
|
<div class="offcanvas__close text-end">
|
|||
|
|
<button class="offcanvas__close-btn offcanvas-close-btn">
|
|||
|
|
<i class="fal fa-times"></i>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="offcanvas__top mb-40">
|
|||
|
|
<div class="offcanvas__subtitle">
|
|||
|
|
<span class="text-white d-inline-block mb-25 d-none d-lg-block">ELEVATE YOUR BUSINESS WITH</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="offcanvas__logo mb-40">
|
|||
|
|
<a href="index.html">
|
|||
|
|
<img src="assets/img/logo/logo.png" alt="logo">
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="offcanvas-info d-none d-lg-block">
|
|||
|
|
<p>Limitless customization options & Elementor compatibility let anyone create a beautiful website
|
|||
|
|
with Valiance. </p>
|
|||
|
|
</div>
|
|||
|
|
<div class="offcanvas__btn d-none d-lg-block">
|
|||
|
|
<a href="contact.html" class="tp-btn">Contact us <span></span></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mobile-menu fix mb-40"></div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="offcamvas__bottom">
|
|||
|
|
<div class="offcanvas__cta mt-30 mb-20">
|
|||
|
|
<h3 class="offcanvas__cta-title">Contact info</h3>
|
|||
|
|
<span>27 Division St, New York,</span>
|
|||
|
|
<span>+154 4808 84082 4830</span>
|
|||
|
|
<span>support@noxia.com</span>
|
|||
|
|
<span>Office Hours: 8AM - 5PM</span>
|
|||
|
|
<span>Sunday - Wekend Day</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="body-overlay"></div>
|
|||
|
|
<!-- offcanvas area end -->
|
|||
|
|
|
|||
|
|
<main>
|
|||
|
|
|
|||
|
|
<!-- breadcrumb area start -->
|
|||
|
|
<div class="breadcrumb__area include-bg pt-200 pb-150 breadcrumb__overlay"
|
|||
|
|
data-background="assets/img/breadcrumb/breadcrumb-bg.jpg">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-xxl-12">
|
|||
|
|
<div class="breadcrumb__content p-relative z-index-1">
|
|||
|
|
<h3 class="breadcrumb__title">Checkout</h3>
|
|||
|
|
<div class="breadcrumb__list">
|
|||
|
|
<span><a href="#">Home</a></span>
|
|||
|
|
<span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
|
|||
|
|
<span>checkout</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- breadcrumb 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="tp-btn br-0" type="submit"><span>Login</span></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="tp-btn br-0" type="submit"> <span>Apply Coupon</span> </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" name="shipping">
|
|||
|
|
<label>
|
|||
|
|
Flat Rate: <span class="amount">$7.00</span>
|
|||
|
|
</label>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<input type="radio" name="shipping">
|
|||
|
|
<label>Free Shipping:</label>
|
|||
|
|
</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="tp-submit-btn">Place order</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- checkout-area end -->
|
|||
|
|
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<!-- footer area start -->
|
|||
|
|
<footer>
|
|||
|
|
<div class="footer__area grey-bg">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="footer__top ">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
|||
|
|
<div class="footer__widget mb-50 footer-col-1">
|
|||
|
|
<div class="footer__widget-logo mb-30">
|
|||
|
|
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__widget-content">
|
|||
|
|
<p>Aut cum mollitia reprehenderit.
|
|||
|
|
Eos cumque dicta adipisci amet
|
|||
|
|
architecto culpa.</p>
|
|||
|
|
<div class="footer__social">
|
|||
|
|
<span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
|
|||
|
|
<span><a href="#" class="yt"><i class="fab fa-youtube"></i></a></span>
|
|||
|
|
<span><a href="#" class="tw"><i class="fab fa-twitter"></i></a></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xxl-2 col-xl-2 col-lg-3 col-6">
|
|||
|
|
<div class="footer__widget mb-50 footer-col-2">
|
|||
|
|
<h3 class="footer__widget-title">Information</h3>
|
|||
|
|
<div class="footer__widget-content">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">About Us</a></li>
|
|||
|
|
<li><a href="#">Careers</a></li>
|
|||
|
|
<li><a href="#">Customer</a></li>
|
|||
|
|
<li><a href="#">Privacy</a></li>
|
|||
|
|
<li><a href="#">Service</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-6">
|
|||
|
|
<div class="footer__widget mb-50 footer-col-3">
|
|||
|
|
<h3 class="footer__widget-title">Courses</h3>
|
|||
|
|
<div class="footer__widget-content">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Masters Degree</a></li>
|
|||
|
|
<li><a href="#">Post GraduateU</a></li>
|
|||
|
|
<li><a href="#">Ndergraduate</a></li>
|
|||
|
|
<li><a href="#">Engineering</a></li>
|
|||
|
|
<li><a href="#">Ph.D Degree</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-xxl-4 col-xl-4 col-lg-3 col-md-6">
|
|||
|
|
<div class="footer__widget mb-50 footer-col-4">
|
|||
|
|
<h3 class="footer__widget-title">Sign Up for Our Newsletter</h3>
|
|||
|
|
<div class="footer__widget-content">
|
|||
|
|
<div class="footer__subscribe">
|
|||
|
|
<p>Receive weekly newsletter with educational,
|
|||
|
|
popular books and much more!</p>
|
|||
|
|
<form action="#">
|
|||
|
|
<div class="footer__subscribe-box">
|
|||
|
|
<div class="footer__subscribe-input">
|
|||
|
|
<input type="email" placeholder="Email address">
|
|||
|
|
</div>
|
|||
|
|
<button class="footer-sub-btn" type="submit">Subscribe</button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer__bottom">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="footer__copyright text-center">
|
|||
|
|
<p> © 2022 Tutorgo, All Rights Reserved. Design By <a href="https://themeforest.net/user/theme_pure/portfolio" target="_blank">Theme Pure</a></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
<!-- footer area end -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- JS here -->
|
|||
|
|
<script src="assets/js/vendor/jquery.js"></script>
|
|||
|
|
<script src="assets/js/vendor/waypoints.js"></script>
|
|||
|
|
<script src="assets/js/bootstrap-bundle.js"></script>
|
|||
|
|
<script src="assets/js/meanmenu.js"></script>
|
|||
|
|
<script src="assets/js/slick.js"></script>
|
|||
|
|
<script src="assets/js/magnific-popup.js"></script>
|
|||
|
|
<script src="assets/js/parallax.js"></script>
|
|||
|
|
<script src="assets/js/nice-select.js"></script>
|
|||
|
|
<script src="assets/js/counterup.js"></script>
|
|||
|
|
<script src="assets/js/wow.js"></script>
|
|||
|
|
<script src="assets/js/isotope-pkgd.js"></script>
|
|||
|
|
<script src="assets/js/imagesloaded-pkgd.js"></script>
|
|||
|
|
<script src="assets/js/ajax-form.js"></script> <script src="assets/js/countdown.js"></script>
|
|||
|
|
<script src="assets/js/main.js"></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|