File size: 46.47Kb
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Mediax - Health & Medical HTML Template - Checkout</title>
<meta name="author" content="Mediax">
<meta name="description" content="Mediax - Health & Medical HTML Template">
<meta name="keywords" content="Mediax - Health & Medical HTML Template">
<meta name="robots" content="INDEX,FOLLOW">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons - Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--==============================
Google 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=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!--==============================
All CSS File
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Swiper Js -->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!-- datetimepicker -->
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<!-- Theme Custom 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]-->
<!--********************************
Code Start From Here
******************************** -->
<!--==============================
Preloader
==============================-->
<div class="preloader ">
<button class="th-btn preloaderCls">Cancel Preloader </button>
<div class="preloader-inner">
<div class="loader"></div>
</div>
</div><!--==============================
Sidemenu
============================== -->
<div class="sidemenu-wrapper sidemenu-cart ">
<div class="sidemenu-content">
<button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
<div class="widget woocommerce widget_shopping_cart">
<h3 class="widget_title">Shopping cart</h3>
<div class="widget_shopping_cart_content">
<ul class="woocommerce-mini-cart cart_list product_list_widget ">
<li class="woocommerce-mini-cart-item mini_cart_item">
<a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
<a href="#"><img src="assets/img/product/product_thumb_1_1.jpg" alt="Cart Image">Surgery Hands Gloves</a>
<span class="quantity">1 ×
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>940.00</span>
</span>
</li>
<li class="woocommerce-mini-cart-item mini_cart_item">
<a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
<a href="#"><img src="assets/img/product/product_thumb_1_2.jpg" alt="Cart Image">D-Ribose Drug Medicine</a>
<span class="quantity">1 ×
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>899.00</span>
</span>
</li>
<li class="woocommerce-mini-cart-item mini_cart_item">
<a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
<a href="#"><img src="assets/img/product/product_thumb_1_3.jpg" alt="Cart Image">CAD Dentistry Prosthesis</a>
<span class="quantity">1 ×
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>756.00</span>
</span>
</li>
<li class="woocommerce-mini-cart-item mini_cart_item">
<a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
<a href="#"><img src="assets/img/product/product_thumb_1_4.jpg" alt="Cart Image">Surgery Safety Mask</a>
<span class="quantity">1 ×
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>723.00</span>
</span>
</li>
<li class="woocommerce-mini-cart-item mini_cart_item">
<a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a>
<a href="#"><img src="assets/img/product/product_thumb_1_5.jpg" alt="Cart Image">Infrared Thermometers</a>
<span class="quantity">1 ×
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>1080.00</span>
</span>
</li>
</ul>
<p class="woocommerce-mini-cart__total total">
<strong>Subtotal:</strong>
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">$</span>4398.00</span>
</p>
<p class="woocommerce-mini-cart__buttons buttons">
<a href="cart.html" class="th-btn wc-forward">View cart</a>
<a href="checkout.html" class="th-btn checkout wc-forward">Checkout</a>
</p>
</div>
</div>
</div>
</div><!--==============================
Sidemenu
============================== -->
<div class="sidemenu-wrapper sidemenu-info ">
<div class="sidemenu-content">
<button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
<div class="widget ">
<div class="th-widget-about">
<div class="about-logo">
<a href="home-medical-clinic.html"><img src="assets/img/logo.svg" alt="Mediax"></a>
</div>
<p class="about-text">Subscribe to out newsletter today to receive latest news administrate cost effective for tactical data.</p>
<p class="footer-info">
<i class="fal fa-location-dot"></i>
2478 Street City Ohio 90255
</p>
<p class="footer-info">
<i class="fal fa-envelope"></i>
<a href="mailto:info@mediax.com" class="info-box_link">info@mediax.com</a>
</p>
<p class="footer-info">
<i class="fal fa-phone"></i>
<a href="tel:+40276328246" class="info-box_link">+(402) 763 282 46</a>
</p>
<div class="th-social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
<div class="widget ">
<h3 class="widget_title">Let’s Stay In Touch</h3>
<div class="newsletter-widget">
<p class="footer-text">Subscribe for newsletter</p>
<form action="#" class="newsletter-form">
<div class="form-group">
<input class="form-control" type="email" placeholder="Enter Email" required="">
</div>
<button type="submit" class="simple-icon"><i class="fa-solid fa-paper-plane"></i></button>
</form>
<div class="form-group">
<input type="checkbox" id="checkboxagree" name="checkboxagree">
<label for="checkboxagree">I agree with the terms & conditions</label>
</div>
<div class="btn-group">
<a href="https://play.google.com/" class="img-btn">
<img src="assets/img/normal/apple_store.png" alt="icon">
</a>
<a href="https://play.google.com/" class="img-btn">
<img src="assets/img/normal/play_store.png" alt="icon">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="popup-search-box d-none d-lg-block">
<button class="searchClose"><i class="fal fa-times"></i></button>
<form action="#">
<input type="text" placeholder="What are you looking for?">
<button type="submit"><i class="fal fa-search"></i></button>
</form>
</div><!--==============================
Mobile Menu
============================== -->
<div class="th-menu-wrapper">
<div class="th-menu-area text-center">
<button class="th-menu-toggle"><i class="fal fa-times"></i></button>
<div class="mobile-logo">
<a href="home-medical-clinic.html"><img src="assets/img/logo.svg" alt="Mediax"></a>
</div>
<div class="th-mobile-menu">
<ul>
<li class="menu-item-has-children">
<a href="home-medical-clinic.html">Home</a>
<ul class="sub-menu">
<li><a href="home-medical-clinic.html">Medical Clinic</a></li>
<li><a href="home-dental-care.html">Dental Care</a></li>
<li><a href="home-medical-shop.html">Medical Shop</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="appointment.html">Appointments</a></li>
<li><a href="faq.html">Faq Page</a></li>
<li><a href="pricing.html">Pricing Plan</a></li>
<li><a href="error.html">Error Page</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div><!--==============================
Header Area
==============================-->
<header class="th-header header-layout1">
<div class="header-top">
<div class="container">
<div class="row justify-content-center justify-content-lg-between align-items-center gy-2">
<div class="col-auto d-none d-lg-block">
<div class="header-links">
<ul>
<li class="d-none d-sm-inline-block"><i class="fas fa-phone icon-btn"></i><b>Phone:</b> <a href="tel:+1636543569">+163-654-3569</a></li>
<li class="d-none d-sm-inline-block"><i class="fas fa-envelope icon-btn"></i><b>Email:</b> <a href="mailto:info@mediax.com">info@mediax.com</a></li>
<li class="d-none d-xxl-inline-block"><i class="fas fa-location-dot icon-btn"></i> 1 Barnes Jewish Hospital Plaza, United States</li>
</ul>
</div>
</div>
<div class="col-auto">
<div class="header-links">
<ul>
<li class="d-none d-md-inline-block">
<div class="dropdown-link">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-bs-toggle="dropdown" aria-expanded="true"><img src="assets/img/icon/english.png" alt="icon"> English</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
<li>
<a href="#">German</a>
<a href="#">French</a>
<a href="#">Italian</a>
<a href="#">Latvian</a>
</li>
</ul>
</div>
</li>
<li>
<div class="social-links">
<span class="social-title">Follow Us On: </span>
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="sticky-wrapper">
<!-- Main Menu Area -->
<div class="menu-area">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-auto">
<div class="header-logo">
<div class="logo-bg" data-bg-src="assets/img/bg/logo_bg_1.png"></div>
<a href="home-medical-clinic.html"><img src="assets/img/logo.svg" alt="Mediax"></a>
</div>
</div>
<div class="col-auto d-none d-lg-inline-block">
<nav class="main-menu d-none d-lg-inline-block">
<ul>
<li class="menu-item-has-children">
<a href="home-medical-clinic.html">Home</a>
<ul class="sub-menu">
<li><a href="home-medical-clinic.html">Medical Clinic</a></li>
<li><a href="home-dental-care.html">Dental Care</a></li>
<li><a href="home-medical-shop.html">Medical Shop</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="appointment.html">Appointments</a></li>
<li><a href="faq.html">Faq Page</a></li>
<li><a href="pricing.html">Pricing Plan</a></li>
<li><a href="error.html">Error Page</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="col-auto">
<div class="header-button">
<button type="button" class="icon-btn searchBoxToggler d-none d-xl-inline-block"><i class="far fa-search"></i></button>
<button type="button" class="icon-btn sideMenuCart">
<span class="badge">5</span>
<i class="far fa-cart-shopping"></i>
</button>
<a href="appointment.html" class="th-btn">Appointment Now</a>
<button type="button" class="icon-btn sideMenuInfo d-none d-xl-inline-block"><i class="far fa-bars"></i></button>
<button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--==============================
Breadcumb
============================== -->
<div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg">
<div class="container">
<div class="breadcumb-content">
<h1 class="breadcumb-title">Checkout</h1>
<ul class="breadcumb-menu">
<li><a href="home-medical-clinic.html">Home</a></li>
<li>Checkout</li>
</ul>
</div>
</div>
</div><!--==============================
Checkout Arae
==============================-->
<div class="th-checkout-wrapper space-top space-extra-bottom">
<div class="container">
<div class="woocommerce-form-login-toggle">
<div class="woocommerce-info">Returning customer? <a href="#" class="showlogin">Click here to login</a>
</div>
</div>
<div class="row">
<div class="col-12">
<form action="#" class="woocommerce-form-login">
<div class="form-group">
<label>Username or email *</label>
<input type="text" class="form-control" placeholder="Username or email">
</div>
<div class="form-group">
<label>Password *</label>
<input type="text" class="form-control" placeholder="Password">
</div>
<div class="form-group">
<div class="custom-checkbox">
<input type="checkbox" id="remembermylogin">
<label for="remembermylogin">Remember Me</label>
</div>
</div>
<div class="form-group">
<button type="submit" class="th-btn">Login</button>
<p class="mt-3 mb-0"><a class="text-reset" href="#">Lost your password?</a></p>
</div>
</form>
</div>
</div>
<div class="woocommerce-form-coupon-toggle">
<div class="woocommerce-info">Have a coupon? <a href="#" class="showcoupon">Click here to enter your code</a> </div>
</div>
<div class="row">
<div class="col-12">
<form action="#" class="woocommerce-form-coupon">
<div class="form-group">
<label>Coupon code</label>
<input type="text" class="form-control" placeholder="Write your coupon code">
</div>
<div class="form-group">
<button type="submit" class="th-btn">Apply coupon</button>
</div>
</form>
</div>
</div>
<form action="#" class="woocommerce-checkout mt-40">
<div class="row ">
<div class="col-lg-6">
<h2 class="h4">Billing Details</h2>
<div class="row">
<div class="col-12 form-group">
<select class="form-select">
<option>United Kingdom (UK)</option>
<option>United State (US)</option>
<option>Equatorial Guinea (GQ)</option>
<option>Australia (AU)</option>
<option>Germany (DE)</option>
</select>
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="First Name">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Last Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Your Company Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Street Address">
<input type="text" class="form-control" placeholder="Apartment, suite, unit etc. (optional)">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Town / City">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Country">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Postcode / Zip">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Email Address">
<input type="text" class="form-control" placeholder="Phone number">
</div>
<div class="col-12 form-group">
<input type="checkbox" id="accountNewCreate">
<label for="accountNewCreate">Create An Account?</label>
</div>
</div>
</div>
<div class="col-lg-6">
<p id="ship-to-different-address">
<input id="ship-to-different-address-checkbox" type="checkbox" name="ship_to_different_address" value="1" checked>
<label for="ship-to-different-address-checkbox">
Ship to a different address?
<span class="checkmark"></span>
</label>
</p>
<div class="shipping_address">
<div class="row">
<div class="col-12 form-group">
<select class="form-select">
<option>United Kingdom (UK)</option>
<option>United State (US)</option>
<option>Equatorial Guinea (GQ)</option>
<option>Australia (AU)</option>
<option>Germany (DE)</option>
</select>
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="First Name">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Last Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Your Company Name">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Street Address">
<input type="text" class="form-control" placeholder="Apartment, suite, unit etc. (optional)">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Town / City">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Country">
</div>
<div class="col-md-6 form-group">
<input type="text" class="form-control" placeholder="Postcode / Zip">
</div>
<div class="col-12 form-group">
<input type="text" class="form-control" placeholder="Email Address">
<input type="text" class="form-control" placeholder="Phone number">
</div>
</div>
</div>
<div class="col-12 form-group">
<textarea cols="20" rows="5" class="form-control" placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
</div>
</div>
</div>
</form>
<h4 class="mt-4 pt-lg-2">Your Order</h4>
<form action="#" class="woocommerce-cart-form">
<table class="cart_table mb-20">
<thead>
<tr>
<th class="cart-col-image">Image</th>
<th class="cart-col-productname">Product Name</th>
<th class="cart-col-price">Price</th>
<th class="cart-col-quantity">Quantity</th>
<th class="cart-col-total">Total</th>
</tr>
</thead>
<tbody>
<tr class="cart_item">
<td data-title="Product">
<a class="cart-productimage" href="shop-details.html"><img width="91" height="91" src="assets/img/product/product_thumb_1_1.jpg" alt="Image"></a>
</td>
<td data-title="Name">
<a class="cart-productname" href="shop-details.html">Surgery Hands Gloves</a>
</td>
<td data-title="Price">
<span class="amount"><bdi><span>$</span>18</bdi></span>
</td>
<td data-title="Quantity">
<strong class="product-quantity">01</strong>
</td>
<td data-title="Total">
<span class="amount"><bdi><span>$</span>18</bdi></span>
</td>
</tr>
</tbody>
<tfoot class="checkout-ordertable">
<tr class="cart-subtotal">
<th>Subtotal</th>
<td data-title="Subtotal" colspan="4"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>281.05</bdi></span></td>
</tr>
<tr class="woocommerce-shipping-totals shipping">
<th>Shipping</th>
<td data-title="Shipping" colspan="4"> Enter your address to view shipping options.
</td>
</tr>
<tr class="order-total">
<th>Total</th>
<td data-title="Total" colspan="4"><strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>281.05</bdi></span></strong>
</td>
</tr>
</tfoot>
</table>
</form>
<div class="mt-lg-3 mb-30">
<div class="woocommerce-checkout-payment">
<ul class="wc_payment_methods payment_methods methods">
<li class="wc_payment_method payment_method_bacs">
<input id="payment_method_bacs" type="radio" class="input-radio" name="payment_method" value="bacs" checked="checked">
<label for="payment_method_bacs">Direct bank transfer</label>
<div class="payment_box payment_method_bacs">
<p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.
</p>
</div>
</li>
<li class="wc_payment_method payment_method_cheque">
<input id="payment_method_cheque" type="radio" class="input-radio" name="payment_method" value="cheque">
<label for="payment_method_cheque">Cheque Payment</label>
<div class="payment_box payment_method_cheque">
<p>Please send a check to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</p>
</div>
</li>
<li class="wc_payment_method payment_method_cod">
<input id="payment_method_cod" type="radio" class="input-radio" name="payment_method">
<label for="payment_method_cod">Credit Cart</label>
<div class="payment_box payment_method_cod">
<p>Pay with cash upon delivery.</p>
</div>
</li>
<li class="wc_payment_method payment_method_paypal">
<input id="payment_method_paypal" type="radio" class="input-radio" name="payment_method" value="paypal">
<label for="payment_method_paypal">Paypal</label>
<div class="payment_box payment_method_paypal">
<p>Pay via PayPal; you can pay with your credit card if you don’t have a PayPal account.</p>
</div>
</li>
</ul>
<div class="form-row place-order">
<button type="submit" class="th-btn">Place order</button>
</div>
</div>
</div>
</div>
</div>
<!--==============================
Footer Area
==============================-->
<footer class="footer-wrapper footer-layout1" data-bg-src="assets/img/bg/footer_bg_1.jpg">
<div class="container z-index-common">
<div class="newsletter-wrap">
<div class="newsletter-content">
<h2 class="sec-title">Subscribe for newsletter</h2>
</div>
<form class="newsletter-form">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email Address" required="">
</div>
<button type="submit" class="th-btn shadow-1">Subscribe</button>
</form>
</div>
</div>
<div class="widget-area">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6 col-xl-auto">
<div class="widget footer-widget">
<div class="th-widget-about">
<div class="about-logo">
<a href="home-medical-clinic.html"><img src="assets/img/logo-footer.svg" alt="Mediax"></a>
</div>
<p class="about-text">Subscribe to out newsletter today to receive latest news administrate cost effective for tactical data.</p>
<p class="footer-info">
<i class="fal fa-location-dot"></i>
2478 Street City Ohio 90255
</p>
<p class="footer-info">
<i class="fal fa-envelope"></i>
<a href="mailto:info@mediax.com" class="info-box_link">info@mediax.com</a>
</p>
<p class="footer-info">
<i class="fal fa-phone"></i>
<a href="tel:+40276328246" class="info-box_link">+(402) 763 282 46</a>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Quick Links</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="about.html">About Us</a></li>
<li><a href="about.html">Terms of Use</a></li>
<li><a href="service.html">Our Services</a></li>
<li><a href="faq.html">Help & FAQs</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">Privacy policy</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Popular service</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="service-details.html">Cardiology Care</a></li>
<li><a href="service-details.html">Urgent Care</a></li>
<li><a href="service-details.html">Orthopedic Care</a></li>
<li><a href="service-details.html">Diagnosis department</a></li>
<li><a href="service-details.html">Gastroenterology</a></li>
<li><a href="service-details.html">Therapy department</a></li>
<li><a href="service-details.html">Dental service</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget footer-widget">
<h3 class="widget_title">Recent Posts</h3>
<div class="recent-post-wrap">
<div class="recent-post">
<div class="media-img">
<a href="blog-details.html"><img src="assets/img/blog/recent-post-2-1.jpg" alt="Blog Image"></a>
</div>
<div class="media-body">
<h4 class="post-title"><a class="text-inherit" href="blog-details.html">How Business Is Taking Over & What to Do About It</a></h4>
<div class="recent-post-meta">
<a href="blog.html"><i class="fal fa-calendar"></i>21 Jun, 2024</a>
</div>
</div>
</div>
<div class="recent-post">
<div class="media-img">
<a href="blog-details.html"><img src="assets/img/blog/recent-post-2-2.jpg" alt="Blog Image"></a>
</div>
<div class="media-body">
<h4 class="post-title"><a class="text-inherit" href="blog-details.html">Health vs. Wealth Navigate Business in Medicine</a></h4>
<div class="recent-post-meta">
<a href="blog.html"><i class="fal fa-calendar"></i>22 Jun, 2024</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrap">
<div class="container">
<div class="row gy-2 align-items-center">
<div class="col-md-7">
<p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="home-medical-clinic.html">Mediax</a>. All Rights Reserved.</p>
</div>
<div class="col-md-5 text-center text-md-end">
<div class="th-social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--********************************
Code End Here
******************************** -->
<!-- Scroll To Top -->
<div class="scroll-top">
<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" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
</svg>
</div>
<!--==============================
All Js File
============================== -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<!-- Swiper Js -->
<script src="assets/js/swiper-bundle.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Counter Up -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- datetimepicker -->
<script src="assets/js/jquery.datetimepicker.min.js"></script>
<!-- Range Slider -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- Isotope Filter -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
</body>
</html>