0% found this document useful (0 votes)
43 views16 pages

PGM Code

The document includes the HTML code for the header section of a medical website template called MEDXSTORE. It includes code for the website logo and navigation links, as well as styles for fonts and a rounded button. The header code is followed by HTML for banner sections promoting medical products and a features section with thumbnail links to different medical categories.

Uploaded by

vaishnavvr360
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
43 views16 pages

PGM Code

The document includes the HTML code for the header section of a medical website template called MEDXSTORE. It includes code for the website logo and navigation links, as well as styles for fonts and a rounded button. The header code is followed by HTML for banner sections promoting medical products and a features section with thumbnail links to different medical categories.

Uploaded by

vaishnavvr360
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MEDXSTORE - Medical HTML Template</title>

<!-- stylesheet -->

<link
href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;
400;500;531;600;700;800;900&amp;display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0
,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&amp;display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="../assets/css/themify-icons.css">
<link rel="stylesheet" href="../assets/css/all.min.css">
<link rel="stylesheet" href="../assets/css/fontawesome.min.css">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">

<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=Lobster&family=Roboto+Mono&disp lay=swap" rel="stylesheet">
<style>
#rounded {
border-radius: 20px;
width: 100px;
}
</style>
</head>

<body>

<!-- header -->


<div class="header-section style-three">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-12">
<nav class="navbar navbar-expand-lg main-menu">
<a class="navbar-brand" href="#">
<h2 style="font-family: 'Lobster',
cursive;"><b>MED</b><span
style="color:
red;">X</span><b>STORE</b></h2>
</a>
<button class="navbar-toggler" type="button" data-
toggle="collapse"
data-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle
navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse"
id="navbarSupportedContent">
<ul class="navbar-nav mr-xl-auto ml-lg-auto">
<li class="nav-item">
<a class="nav-link"
href="adminHome.php">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-
haspopup="true" aria-expanded="false">
View
</a>
<div class="dropdown-menu" aria-
labelledby="navbarDropdown">
<a class="dropdown-item"
href="adminViewShops.php">Shops</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item"
href="adminViewDeliveryBoys.php">Delivery Boys</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item"
href="adminViewOrders.php">Orders</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-xl-6 d-none d-xl-block">
<div class="header-right-area">
<div class="header-search-area">
<!-- <form class="form-inline">
<input class="form-control header-input"
type="search"
placeholder="Enter Search Keyword" aria-
label="Search">
<button class="btn btn-outline-success header-
btn" type="submit">Search</button>
</form> -->
</div>
<div class="header-right-menu">
<ul>
<!-- <li class="sales-cart">
<span class="user-account">Cart</span> <a
href="#"><i
class="fas fa-shopping-cart mt-2
mr-3"></i></a>
</li> -->
<li>
<a href="../COMMON/login.php"
class="btn btn-primary p-2" id="rounded">LOGOUT</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header end -->

<!-- banner -->


<div class="banner-section pt-10">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8 col-lg-12 col-md-12">
<div class="call-to-action call-to-action-large">
<div class="content">
<span class="pre-text">Premium Quality</span>
<h1 class="main-title">N95 Cone Style Particulate
<br>
Respirator Mask</h1>
<p class="simple-content">Stay safe, stay home.
Let's stop it together</p>
<a href="shop.html" class="btn btn-Shop">Shop
Now<i
class="fas fa-long-arrow-alt-
right"></i></a>

</div>
<div class="banner-image">
<img src="../assets/images/banner-img1.png"
alt="img">
</div>
</div>
</div>
<div class="col-xl-4 col-lg-12 col-md-12">
<div class="row">
<div class="col-xl-12 col-lg-6">
<div class="call-to-action layout-two">
<div class="content">
<h2 class="main-title">Drug Buster Drug
Disposal <br>
System</h2>
<p class="simple-content">Stay safe, stay
home. Let's stop it together</p>
<a href="shop.html" class="btn btn-
Shop">Shop Now<i
class="fas fa-long-arrow-alt-
right"></i></a>

</div>
<div class="banner-image">
<img src="../assets/images/banner-
img2.png" alt="img">
</div>
</div>
</div>
<div class="col-xl-12 col-lg-6">
<div class="call-to-action layout-two">
<div class="content">
<h2 class="main-title">Deluxe Cut N' Crush
<br>
Pill Crusher</h2>
<p class="simple-content">Stay safe, stay
home. Let's stop it together</p>
<a href="shop.html" class="btn btn-
Shop">Shop Now<i
class="fas fa-long-arrow-alt-
right"></i></a>

</div>
<div class="banner-image">
<img src="../assets/images/banner-
img3.png" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner end -->

<!-- feature section -->


