File size: 50.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 - Shop</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><!--==============================
Product Lightbox
==============================-->
<div id="QuickView" class="white-popup mfp-hide">
<div class="container bg-white rounded-10">
<div class="row gx-60">
<div class="col-lg-6">
<div class="product-big-img">
<div class="img"><img src="assets/img/product/product_details_1_1.jpg" alt="Product Image"></div>
</div>
</div>
<div class="col-lg-6 align-self-center">
<div class="product-about">
<p class="price">$120.85<del>$150.99</del></p>
<h2 class="product-title">Surgery Hands Gloves</h2>
<div class="product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span></div>
<a href="shop-details.html" class="woocommerce-review-link">(<span class="count">4</span> customer reviews)</a>
</div>
<p class="text">Prepare to embark on a sensory journey with the Bosco Apple, a fruit that transcends the ordinary and promises an unparalleled taste experience. These apples are nothing short of nature’s masterpiece, celebrated for their distinctive blend of flavors and their captivating visual allure.</p>
<div class="mt-2 link-inherit">
<p>
<strong class="text-title me-3">Availability:</strong>
<span class="stock in-stock"><i class="far fa-check-square me-2 ms-1"></i>In Stock</span>
</p>
</div>
<div class="actions">
<div class="quantity">
<input type="number" class="qty-input" step="1" min="1" max="100" name="quantity" value="1" title="Qty">
<button class="quantity-plus qty-btn"><i class="far fa-chevron-up"></i></button>
<button class="quantity-minus qty-btn"><i class="far fa-chevron-down"></i></button>
</div>
<button class="th-btn">Add to Cart</button>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
<div class="product_meta">
<span class="sku_wrapper">SKU: <span class="sku">Bosco-Apple-Fruit</span></span>
<span class="posted_in">Category: <a href="shop.html">Fresh Fruits</a></span>
<span>Tags: <a href="shop.html">Fruits</a><a href="shop.html">Organic</a></span>
</div>
</div>
</div>
</div>
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
</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">Shop</h1>
<ul class="breadcumb-menu">
<li><a href="home-medical-clinic.html">Home</a></li>
<li>Shop</li>
</ul>
</div>
</div>
</div>
<!--==============================
Product Area
==============================-->
<section class="space-top space-extra-bottom">
<div class="container">
<div class="th-sort-bar">
<div class="row justify-content-between align-items-center">
<div class="col-md">
<p class="woocommerce-result-count">Showing 1–12 of 16 results</p>
</div>
<div class="col-md-auto">
<form class="woocommerce-ordering" method="get">
<select name="orderby" class="orderby" aria-label="Shop order">
<option value="menu_order" selected="selected">Default Sorting</option>
<option value="popularity">Sort by popularity</option>
<option value="rating">Sort by average rating</option>
<option value="date">Sort by latest</option>
<option value="price">Sort by price: low to high</option>
<option value="price-desc">Sort by price: high to low</option>
</select>
</form>
</div>
</div>
</div>
<div class="row gy-40">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_1.jpg" alt="Product Image">
<span class="product-tag">Sale!</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Accessories</a>
<h3 class="product-title"><a href="shop-details.html">Surgery Hands Gloves</a></h3>
<span class="price">$20.00 - <del>$30.00</del></span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_2.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Medicine</a>
<h3 class="product-title"><a href="shop-details.html">D-Ribose Drug Medicine</a></h3>
<span class="price">$39.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_3.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Equipment</a>
<h3 class="product-title"><a href="shop-details.html">CAD Dentistry Prosthesis</a></h3>
<span class="price">$96.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_4.jpg" alt="Product Image">
<span class="product-tag">Sale!</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Accessories</a>
<h3 class="product-title"><a href="shop-details.html">Surgery Safety Mask</a></h3>
<span class="price">$08.85 - <del>$16.99</del></span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_5.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Accessories</a>
<h3 class="product-title"><a href="shop-details.html">Infrared Thermometers</a></h3>
<span class="price">$32.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_6.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Equipment</a>
<h3 class="product-title"><a href="shop-details.html">Drug Inhaler Nebulizers</a></h3>
<span class="price">$30.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_7.jpg" alt="Product Image">
<span class="product-tag">Sale!</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Medicine</a>
<h3 class="product-title"><a href="shop-details.html">Paracetamol Drug</a></h3>
<span class="price">$08.85 -<del>$16.99</del></span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_8.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Accessories</a>
<h3 class="product-title"><a href="shop-details.html">Blood Pressure Machine</a></h3>
<span class="price">$30.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_9.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Accessories</a>
<h3 class="product-title"><a href="shop-details.html">Ciprofloxacin Antibiotics</a></h3>
<span class="price">$32.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_10.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Equipment</a>
<h3 class="product-title"><a href="shop-details.html">Surgery Face Mask</a></h3>
<span class="price">$30.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_11.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Medicine</a>
<h3 class="product-title"><a href="shop-details.html">Auto Blood Presser Meter</a></h3>
<span class="price">$22.85</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="assets/img/product/product_1_12.jpg" alt="Product Image">
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<a href="shop-details.html" class="product-category">Accessories</a>
<h3 class="product-title"><a href="shop-details.html">Multivitamin Nutrition Health</a></h3>
<span class="price">$30.85</span>
</div>
</div>
</div>
</div>
<div class="th-pagination text-center pt-50">
<ul>
<li><a href="blog.html">1</a></li>
<li><a href="blog.html">2</a></li>
<li><a href="blog.html">3</a></li>
<li><a href="blog.html"><i class="far fa-arrow-right"></i></a></li>
</ul>
</div>
</div>
</section>
<!--==============================
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>