nL +D 550 H ? M x ,D"v ] q v ;6 * Z qn )ZP 0 !1 A "#a$2Qr
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>DiabEase Sugar and Thyroid Clinic</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Favicon -->
<link
rel="icon"
type="image/png"
sizes="56x56"
href="assets/images/diabease/DiabEaseLogo.png"
/>
<!-- bootstrap CSS -->
<link
rel="stylesheet"
href="assets/css/bootstrap.min.css"
type="text/css"
media="all"
/>
<!-- animate CSS -->
<link
rel="stylesheet"
href="assets/css/animate.css"
type="text/css"
media="all"
/>
<!-- font-awesome CSS -->
<link
rel="stylesheet"
href="assets/css/all.min.css"
type="text/css"
media="all"
/>
<!-- font-flaticon CSS -->
<link
rel="stylesheet"
href="assets/css/flaticon.css"
type="text/css"
media="all"
/>
<!-- theme-default CSS -->
<link
rel="stylesheet"
href="assets/css/theme-default.css"
type="text/css"
media="all"
/>
<!-- meanmenu CSS -->
<link
rel="stylesheet"
href="assets/css/meanmenu.min.css"
type="text/css"
media="all"
/>
<!-- venobox CSS -->
<link
rel="stylesheet"
href="venobox/venobox.css"
type="text/css"
media="all"
/>
<!-- bootstrap icons -->
<link
rel="stylesheet"
href="assets/css/bootstrap-icons.css"
type="text/css"
media="all"
/>
<!-- magnific popup css -->
<link
rel="stylesheet"
href="assets/css/magnific-popup.css"
type="text/css"
media="all"
/>
<!-- carousel css -->
<link
rel="stylesheet"
href="assets/css/owl.carousel.min.css"
type="text/css"
media="all"
/>
<!-- Main Style CSS -->
<link
rel="stylesheet"
href="assets/css/style.css"
type="text/css"
media="all"
/>
<link rel="stylesheet" href="assets/css/odometer-theme-default.css" />
<!-- responsive CSS -->
<link rel="stylesheet" href="assets/css/aos.css" />
<link
rel="stylesheet"
href="assets/css/responsive.css"
type="text/css"
media="all"
/>
<link rel="stylesheet" href="assets/css/swiper-bundle.css" />
<!-- modernizr js -->
<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
<style>
.breadcumb-area {
background: url(assets/images/diabease/banner/banner.png);
padding: 150px 0 165px;
background-repeat: no-repeat;
background-size: cover;
}
.video__area .play-now {
display: inline-block;
font-weight: 600;
font-size: 15px;
color: #fff;
text-transform: uppercase;
background-color: rgb(8 100 174);
text-transform: capitalize;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 100px;
height: 100px;
line-height: 100px;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: 50%;
left: 50%;
text-align: center;
}
.video-bg {
background-image: url(assets/images/diabease/about/ab1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.cursor.video {
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 100%;
background-color: rgb(99 150 185 / 90%);
}
.cursor {
position: fixed;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
border-radius: 50%;
border: 1px solid #496c95;
transition: 0.3s;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 1000;
}
</style>
</head>
<body>
<!-- Curser Pointer -->
<div class="cursor"></div>
<div class="cursor2"></div>
<?php include 'header.php' ?>
<!--==================================================-->
<!--start mediful breadcumb Area-->
<!--==================================================-->
<div class="breadcumb-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcumb-content">
<h4>About Us</h4>
<ul class="breadcumb-list">
<li><a href="index.html">Home</a></li>
<li class="list-arrow">/</li>
<li>About Us</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<style>
/* Default Styles for Larger Screens */
.vid {
width: 100%; /* Make video responsive to full width */
max-width: 550px; /* Limit the maximum width on larger screens */
height: auto; /* Maintain aspect ratio */
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Optional shadow for a nice effect */
}
/* Mobile Devices */
@media (max-width: 576px) {
.vid {
width: 100%; /* Full width on small screens */
max-width: 100%; /* No maximum width restriction */
}
}
/* Tablet Devices */
@media (min-width: 577px) and (max-width: 768px) {
.vid {
width: 100%; /* Full width on tablets */
max-width: 500px; /* Limit size for tablet screens */
}
}
/* Laptop Devices */
@media (min-width: 769px) and (max-width: 1024px) {
.vid {
width: 100%; /* Full width on laptops */
max-width: 650px; /* Slightly larger max width for laptops */
}
}
/* Desktop Devices */
@media (min-width: 1025px) {
.vid {
width: 100%; /* Full width on desktop screens */
max-width: 800px; /* Larger width for larger screens */
}
}
</style>
<!--==================================================-->
<!--end mediful breadcumb Area-->
<!--==================================================-->
<!--==================================================-->
<!-- start mediful about area style one -->
<!--==================================================-->
<div class="about-area style-one">
<div class="container bigcont">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-thumb">
<video class="vid" src="assets/images/diabease/banner/2.mp4" autoplay muted loop playsinline></video>
<div class="about-phone">
<a
><i class="fa-solid fa-phone-volume"></i
></a>
</div>
<div class="about-counter-box">
<div class="counter-content">
<div
class="odometer-wrapper counter-box-title"
data-count="25"
>
<h1 class="odometer"></h1>
<h1 class="odometer-plus">+</h1>
</div>
<div class="counter-desc">
<p>Experience</p>
</div>
</div>
</div>
<div class="about-thu-shape"></div>
</div>
</div>
<div class="col-lg-6">
<div class="about-content">
<div class="section-title left-text">
<div class="section-sub-title">
<h5>ABOUT US</h5>
</div>
<div class="section-main-title">
<h1>Welcome to Diabease - Sugar & Thyroid Clinic</h1>
</div>
<div class="section-desc">
<p>
At Diabease - Sugar & Thyroid Clinic, we provide expert care for diabetes and thyroid disorders. Our team offers personalized treatment, advanced diagnostics, and lifestyle guidance to help you manage your health effectively. With a patient-focused approach, we are committed to delivering quality care for your well-being.
</p>
</div>
</div>
<div class="about-button">
<div class="about-btn">
<a href="appointment.html">GET APPOINTMENT</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================================================-->
<!-- End mediful about area style one -->
<!--==================================================-->
<!--==================================================-->
<!--start mediful counter area-->
<!--==================================================-->
<div class="coutner-area style-one">
<div class="container">
<div class="row counter align-items-center">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="counter-single-box">
<div class="counter-content">
<div class="odometer-wrapper counter-box-title" data-count="25">
<h1 class="odometer"></h1>
<h1 class="odometer-plus">+</h1>
</div>
<div class="counter-desc">
<p>Honorable Award</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="counter-single-box">
<div class="counter-content">
<div class="odometer-wrapper counter-box-title" data-count="33">
<h1 class="odometer"></h1>
<h1 class="odometer-plus">+</h1>
</div>
<div class="counter-desc">
<p>Consultants</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="counter-single-box">
<div class="counter-content">
<div class="odometer-wrapper counter-box-title" data-count="96">
<h1 class="odometer"></h1>
<h1 class="odometer-plus">%</h1>
</div>
<div class="counter-desc">
<p>Happy Clients</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="counter-single-box">
<div class="counter-content">
<div class="odometer-wrapper counter-box-title" data-count="25">
<h1 class="odometer"></h1>
<h1 class="odometer-plus">k</h1>
</div>
<div class="counter-desc">
<p>Successful Projects</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================================================-->
<!--End mediful counter area-->
<!--==================================================-->
<!--==================================================-->
<!-- Start mediful Video section -->
<!--==================================================-->
<div class="video-section">
<div class="container">
<div class="row video-bg">
<div class="col-lg-12">
<!-- Video Area Start -->
<div class="cursor video" id="video_cursor">play</div>
<div class="video__area">
<div class="video__content">
<a
class="video-vemo-icon venobox vbox-item"
data-vbtype="youtube"
data-autoplay="true"
href="https://www.youtube.com/watch?v=SdxnHXDBOV4"
><span class="play-now">play</span></a
>
</div>
</div>
<!-- Video Area End -->
</div>
</div>
</div>
</div>
<!--==================================================-->
<!-- End mediful Video section -->
<!--==================================================-->
<!--==================================================-->
<!--star mediful testimonial area style-one-->
<!--==================================================-->
<div class="testimonial-area style-one">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<div class="section-sub-title">
<h5>OUR TESTIMONIALS</h5>
</div>
<div class="section-main-title">
<h1>What people are saying!</h1>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="testi_list owl-carousel">
<div class="col-lg-12 col-md-12">
<div class="single-testi-box">
<div class="testi-thumb">
<img src="assets/images/diabease/about/riya%20p.png" height="250" alt="img" />
</div>
<div class="testi-autor">
<div class="autor-content">
<h4 class="autor-name">Riya P</h4>
<p class="testi-desc">
My sugar levels are finally stable, thanks to expert care and guidance!
</p>
</div>
<div class="testi-autor-ratting">
<ul>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="single-testi-box">
<div class="testi-thumb">
<img src="assets/images/diabease/about/rahulk.png" height="250" alt="img" />
</div>
<div class="testi-autor">
<div class="autor-content">
<h4 class="autor-name">Rahul K</h4>
<p class="testi-desc">
Fatigue and weight gain were a mystery—this clinic gave me answers and the right treatment!
</p>
</div>
<div class="testi-autor-ratting">
<ul>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="single-testi-box">
<div class="testi-thumb">
<img src="assets/images/diabease/about/siya.png" height="250" alt="img" />
</div>
<div class="testi-autor">
<div class="autor-content">
<h4 class="autor-name">Shweta M</h4>
<p class="testi-desc">
Not just medicine—diet, exercise, and lifestyle changes helped me feel better!
</p>
</div>
<div class="testi-autor-ratting">
<ul>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="single-testi-box">
<div class="testi-thumb">
<img src="assets/images/diabease/about/jayesh.png" height="250" alt="img" />
</div>
<div class="testi-autor">
<div class="autor-content">
<h4 class="autor-name">Jayesh S</h4>
<p class="testi-desc">
The doctors explained everything clearly and gave me confidence in my treatment.
</p>
</div>
<div class="testi-autor-ratting">
<ul>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="single-testi-box">
<div class="testi-thumb">
<img src="assets/images/diabease/about/naina.jfif" height="250" alt="img" />
</div>
<div class="testi-autor">
<div class="autor-content">
<h4 class="autor-name">Naina J</h4>
<p class="testi-desc">
I finally have energy again! Their treatment truly works.
</p>
</div>
<div class="testi-autor-ratting">
<ul>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="single-testi-box">
<div class="testi-thumb">
<img src="assets/images/diabease/about/vikram.jpg" height="250" alt="img" />
</div>
<div class="testi-autor">
<div class="autor-content">
<h4 class="autor-name">Vikram R</h4>
<p class="testi-desc">
Professional, caring, and effective—this clinic changed my life!
</p>
</div>
<div class="testi-autor-ratting">
<ul>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
<li><i class="bi bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="test-shape">
<img src="assets/images/home-1/testi-shape.png" alt="shape" />
</div>
</div>
<!--==================================================-->
<!--End mediful testimonial area style-one-->
<!--==================================================-->
<?php include 'footer.php' ?>
<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
<script src="assets/js/vendor/jquery-3.6.2.min.js"></script>
<script src="assets/js/odometer.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="venobox/venobox.js"></script>
<script src="venobox/venobox.min.js"></script>
<script src="assets/js/jquery.meanmenu.js"></script>
<script src="assets/js/jquery.scrollUp.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/magnific-popup-js.html"></script>
<script src="assets/js/jquery.barfiller.js"></script>
<script src="assets/js/swiper-bundle.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/theme.js"></script>
<script src="assets/js/my.js"></script>
</body>
<!-- Mirrored from html.ditsolution.net/mediful/about.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 21 Feb 2025 05:15:54 GMT -->
</html>