<div class="feature-section">
<div class="container-fluid">
<div class="row justify-content-lg-center">
<div class="col-xl-2 col-lg-3 col-md-4">
<div class="feature-thumbnail">
<div class="image">
<img src="../assets/images/icon1.png" alt="img">
</div>
<a href="shop.html" class="title">Pharmacy <i
class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4">
<div class="feature-thumbnail">
<div class="image">
<img src="../assets/images/icon2.png" alt="img">
</div>
<a href="shop.html" class="title">Blood Pressure <i
class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4">
<div class="feature-thumbnail">
<div class="image">
<img src="../assets/images/icon3.png" alt="img">
</div>
<a href="shop.html" class="title">Independent Living
<i
class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4">
<div class="feature-thumbnail">
<div class="image">
<img src="../assets/images/icon4.png" alt="img">
</div>
<a href="shop.html" class="title">Pharmacy <i
class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4">
<div class="feature-thumbnail">
<div class="image">
<img src="../assets/images/icon5.png" alt="img">
</div>
<a href="shop.html" class="title">Accessories <i
class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4">
<div class="feature-thumbnail">
<div class="image">
<img src="../assets/images/icon6.png" alt="img">
</div>
<a href="shop.html" class="title">Pharmacy <i
class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- feature section end-->

<!-- Features Products-->


<div class="Features-Products pt-100">
<div class="container">
<div class="row justify-content-lg-center">
<div class="col-md-12">
<div class="inner-header-top style-three">
<div class="header-title">
<h3 class="title">Features Products</h3>
</div>
<div class="header-button">
<a href="#" class="btn btn-product"><i class="fas
fa-arrow-left"></i></a>
<a href="#" class="btn btn-product active"><i
class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-12">
<div class="owl-carousel features-product-carousel owl-
theme">
<div class="item">
<div class="single-products style-two">
<div class="products-image">
<img src="../assets/images/pro-img1.jpg"
alt="img">
</div>
<div class="product-content">
<a href="#">
<h5 class="product-name">Micropore
Surgical Tape</h5>
</a>
<span class="price">$45.00</span>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
<div class="item">
<div class="single-products style-two">
<div class="products-image">
<img src="../assets/images/pro-img2.jpg"
alt="img">
</div>
<div class="product-content">
<a href="#">
<h5 class="product-name">Barrier Lab
Coat</h5>
</a>
<span class="price">$45.00</span>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
<div class="item">
<div class="single-products style-two">
<div class="products-image">
<img src="../assets/images/pro-img3.jpg"
alt="img">
</div>
<div class="product-content">
<a href="#">
<h5 class="product-name">Arcan Low
Profile</h5>
</a>
<span class="price">$45.00</span>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</
div>
</div>
</div>
<div class="item">
<div class="single-products style-two">
<div class="products-image">
<img src="../assets/images/pro-img4.jpg"
alt="img">
</div>
<div class="product-content">
<a href="#">
<h5 class="product-name">PlusPharma
Vitamin</h5>
</a>
<span class="price">$45.00</span>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Features Products end-->

<!-- Product offer -->


<div class="Product-offer mt-30">
<div class="container-fluid">
<div class="row justify-content-md-center">
<div class="col-lg-4 col-md-6">
<div class="call-to-action layout-three cta-layout-three-
bg-1">
<div class="content">
<span class="pre-text">Diabetes Monitors</span>
<h2 class="main-title">Home Health Care</h2>
<span class="price">$35.00</span>
<a href="shop.html" class="btn btn-Shop">Shop Now
<i
class="fas fa-long-arrow-alt-
right"></i></a>
</div>
<div class="offer">
<span>15% <br> off</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="call-to-action layout-three cta-layout-three-
bg-2">
<div class="content">
<span class="pre-text">Baby Health & Everyday
Care</span>
<h2 class="main-title">Mom & Baby Care</h2>
<span class="price">$78.00</span>
<a href="shop.html" class="btn btn-Shop">Shop Now
<i
class="fas fa-long-arrow-alt-
right"></i></a>
</div>
<div class="offer">
<span>10% <br> off</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="call-to-action layout-three cta-layout-three-
bg-3">
<div class="content">
<span class="pre-text">Medical Containers</span>
<h2 class="main-title">Oxygen Therapy</h2>
<span class="price">$235.00</span>
<a href="shop.html" class="btn btn-Shop">Shop Now
<i
class="fas fa-long-arrow-alt-
right"></i></a>
</div>
<div class="offer">
<span>25% <br> off</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Product offer end-->

<!-- Product -->


<div class="product-section mb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12">
<div class="category-list">
<h3 class="title">Category</h3>
<ul>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Apparel & Protective
Gear</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Diabetes Care</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> First Aid</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Home Health Care</a>
</li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> ncontinence</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Ostomy & Urology</a>
</li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Mobility</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Mom & Baby Care</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Personal Care</a></li>
<li><a href="shop.html"><i class="fas fa-
long- arrow-alt-right"></i> Respiratory</a></li>

</ul>
</div>
</div>
<div class="col-lg-9 col-md-12">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-products sp-layout-two">
<div class="products-image">
<img src="../assets/images/pro-img9.jpg"
alt="img">
</div>
<div class="product-content">
<span class="price">$45.00</span>
<h5 class="product-name">Head Covers</h5>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-products sp-layout-two">
<div class="products-image">
<img src="../assets/images/pro-img10.jpg"
alt="img">
</div>
<div class="product-content">
<span class="price">$45.00</span>
<h5 class="product-name">Fitness &
Rehab</h5>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-products sp-layout-two">
<div class="products-image">
<img src="../assets/images/pro-img11.jpg"
alt="img">
</div>
<div class="product-content">
<span class="price">$45.00</span>
<h5 class="product-name">Sharps
Containers</
<a href="single-product.html" class="btn
h5> btn-
class="fas fa-shopping-cart"></i>
cart"><i Add
cart</a>
to </div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-products sp-layout-two">
<div class="products-image">
<img src="../assets/images/pro-img12.jpg"

