One Hat Cyber Team

View File Name : about.php

<!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>