928 lines
59 KiB
HTML
928 lines
59 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title> Checkout || treck || treck HTML 5 Template </title>
|
||
<!-- favicons Icons -->
|
||
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
|
||
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" />
|
||
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" />
|
||
<link rel="manifest" href="assets/images/favicons/site.webmanifest" />
|
||
<meta name="description" content="treck HTML 5 Template " />
|
||
|
||
<!-- fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
|
||
rel="stylesheet">
|
||
|
||
<link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
|
||
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" />
|
||
<link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
|
||
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" />
|
||
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/treck-icons/style.css">
|
||
<link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" />
|
||
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
|
||
<link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
|
||
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
|
||
<link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />
|
||
|
||
<!-- template styles -->
|
||
<link rel="stylesheet" href="assets/css/treck.css" />
|
||
<link rel="stylesheet" href="assets/css/treck-responsive.css" />
|
||
</head>
|
||
|
||
<body class="custom-cursor">
|
||
|
||
<div class="custom-cursor__cursor"></div>
|
||
<div class="custom-cursor__cursor-two"></div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="preloader">
|
||
<div class="preloader__image"></div>
|
||
</div>
|
||
<!-- /.preloader -->
|
||
|
||
|
||
<div class="page-wrapper">
|
||
<header class="main-header">
|
||
<nav class="main-menu">
|
||
<div class="main-menu__wrapper">
|
||
<div class="main-menu__wrapper-inner">
|
||
<div class="main-menu__logo">
|
||
<a href="index.html"><img src="assets/images/resources/logo-1.png" alt=""></a>
|
||
</div>
|
||
<div class="main-menu__search-box">
|
||
<a href="checkout.html#"
|
||
class="main-menu__search search-toggler icon-magnifying-glass"><span>Search...</span></a>
|
||
</div>
|
||
<div class="main-menu__wrapper-inner-content">
|
||
<div class="main-menu__update-box">
|
||
<div class="main-menu__update-box-inner">
|
||
<div class="main-menu__update-box-left">
|
||
<div class="main-menu__update-icon-box">
|
||
<div class="main-menu__update-icon">
|
||
<span class="icon-megaphone"></span>
|
||
</div>
|
||
<div class="main-menu__update-icon-text">
|
||
<p>Updates</p>
|
||
</div>
|
||
</div>
|
||
<div class="main-menu__update-carousel-box">
|
||
<div class="main-menu__update-carousel thm-owl__carousel owl-theme owl-carousel"
|
||
data-owl-options='{
|
||
"items": 1,
|
||
"margin": 30,
|
||
"smartSpeed": 700,
|
||
"loop":true,
|
||
"autoplay": false,
|
||
"nav":true,
|
||
"dots":false,
|
||
"navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
|
||
"responsive":{
|
||
"0":{
|
||
"items":1
|
||
},
|
||
"768":{
|
||
"items":1
|
||
},
|
||
"992":{
|
||
"items": 1
|
||
}
|
||
}
|
||
}'>
|
||
<div class="item">
|
||
<div class="main-menu__update-single">
|
||
<p class="main-menu__update-text">The United States Mission is
|
||
Pleased to Announce the Expansion of Interview.</p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="main-menu__update-single">
|
||
<p class="main-menu__update-text">The United States Mission is
|
||
Pleased to Announce the Expansion of Interview.</p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<div class="main-menu__update-single">
|
||
<p class="main-menu__update-text">The United States Mission is
|
||
Pleased to Announce the Expansion of Interview.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="main-menu__update-box-right">
|
||
<div class="main-menu__social-box">
|
||
<h4 class="main-menu__social-title">Follow us:</h4>
|
||
<div class="main-menu__social">
|
||
<a href="checkout.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="checkout.html#"><i class="fab fa-facebook"></i></a>
|
||
<a href="checkout.html#"><i class="fab fa-pinterest-p"></i></a>
|
||
<a href="checkout.html#"><i class="fab fa-instagram"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="main-menu__top">
|
||
<div class="main-menu__top-inner">
|
||
<div class="main-menu__top-left">
|
||
<ul class="list-unstyled main-menu__contact-list">
|
||
<li>
|
||
<div class="icon">
|
||
<i class="fas fa-map-marker"></i>
|
||
</div>
|
||
<div class="text">
|
||
<p>30 Broklyn Golden Street. USA</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="icon">
|
||
<i class="fas fa-envelope"></i>
|
||
</div>
|
||
<div class="text">
|
||
<p><a href="mailto:Info@company.com">Info@company.com</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="icon">
|
||
<i class="fas fa-clock"></i>
|
||
</div>
|
||
<div class="text">
|
||
<p>Mon - Fri 8.00 am - 6.00 pm</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="main-menu__top-right">
|
||
<ul class="list-unstyled main-menu__top-menu">
|
||
<li><a href="login.html">Login</a></li>
|
||
<li><a href="faq.html">Faq’s</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="main-menu__bottom">
|
||
<div class="main-menu__bottom-inner">
|
||
<div class="main-menu__main-menu-box">
|
||
<a href="checkout.html#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
|
||
<ul class="main-menu__list">
|
||
<li class="dropdown megamenu">
|
||
<a href="index.html">Home </a>
|
||
<ul>
|
||
<li>
|
||
<section class="home-showcase">
|
||
<div class="container">
|
||
<div class="home-showcase__inner">
|
||
<div class="row">
|
||
<div class="col-lg-3">
|
||
<div class="home-showcase__item">
|
||
<div class="home-showcase__image">
|
||
<img src="assets/images/home-showcase/home-showcase-1-1.jpg"
|
||
alt="">
|
||
<div class="home-showcase__buttons">
|
||
<a href="index.html"
|
||
class="thm-btn home-showcase__buttons__item">Multi
|
||
Page</a>
|
||
<a href="index-one-page.html"
|
||
class="thm-btn home-showcase__buttons__item">One
|
||
Page</a>
|
||
</div>
|
||
<!-- /.home-showcase__buttons -->
|
||
</div><!-- /.home-showcase__image -->
|
||
<h3 class="home-showcase__title">Home
|
||
Page
|
||
01</h3>
|
||
<!-- /.home-showcase__title -->
|
||
</div><!-- /.home-showcase__item -->
|
||
</div><!-- /.col-lg-3 -->
|
||
<div class="col-lg-3">
|
||
<div class="home-showcase__item">
|
||
<div class="home-showcase__image">
|
||
<img src="assets/images/home-showcase/home-showcase-1-2.jpg"
|
||
alt="">
|
||
<div class="home-showcase__buttons">
|
||
<a href="index2.html"
|
||
class="thm-btn home-showcase__buttons__item">Multi
|
||
Page</a>
|
||
<a href="index2-one-page.html"
|
||
class="thm-btn home-showcase__buttons__item">One
|
||
Page</a>
|
||
</div>
|
||
<!-- /.home-showcase__buttons -->
|
||
</div><!-- /.home-showcase__image -->
|
||
<h3 class="home-showcase__title">Home
|
||
Page
|
||
02
|
||
</h3><!-- /.home-showcase__title -->
|
||
</div><!-- /.home-showcase__item -->
|
||
</div><!-- /.col-lg-3 -->
|
||
<div class="col-lg-3">
|
||
<div class="home-showcase__item">
|
||
<div class="home-showcase__image">
|
||
<img src="assets/images/home-showcase/home-showcase-1-3.jpg"
|
||
alt="">
|
||
<div class="home-showcase__buttons">
|
||
<a href="index3.html"
|
||
class="thm-btn home-showcase__buttons__item">Multi
|
||
Page</a>
|
||
<a href="index3-one-page.html"
|
||
class="thm-btn home-showcase__buttons__item">One
|
||
Page</a>
|
||
</div>
|
||
<!-- /.home-showcase__buttons -->
|
||
</div><!-- /.home-showcase__image -->
|
||
<h3 class="home-showcase__title">Home
|
||
Page
|
||
03
|
||
</h3><!-- /.home-showcase__title -->
|
||
</div><!-- /.home-showcase__item -->
|
||
</div><!-- /.col-lg-3 -->
|
||
<div class="col-lg-3">
|
||
<div class="home-showcase__item">
|
||
<div class="home-showcase__image">
|
||
<img src="assets/images/home-showcase/home-showcase-1-4.jpg"
|
||
alt="">
|
||
<div class="home-showcase__buttons">
|
||
<a href="index-dark.html"
|
||
class="thm-btn home-showcase__buttons__item">View
|
||
Page</a>
|
||
</div>
|
||
<!-- /.home-showcase__buttons -->
|
||
</div><!-- /.home-showcase__image -->
|
||
<h3 class="home-showcase__title">Home
|
||
Page
|
||
04
|
||
</h3><!-- /.home-showcase__title -->
|
||
</div><!-- /.home-showcase__item -->
|
||
</div><!-- /.col-lg-3 -->
|
||
</div><!-- /.row -->
|
||
</div><!-- /.home-showcase__inner -->
|
||
|
||
</div><!-- /.container -->
|
||
</section>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="checkout.html#">Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="about.html">About Us</a></li>
|
||
<li><a href="team.html">Team Members</a></li>
|
||
<li><a href="team-details.html">Team Details</a></li>
|
||
<li><a href="success-stories.html">Success Stories</a></li>
|
||
<li><a href="story-details.html">Story Details</a></li>
|
||
<li><a href="visa-offers.html">Visa Offers</a></li>
|
||
<li><a href="gallery.html">Gallery</a></li>
|
||
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
||
<li><a href="faq.html">Faqs</a></li>
|
||
<li><a href="login.html">Login</a></li>
|
||
<li><a href="404.html">404 Error</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="checkout.html#">Coaching</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="coaching.html">Coaching</a></li>
|
||
<li><a href="coaching-details.html">Coaching Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="checkout.html#">Visa</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="visa.html">Visa</a></li>
|
||
<li><a href="visa-details.html">Visa Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="checkout.html#">Countries</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="countries.html">Countries</a></li>
|
||
<li><a href="countries-details.html">Countries Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="checkout.html#">Blog</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="blog.html">Blog</a></li>
|
||
<li><a href="blog-sidebar.html">Blog Sidebar</a></li>
|
||
<li><a href="blog-details.html">Blog Details</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown">
|
||
<a href="checkout.html#">Shop</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="products.html">Products</a></li>
|
||
<li><a href="product-details.html">Product Details</a></li>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="contact.html">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="main-menu__right">
|
||
<div class="main-menu__call">
|
||
<div class="main-menu__call-icon">
|
||
<img src="assets/images/icon/main-menu-comment-icon.png" alt="">
|
||
</div>
|
||
<div class="main-menu__call-content">
|
||
<p class="main-menu__call-sub-title">Have Question?</p>
|
||
<h5 class="main-menu__call-number"><a
|
||
href="tel:9288009850"><span>Free</span> +92 (8800) - 9850</a>
|
||
</h5>
|
||
</div>
|
||
</div>
|
||
<div class="main-menu__btn-box">
|
||
<a href="contact.html" class="thm-btn main-menu__btn">Book Appointment</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<div class="stricky-header stricked-menu main-menu">
|
||
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
|
||
</div><!-- /.stricky-header -->
|
||
|
||
<!--Page Header Start-->
|
||
<section class="page-header">
|
||
<div class="page-header-bg" style="background-image: url('assets/images/backgrounds/page-header-bg.jpg')">
|
||
</div>
|
||
<div class="container">
|
||
<div class="page-header__inner">
|
||
<h2>Checkout</h2>
|
||
<ul class="thm-breadcrumb list-unstyled">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><span>-</span></li>
|
||
<li class="active">Shop</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Page Header End-->
|
||
|
||
<!--Start Checkout Page-->
|
||
<section class="checkout-page">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div class="billing_details">
|
||
<div class="billing_title">
|
||
<p>Returning Customer? <span>Click here to Login</span></p>
|
||
<h2>Billing Details</h2>
|
||
</div>
|
||
<form class="billing_details_form">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<select class="selectpicker" aria-label="Default select example">
|
||
<option selected>Select a Country</option>
|
||
<option value="1">Canada</option>
|
||
<option value="2">England</option>
|
||
<option value="3">Australia</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row bs-gutter-x-20">
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="first_name" value="" placeholder="First Name"
|
||
required="">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="last_name" value="" placeholder="Last Name"
|
||
required="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="company_name" value="" placeholder="Company">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="Address" value="" placeholder="Address">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="company_name" value=""
|
||
placeholder="Appartment, unit, etc. (optional)">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="Town/City" value="" placeholder="Town / City"
|
||
required="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row bs-gutter-x-20">
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="State" value="" placeholder="State" required="">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input name="form_zip" type="text" pattern="[0-9]*" placeholder="Zip Code">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input name="email" type="email" placeholder="Email Address">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="tel" name="form_phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
|
||
required="" placeholder="Phone">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="checked-box">
|
||
<input type="checkbox" name="skipper1" id="skipper" checked="">
|
||
<label for="skipper"><span></span>Create an Account?</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div class="billing_details ship_different_address">
|
||
<div class="billing_title ship_different_address_title">
|
||
<h2>Ship to a Different Address <span class="fa fa-check"></span></h2>
|
||
</div>
|
||
<form class="billing_details_form ship_different_address_form">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<select class="selectpicker" aria-label="Default select example">
|
||
<option selected>Select a Country</option>
|
||
<option value="1">Canada</option>
|
||
<option value="2">England</option>
|
||
<option value="3">Australia</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row bs-gutter-x-20">
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="first_name" value="" placeholder="First Name"
|
||
required="">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="last_name" value="" placeholder="Last Name"
|
||
required="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="company_name" value="" placeholder="Company">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="Address" value="" placeholder="Address">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="company_name" value=""
|
||
placeholder="Appartment, unit, etc. (optional)">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-12">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="Town/City" value="" placeholder="Town / City"
|
||
required="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row bs-gutter-x-20">
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="text" name="State" value="" placeholder="State" required="">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input name="form_zip" type="text" pattern="[0-9]*" placeholder="Zip Code">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row bs-gutter-x-20">
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input name="email" type="email" placeholder="Email Address">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<div class="billing_input_box">
|
||
<input type="tel" name="form_phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
|
||
required="" placeholder="Phone">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="ship_different_input">
|
||
<textarea placeholder="Notes About your Order"
|
||
name="form_order_notes"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="your_order">
|
||
<h2>Your Order</h2>
|
||
<div class="row">
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div class="order_table_box">
|
||
<table class="order_table_detail">
|
||
<thead class="order_table_head">
|
||
<tr>
|
||
<th>Product</th>
|
||
<th class="right">Price</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="pro__title">Product Name</td>
|
||
<td class="pro__price">$10.99 USD</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="pro__title">Subtotal</td>
|
||
<td class="pro__price">$10.99 USD</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="pro__title">Shipping</td>
|
||
<td class="pro__price">$0.00 USD</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="pro__title">Total</td>
|
||
<td class="pro__price">$20.98 USD</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div class="checkout__payment">
|
||
<div class="checkout__payment__item checkout__payment__item--active">
|
||
<h3 class="checkout__payment__title">Direct Bank Transfer</h3>
|
||
<div class="checkout__payment__content">
|
||
Make your payment directly into our bank account. Please
|
||
use your Order ID as the payment reference. Your order
|
||
wont be shipped until the funds have cleared.
|
||
</div><!-- /.checkout__payment__content -->
|
||
</div><!-- /.checkout__payment__item -->
|
||
<div class="checkout__payment__item">
|
||
<h3 class="checkout__payment__title">Paypal Payment <img
|
||
src="assets/images/shop/paypal-1.jpg" alt=""></h3>
|
||
<div class="checkout__payment__content">
|
||
Make your payment directly into our bank account. Please
|
||
use your Order ID as the payment reference. Your order
|
||
wont be shipped until the funds have cleared.
|
||
</div><!-- /.checkout__payment__content -->
|
||
</div><!-- /.checkout__payment__item -->
|
||
</div><!-- /.checkout__payment -->
|
||
<div class="text-right d-flex justify-content-end">
|
||
<a href="checkout.html" class="thm-btn">Place your Order</a>
|
||
</div><!-- /.text-right -->
|
||
|
||
</div><!-- /.col-lg-6 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Checkout Page-->
|
||
|
||
<!--Site Footer Start-->
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="site-footer__top">
|
||
<div class="site-footer__map float-bob-x">
|
||
<img src="assets/images/shapes/site-footer-map-1.png" alt="">
|
||
</div>
|
||
<div class="site-footer__top-left">
|
||
<div class="site-footer__visa-box">
|
||
<ul class="list-unstyled site-footer__visa-list">
|
||
<li>
|
||
<div class="site-footer__visa-img">
|
||
<img src="assets/images/resources/site-footer-visa-img-1-1.jpg" alt="">
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="site-footer__visa-img">
|
||
<img src="assets/images/resources/site-footer-visa-img-1-2.jpg" alt="">
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="site-footer__visa-img">
|
||
<img src="assets/images/resources/site-footer-visa-img-1-3.jpg" alt="">
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="site-footer__visa-content">
|
||
<p class="site-footer__visa-text">Approved Traveler Visa Applications. <a
|
||
href="visa-details.html">Get
|
||
Your Visa</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="site-footer__call">
|
||
<div class="site-footer__call-icon">
|
||
<img src="assets/images/icon/site-footer-icon-comment.png" alt="">
|
||
</div>
|
||
<div class="site-footer__call-content">
|
||
<p class="site-footer__call-sub-title">Have Question?</p>
|
||
<h5 class="site-footer__call-number"><a href="tel:9288009850"><span>Free</span> +92 (8800) -
|
||
9850</a></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="site-footer__middle">
|
||
<div class="row">
|
||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="100ms">
|
||
<div class="footer-widget__column footer-widget__about">
|
||
<div class="footer-widget__logo">
|
||
<a href="index.html"><img src="assets/images/resources/footer-logo.png" alt=""></a>
|
||
</div>
|
||
<p class="footer-widget__about-text">Aliqua id fugiat nostrud irure ex duis ea quis id
|
||
quis ad et. Sunt qui esse pariatur duis deserunt.</p>
|
||
<div class="site-footer__social">
|
||
<a href="checkout.html#"><i class="fab fa-twitter"></i></a>
|
||
<a href="checkout.html#"><i class="fab fa-facebook"></i></a>
|
||
<a href="checkout.html#"><i class="fab fa-pinterest-p"></i></a>
|
||
<a href="checkout.html#"><i class="fab fa-instagram"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-1 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="200ms">
|
||
<div class="footer-widget__column footer-widget__link">
|
||
<div class="footer-widget__title-box">
|
||
<h3 class="footer-widget__title">Explore</h3>
|
||
</div>
|
||
<ul class="footer-widget__link-list list-unstyled">
|
||
<li><a href="about.html">About</a></li>
|
||
<li><a href="team.html">Meet Experts</a></li>
|
||
<li><a href="blog.html">News & Media</a></li>
|
||
<li><a href="visa-details.html">Projects</a></li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-2 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="300ms">
|
||
<div class="footer-widget__column footer-widget__visa">
|
||
<div class="footer-widget__title-box">
|
||
<h3 class="footer-widget__title">Visa</h3>
|
||
</div>
|
||
<ul class="footer-widget__visa-list list-unstyled">
|
||
<li><a href="visa-details.html">Work Visa</a></li>
|
||
<li><a href="visa-details.html">Students Visa</a></li>
|
||
<li><a href="visa-details.html">Business Visa</a></li>
|
||
<li><a href="visa-details.html">Family Visa</a></li>
|
||
<li><a href="visa-details.html">Travel Visa</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms">
|
||
<div class="footer-widget__column footer-widget__gallery">
|
||
<div class="footer-widget__title-box">
|
||
<h3 class="footer-widget__title">Instagram</h3>
|
||
</div>
|
||
<ul class="footer-widget__gallery-list list-unstyled clearfix">
|
||
<li>
|
||
<div class="footer-widget__gallery-img">
|
||
<img src="assets/images/gallery/footer-widget-gallery-img-1.jpg" alt="">
|
||
<a href="checkout.html#"><span class="fab fa-instagram"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="footer-widget__gallery-img">
|
||
<img src="assets/images/gallery/footer-widget-gallery-img-2.jpg" alt="">
|
||
<a href="checkout.html#"><span class="fab fa-instagram"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="footer-widget__gallery-img">
|
||
<img src="assets/images/gallery/footer-widget-gallery-img-3.jpg" alt="">
|
||
<a href="checkout.html#"><span class="fab fa-instagram"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="footer-widget__gallery-img">
|
||
<img src="assets/images/gallery/footer-widget-gallery-img-4.jpg" alt="">
|
||
<a href="checkout.html#"><span class="fab fa-instagram"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="footer-widget__gallery-img">
|
||
<img src="assets/images/gallery/footer-widget-gallery-img-5.jpg" alt="">
|
||
<a href="checkout.html#"><span class="fab fa-instagram"></span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="footer-widget__gallery-img">
|
||
<img src="assets/images/gallery/footer-widget-gallery-img-6.jpg" alt="">
|
||
<a href="checkout.html#"><span class="fab fa-instagram"></span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
|
||
<div class="footer-widget__column footer-widget__Contact">
|
||
<div class="footer-widget__title-box">
|
||
<h3 class="footer-widget__title">Contact</h3>
|
||
</div>
|
||
<ul class="footer-widget__Contact-list list-unstyled">
|
||
<li>
|
||
<div class="icon">
|
||
<span class="fas fa-envelope"></span>
|
||
</div>
|
||
<div class="text">
|
||
<p><a href="mailto:needhelp@company.com">needhelp@company.com</a></p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="icon">
|
||
<span class="fas fa-map-marker-alt"></span>
|
||
</div>
|
||
<div class="text">
|
||
<p>30 Commercial Road <br> Fratton, Australia</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="icon">
|
||
<span class="fas fa-clock"></span>
|
||
</div>
|
||
<div class="text">
|
||
<p>Mon – Sat: 8:00 am to 6:00 pm <br> Sunday: Closed</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="site-footer__bottom">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="site-footer__bottom-inner">
|
||
<p class="site-footer__bottom-text">© Copyright 2023 by <a href="checkout.html#">Treck.com</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!--Site Footer End-->
|
||
|
||
|
||
</div><!-- /.page-wrapper -->
|
||
|
||
|
||
<div class="mobile-nav__wrapper">
|
||
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
|
||
<!-- /.mobile-nav__overlay -->
|
||
<div class="mobile-nav__content">
|
||
<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
|
||
|
||
<div class="logo-box">
|
||
<a href="index.html" aria-label="logo image"><img src="assets/images/resources/logo-2.png" width="135"
|
||
alt="" /></a>
|
||
</div>
|
||
<!-- /.logo-box -->
|
||
<div class="mobile-nav__container"></div>
|
||
<!-- /.mobile-nav__container -->
|
||
|
||
<ul class="mobile-nav__contact list-unstyled">
|
||
<li>
|
||
<i class="fa fa-envelope"></i>
|
||
<a href="mailto:needhelp@packageName__.com">needhelp@treck.com</a>
|
||
</li>
|
||
<li>
|
||
<i class="fa fa-phone-alt"></i>
|
||
<a href="tel:666-888-0000">666 888 0000</a>
|
||
</li>
|
||
</ul><!-- /.mobile-nav__contact -->
|
||
<div class="mobile-nav__top">
|
||
<div class="mobile-nav__social">
|
||
<a href="checkout.html#" class="fab fa-twitter"></a>
|
||
<a href="checkout.html#" class="fab fa-facebook-square"></a>
|
||
<a href="checkout.html#" class="fab fa-pinterest-p"></a>
|
||
<a href="checkout.html#" class="fab fa-instagram"></a>
|
||
</div><!-- /.mobile-nav__social -->
|
||
</div><!-- /.mobile-nav__top -->
|
||
|
||
|
||
|
||
</div>
|
||
<!-- /.mobile-nav__content -->
|
||
</div>
|
||
<!-- /.mobile-nav__wrapper -->
|
||
|
||
<div class="search-popup">
|
||
<div class="search-popup__overlay search-toggler"></div>
|
||
<!-- /.search-popup__overlay -->
|
||
<div class="search-popup__content">
|
||
<form action="#">
|
||
<label for="search" class="sr-only">search here</label><!-- /.sr-only -->
|
||
<input type="text" id="search" placeholder="Search Here..." />
|
||
<button type="submit" aria-label="search submit" class="thm-btn">
|
||
<i class="icon-magnifying-glass"></i>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
<!-- /.search-popup__content -->
|
||
</div>
|
||
<!-- /.search-popup -->
|
||
|
||
<a href="checkout.html#" data-target="html" class="scroll-to-target scroll-to-top"><i class="icon-right-arrow"></i></a>
|
||
|
||
|
||
<script src="assets/vendors/jquery/jquery-3.6.4.min.js"></script>
|
||
<script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/vendors/jarallax/jarallax.min.js"></script>
|
||
<script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
|
||
<script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
|
||
<script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
|
||
<script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
|
||
<script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
|
||
<script src="assets/vendors/nouislider/nouislider.min.js"></script>
|
||
<script src="assets/vendors/odometer/odometer.min.js"></script>
|
||
<script src="assets/vendors/swiper/swiper.min.js"></script>
|
||
<script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
|
||
<script src="assets/vendors/wnumb/wNumb.min.js"></script>
|
||
<script src="assets/vendors/wow/wow.js"></script>
|
||
<script src="assets/vendors/isotope/isotope.js"></script>
|
||
<script src="assets/vendors/countdown/countdown.min.js"></script>
|
||
<script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
|
||
<script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
|
||
<script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
|
||
<script src="assets/vendors/vegas/vegas.min.js"></script>
|
||
<script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
|
||
<script src="assets/vendors/timepicker/timePicker.js"></script>
|
||
<script src="assets/vendors/circleType/jquery.circleType.js"></script>
|
||
<script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
|
||
|
||
|
||
|
||
|
||
<!-- template js -->
|
||
<script src="assets/js/treck.js"></script>
|
||
</body>
|
||
|
||
</html> |