</div>
alt="img"> <div class="product-content">
<span class="price">$45.00</span>
<h5 class="product-name">GeriCare

Magnesium</h5>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-products sp-layout-two">
<div class="products-image">
<img src="../assets/images/pro-img13.jpg"
alt="img">
</div>
<div class="product-content">
<span class="price">$45.00</span>
<h5 class="product-name">GeriCare
Magnesium</h5>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-products sp-layout-two">
<div class="products-image">
<img src="../assets/images/pro-img14.png"
alt="img">
</div>
<div class="product-content">
<span class="price">$45.00</span>
<h5 class="product-name">Lab N98 Face
Mask</h5>
<a href="single-product.html" class="btn
btn-cart"><i
class="fas fa-shopping-cart"></i>
Add to
cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Product end-->

<!-- -blog-section -->


<div class="blog-section">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-12">
<div class="inner-header-top style-two">
<div class="header-title">
<h3 class="title">Latest Blog Posts</h3>
</div>
<div class="header-button">
<a href="#" class="btn btn-product"><i class="fas
fa-chevron-left"></i></a>
<a href="#" class="btn btn-product active"><i
class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-12">
<div class="owl-carousel blog-carousel owl-theme">
<div class="item">
<div class="single-blog">
<div class="blog-img">
<img src="../assets/images/blog-img1.jpg"
alt="img">
</div>
<div class="blog-info">
<span class="date">February 20,
2020</span>
<h4 class="title"><a href="blog-
single.html"> Proof that Vitamin D is a key factor
in beating
Covid-19</a></h4>
</div>
</div>
</div>
<div class="item">
<div class="single-blog">
<div class="blog-img">
<img src="../assets/images/blog-img2.jpg"
alt="img">
</div>
<div class="blog-info">
<span class="date">February 20,
2020</span>
<h4 class="title"><a href="blog-
single.html"> The key to Covid-19 prevention is in
all of us</a></h4>
</div>
</div>
</div>
<div class="item">
<div class="single-blog">
<div class="blog-img">
<img src="../assets/images/blog-img3.jpg"
alt="img">
</div>
<div class="blog-info">
<span class="date">February 20,
2020</span>
<h4 class="title"><a href="blog-
single.html">How Vitamin C can protect against the
risk of
coronavirus</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- blog end -->

<!-- footer -->


<div class="footer-section">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="widget widget-info">
<h3 class="title">About Us</h3>
<p class="content">The probability of someone needing
your services or wLorem ipsum dolor sit
amet,
consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna</p>
<div class="social-icon">
<a href="#"><i class="ti-facebook"></i></a>
<a href="#"><i class="ti-twitter-alt"></i></a>
<a href="#"><i class="ti-google"></i></a>
<a href="#"><i class="ti-dribbble"></i></a>
<a href="#"><i class="ti-pinterest"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="widget widget-info">
<h3 class="title">Useful Links</h3>
<div class="footer-list">
<ul>
<li><a href="#">All properties</a></li>
<li><a href="#">FAQ’S</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Popular tags</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="widget widget-info">
<h3 class="title">Why buy from us</h3>
<div class="footer-list">
<ul>
<li><a href="#">Odor Eliminators</a></li>
<li><a href="#">Medical Containers</a></li>
<li><a href="#">Eye & Ear Care</a></li>
<li><a href="#">Food & Beverage</a></li>
<li><a href="#">Face Masks</a></li>
<li><a href="#">Medication Aids</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="widget widget-info">
<h3 class="title">Get in touch</h3>
<div class="contact">
<p class="content">Contact Us</p>
<span>678-473-1667</span>
<span>[email protected]</span>
</div>
<div class="Address">
<p class="content">Our Address</p>
<span>4959 Adonais Way Duluth,</span>
<span>GA 30136</span>
</div>

</div>
</div>
<div class="col-md-12">
<div class="footer-bottom">
<div class="row">
<div class="col-lg-6 col-md-12 order-lg-first">
<div class="footer-copyright">
<p>&copy;2020 CopyRight <a href="#">
ThemeLayer</a>. All rights reserved</p>
</div>
</div>
<div class="col-lg-6 col-md-12 order-first">
<div class="footer-nav">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer end -->

<!-- script -->

<script src="../assets/js/jquery-3.5.1.slim.min.js"></script>
<script src="../assets/js/popper.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/owl.carousel.min.js"></script>
<script src="../assets/js/main.js"></script>
</body>

<!-- Mirrored from themelayer.net/html/MEDXSTORE/index.html by HTTrack Website


Copier/3.x [XR&CO'2014], Wed, 02 Aug 2023 06:02:14 GMT -->

</html>

You might also like