<!doctype html>
<html lang="en">
  <head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Healdi - Medical & Health Template" />

    <!-- ========== Page Title ========== -->
    <title>Tycon</title>

    <!-- ========== Favicon Icon ========== -->
    <link
      rel="shortcut icon"
      href="assets/img/favicon.png"
      type="image/x-icon"
    />

    <!-- ========== Start Stylesheet ========== -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="assets/css/themify-icons.css" />
    <link rel="stylesheet" href="assets/css/bootsnav.css" />
    <link rel="stylesheet" href="assets/css/flaticon-set.css" />
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    <!-- ========== End Stylesheet ========== -->
  </head>

  <body>
    <!-- Preloader Start -->
    <div class="preloader">
      <img
        class="preloader__image"
        width="200"
        src="assets/img/logo.png"
        alt=""
      />
    </div>
    <!-- Preloader Ends -->
<?php
include ("includes/header.php");
?>


    <!-- Start Banner 
    ============================================= -->
    <div class="banner-area inc-shape content-less">
      <div
        id="bootcarousel"
        class="carousel text-light text-large slide carousel-fade animate_text"
        data-ride="carousel"
      >
        <!-- Wrapper for slides -->
        <div class="carousel-inner carousel-zoom">
          <div class="carousel-item active">
            <div
              class="slider-thumb bg-cover"
              style="background-image: url(assets/img/banner/1.png)"
            ></div>
            <div class="box-table">
              <div class="box-cell shadow dark">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-9">
                      <div class="content">
                        <h4 data-animation="animated slideInDown">
                          Good doctor, Healthy life
                        </h4>
                        <h2 data-animation="animated slideInRight">
                          Meet the <strong>Best Doctors</strong>
                        </h2>
                        <a
                          data-animation="animated fadeInUp"
                          class="btn btn-md btn-gradient"
                          href="#"
                          ><i class="fas fa-angle-right"></i> Discover More</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div
              class="slider-thumb bg-cover"
              style="background-image: url(assets/img/banner/2.png)"
            ></div>
            <div class="box-table">
              <div class="box-cell shadow dark">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-9">
                      <div class="content">
                        <h4 data-animation="animated slideInDown">
                          Best institution, Good services
                        </h4>
                        <h2 data-animation="animated slideInRight">
                          Meet the <strong>Best Hospital</strong>
                        </h2>
                        <a
                          data-animation="animated fadeInUp"
                          class="btn btn-md btn-gradient"
                          href="#"
                          ><i class="fas fa-angle-right"></i> Discover More</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div
              class="slider-thumb bg-cover"
              style="background-image: url(assets/img/banner/3.png)"
            ></div>
            <div class="box-table">
              <div class="box-cell shadow dark">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-9">
                      <div class="content">
                        <h4 data-animation="animated slideInDown">
                          Best institution, Good services
                        </h4>
                        <h2 data-animation="animated slideInRight">
                          Meet the <strong>Best Hospital</strong>
                        </h2>
                        <a
                          data-animation="animated fadeInUp"
                          class="btn btn-md btn-gradient"
                          href="#"
                          ><i class="fas fa-angle-right"></i> Discover More</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div
              class="slider-thumb bg-cover"
              style="background-image: url(assets/img/banner/4.png)"
            ></div>
            <div class="box-table">
              <div class="box-cell shadow dark">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-9">
                      <div class="content">
                        <h4 data-animation="animated slideInDown">
                          Best institution, Good services
                        </h4>
                        <h2 data-animation="animated slideInRight">
                          Meet the <strong>Best Hospital</strong>
                        </h2>
                        <a
                          data-animation="animated fadeInUp"
                          class="btn btn-md btn-gradient"
                          href="#"
                          ><i class="fas fa-angle-right"></i> Discover More</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div
              class="slider-thumb bg-cover"
              style="background-image: url(assets/img/banner/5.png)"
            ></div>
            <div class="box-table">
              <div class="box-cell shadow dark">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-9">
                      <div class="content">
                        <h4 data-animation="animated slideInDown">
                          Best institution, Good services
                        </h4>
                        <h2 data-animation="animated slideInRight">
                          Meet the <strong>Best Hospital</strong>
                        </h2>
                        <a
                          data-animation="animated fadeInUp"
                          class="btn btn-md btn-gradient"
                          href="#"
                          ><i class="fas fa-angle-right"></i> Discover More</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End Wrapper for slides -->

        <button
          class="carousel-control-prev"
          type="button"
          data-bs-target="#bootcarousel"
          data-bs-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button
          class="carousel-control-next"
          type="button"
          data-bs-target="#bootcarousel"
          data-bs-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
    </div>
    <!-- End Banner -->

    <!-- Start About
    ============================================= -->
    <div class="about-area default-padding bg-gray relative">
      <!-- Shape -->
      <div class="shape-left-top shape">
        <img src="assets/img/shape/1.png" alt="Shape" />
      </div>
      <!-- End Shape -->

      <div class="container">
        <div class="row">
          <div class="col-lg-6 thumb order-2 order-lg-1">
            <div class="thumb-box">
              <img src="assets/img/about/about.png" alt="Thumb" />
            </div>
          </div>

          <div class="col-lg-6 info title order-1 order-lg-2">
            <h5>Has been working since 2000</h5>
            <h2>
              A Great Place to Work. A Great Place to <strong>Receive.</strong>
            </h2>
            <p>
              Pursuit chamber as elderly amongst on. Distant however warrant
              farther to of. My justice wishing prudent waiting in be. Who
              decisively attachment has dispatched. Fruit defer in party me
              built under first. Forbade him but savings old insensible
              unpleasant. <br />
              <br />
              Respect forming clothes do in he. Course so piqued no an by
              appear. Themselves reasonable pianoforte so motionless he as
              difficulty be. Abode way begin ham there Required honoured
              trifling eat pleasure man relation. Assurance yet bed was man.
            </p>
            <ul>
              <li>
                <div class="icon">
                  <i class="flaticon-calendar"></i>
                </div>
                <div class="content">
                  <h5><a href="#">Online Appoinment</a></h5>
                </div>
              </li>
              <li>
                <div class="icon">
                  <i class="flaticon-drugs"></i>
                </div>
                <div class="content">
                  <h5><a href="#">Health Queries</a></h5>
                </div>
              </li>
            </ul>
            <a class="btn btn-md btn-gradient" href="#"
              ><i class="fas fa-angle-right"></i> Make Appoinment</a
            >
          </div>
        </div>
      </div>
    </div>
    <!-- End About -->

    <!-- Start Services 
    ============================================= -->
    <div class="department-area carousel-shadow default-padding-bottom bg-gray">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 offset-lg-2">
            <div class="site-heading text-center">
              <h4>Services</h4>
              <h2>Our Department</h2>
              <p>
                While mirth large of on front. Ye he greater related adapted
                proceed entered an. Through it examine express promise no. Past
                add size game cold girl off how old
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div
              class="department-items pro-item department-carousel owl-carousel owl-theme"
            >
              <!-- Single Item -->
              <div class="item">
                <div class="thumb">
                  <img src="assets/img/departments/1.jpg" alt="Thumb" />
                </div>
                <div class="info">
                  <h4><a href="#">Eye Care</a></h4>
                  <p>
                    Sudden up my excuse to suffer ladies though or. Bachelor
                    possible marianne one directly confined the mention process.
                    unwilling am no described.
                  </p>
                  <div class="head-of">
                    <p><strong>Department head: </strong> Prof. Jonathom Doe</p>
                  </div>
                  <div class="bottom">
                    <a href="#"><i class="fas fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
              <!-- End Single Item -->
              <!-- Single Item -->
              <div class="item">
                <div class="thumb">
                  <img src="assets/img/departments/2.jpg" alt="Thumb" />
                </div>
                <div class="info">
                  <h4><a href="#">Dental Care</a></h4>
                  <p>
                    Sudden up my excuse to suffer ladies though or. Bachelor
                    possible marianne one directly confined the mention process.
                    unwilling am no described.
                  </p>
                  <div class="head-of">
                    <p><strong>Department head: </strong> Prof. Jaknil Akia</p>
                  </div>
                  <div class="bottom">
                    <a href="#"><i class="fas fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
              <!-- End Single Item -->
              <!-- Single Item -->
              <div class="item">
                <div class="thumb">
                  <img src="assets/img/departments/3.jpg" alt="Thumb" />
                </div>
                <div class="info">
                  <h4><a href="#">Primary Care</a></h4>
                  <p>
                    Sudden up my excuse to suffer ladies though or. Bachelor
                    possible marianne one directly confined the mention process.
                    unwilling am no described.
                  </p>
                  <div class="head-of">
                    <p>
                      <strong>Department head: </strong> Prof. Shikla Brotha
                    </p>
                  </div>
                  <div class="bottom">
                    <a href="#"><i class="fas fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
              <!-- End Single Item -->
              <!-- Single Item -->
              <div class="item">
                <div class="thumb">
                  <img src="assets/img/departments/4.jpg" alt="Thumb" />
                </div>
                <div class="info">
                  <h4><a href="#">Orthopaedics</a></h4>
                  <p>
                    Sudden up my excuse to suffer ladies though or. Bachelor
                    possible marianne one directly confined the mention process.
                    unwilling am no described.
                  </p>
                  <div class="head-of">
                    <p><strong>Department head: </strong> Prof. Jaknil Akia</p>
                  </div>
                  <div class="bottom">
                    <a href="#"><i class="fas fa-arrow-right"></i></a>
                  </div>
                </div>
              </div>
              <!-- End Single Item -->
            </div>
          </div>
        </div>
      </div>
      <!-- Shape -->
      <div class="shape-bottom shape">
        <img src="assets/img/shape/8.png" alt="Shape" />
      </div>
      <!-- End Shape -->
    </div>
    <!-- End Services -->

    <!-- Start Consultation 
    ============================================= -->
    <div class="consultation-area default-padding">
      <div class="container">
        <div class="row align-center">
          <div class="col-lg-7 process title">
            <h2>
              How to get a <br />
              consultation from us?
            </h2>
            <p>
              Badies she basket season age her uneasy saw. Discourse unwilling
              am no described. incommode no listening of. Before nature his
              parish boy. Sing tall much you get nor power whole.
            </p>
            <div class="appointment-slider">
              <div class="single-item">
                <div class="item">
                  <i class="flaticon-calendar-1"></i>
                  <h5>Make Appointment</h5>
                </div>
              </div>

              <div class="single-item">
                <div class="item">
                  <i class="flaticon-doctor"></i>
                  <h5>Select A Doctor</h5>
                </div>
              </div>

              <div class="single-item">
                <div class="item">
                  <i class="flaticon-heartbeat-1"></i>
                  <h5>Confirm Consultation</h5>
                </div>
              </div>

              <div class="single-item">
                <div class="item">
                  <i class="flaticon-calendar-1"></i>
                  <h5>Make Appointment</h5>
                </div>
              </div>

              <div class="single-item">
                <div class="item">
                  <i class="flaticon-doctor"></i>
                  <h5>Select A Doctor</h5>
                </div>
              </div>

              <div class="single-item">
                <div class="item">
                  <i class="flaticon-heartbeat-1"></i>
                  <h5>Confirm Consultation</h5>
                </div>
              </div>

              
            </div>
          </div>
          <div class="col-lg-5 form">
            <div class="appoinment-box text-center wow fadeInRight">
              <div class="heading">
                <h4>Send Us an Inquiry</h4>
              </div>
              <form action="#">
                <div class="row">
                  <div class="col-md-12">
                    <div class="form-group">
                      <input
                        class="form-control"
                        id="f_name"
                        name="name"
                        placeholder="Full Name"
                        type="text"
                      />
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-group">
                      <input
                        class="form-control"
                        id="f_phone"
                        name="phone"
                        placeholder="Phone"
                        type="text"
                      />
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-group">
                      <input
                        class="form-control"
                        id="f_email"
                        name="email"
                        placeholder="Email"
                        type="email"
                      />
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-group">
                      <select>
                        <option value="1">Category</option>
                        <option value="2">Medecine</option>
                        <option value="4">Dental Care</option>
                        <option value="5">Traumatology</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-group">
                      <textarea
                        class="form-control"
                        id="f_msg"
                        name="msg"
                        placeholder="Message"
                      ></textarea>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <button type="submit" name="submit" id="f_submit">
                      Send Us
                    </button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Consultation -->

    <!-- Start Choose Us 
    ============================================= -->
    <div class="choose-us-area">
      <div class="row">
        <div
          class="col-lg-6 thumb bg-cover"
          style="background-image: url(assets/img/banner/3\ \(1\).jpg)"
        ></div>
        <div class="col-lg-6 info">
          <div class="info-box title">
            <h5>At Our Clinic</h5>
            <h2>
              Our Doctors <br />
              Specialize in you.
            </h2>
            <p>
              Respect forming clothes do in he. Course so piqued no an by
              appear. Themselves reasonable pianoforte so motionless he as
              difficulty be. Abode way begin ham there
            </p>
            <p>
              Do unpleasing indulgence impossible to conviction. Suppose neither
              evident welcome it at do civilly uncivil. Sing tall much you get
              nor power whole. Suppose neither
            </p>
            <a class="btn btn-md btn-gradient" href="#"
              ><i class="fas fa-angle-right"></i> Doctor Lists</a
            >
          </div>
        </div>
      </div>
    </div>
    <!-- End Choose Us -->
    <div class="parallax parallax-01">
      <div class="container">
        <div class="row">
          <div class="col-sm-3 col-md-3 col-lg-3">
            <div class="shortcode-counter counter-02">
              <div class="counter-wrapper">
                <div class="counter-content">
                  <div class="stat-count-wrapper">
                    <figure class="stat-count-icon">
                      <img src="assets/img/icon/count_icon_01.png" alt="" />
                    </figure>
                    <p class="stat-count" data-count="30" data-plus="true">0</p>
                    <p class="counter-title">Years of Experience</p>
                  </div>
                  <div class="stat-temp"></div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-sm-3 col-md-3 col-lg-3">
            <div class="shortcode-counter counter-02">
              <div class="counter-wrapper">
                <div class="counter-content">
                  <div class="stat-count-wrapper">
                    <figure class="stat-count-icon">
                      <img src="assets/img/icon/count_icon_02.png" alt="" />
                    </figure>
                    <p class="stat-count" data-count="154">0</p>
                    <p class="counter-title">In-House Doctors</p>
                  </div>
                  <div class="stat-temp"></div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-sm-3 col-md-3 col-lg-3">
            <div class="shortcode-counter counter-02">
              <div class="counter-wrapper">
                <div class="counter-content">
                  <div class="stat-count-wrapper">
                    <figure class="stat-count-icon">
                      <img src="assets/img/icon/count_icon_03.png" alt="" />
                    </figure>
                    <p class="stat-count" data-count="45" data-plus="true">0</p>
                    <p class="counter-title">Medical Branches</p>
                  </div>
                  <div class="stat-temp"></div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-sm-3 col-md-3 col-lg-3">
            <div class="shortcode-counter counter-02">
              <div class="counter-wrapper">
                <div class="counter-content">
                  <div class="stat-count-wrapper">
                    <figure class="stat-count-icon">
                      <img src="assets/img/icon/count_icon_04.png" alt="" />
                    </figure>
                    <p class="stat-count" data-count="1510">0</p>
                    <p class="counter-title">Successful Therapy</p>
                  </div>
                  <div class="stat-temp"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Start Doctos Area 
    ============================================= -->
    <div class="doctors-area bg-gray default-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 offset-lg-2">
            <div class="site-heading text-center">
              <h4>Doctors</h4>
              <h2>Meet our Experts</h2>
              <p>
                While mirth large of on front. Ye he greater related adapted
                proceed entered an. Through it examine express promise no. Past
                add size game cold girl off how old
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="doctor-items">
          <div class="row">
            <div class="col-lg-4">
              <ul
                class="nav nav-pills team-members"
                id="pills-tab"
                role="tablist"
              >
                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link active"
                    id="pills-home-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-home"
                    type="button"
                    role="tab"
                    aria-controls="pills-home"
                    aria-selected="true"
                  >
                    <i class="flaticon-cardiologist"></i>
                    <span>Cardiologists</span>
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link"
                    id="pills-profile-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-profile"
                    type="button"
                    role="tab"
                    aria-controls="pills-profile"
                    aria-selected="false"
                  >
                    <i class="flaticon-dermatologist"></i>
                    <span>Dermatologists</span>
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link"
                    id="pills-contact-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-contact"
                    type="button"
                    role="tab"
                    aria-controls="pills-contact"
                    aria-selected="false"
                  >
                    <i class="flaticon-paramedic"></i>
                    <span>Medicine Specialists</span>
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link"
                    id="pills-client-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-client"
                    type="button"
                    role="tab"
                    aria-controls="pills-client"
                    aria-selected="false"
                  >
                    <i class="flaticon-therapist"></i>
                    <span>Family Physicians</span>
                  </button>
                </li>
              </ul>
            </div>

            <div class="col-lg-8">
              <div class="tab-content" id="pills-tabContent">
                <div
                  class="tab-pane fade show active"
                  id="pills-home"
                  role="tabpanel"
                  aria-labelledby="pills-home-tab"
                >
                  <div class="item">
                    <div class="row">
                      <div class="col-lg-6 thumb">
                        <img src="assets/img/doctors/1.jpg" alt="Thumb" />
                      </div>
                      <div class="col-lg-6 info-box">
                        <div class="info">
                          <h4>Dr. Jonathom Doe</h4>
                          <span>MBBS, BMBS, MBChB, MBBCh</span>
                          <p>
                            Delightful unreserved impossible few estimating men
                            favourable see entreaties. She propriety immediate
                            was improving. He or entrance humoured likewise
                          </p>
                          <a class="btn btn-sm btn-gradient cirlce" href="#"
                            ><i class="fas fa-angle-right"></i> Read More</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="item">
                    <div class="row">
                      <div class="col-lg-6 thumb">
                        <img src="assets/img/doctors/2.jpg" alt="Thumb" />
                      </div>
                      <div class="col-lg-6 info-box">
                        <div class="info">
                          <h4>Prof. Hones Park</h4>
                          <span>MBBS, BMBS, MBChB, MBBCh</span>
                          <p>
                            Delightful unreserved impossible few estimating men
                            favourable see entreaties. She propriety immediate
                            was improving. He or entrance humoured likewise
                          </p>
                          <a class="btn btn-sm btn-gradient cirlce" href="#"
                            ><i class="fas fa-angle-right"></i> Read More</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="tab-pane fade"
                  id="pills-profile"
                  role="tabpanel"
                  aria-labelledby="pills-profile-tab"
                >
                  <div class="item">
                    <div class="row">
                      <div class="col-lg-6 thumb">
                        <img src="assets/img/doctors/3.jpg" alt="Thumb" />
                      </div>
                      <div class="col-lg-6 info-box">
                        <div class="info">
                          <h4>Professor. Sakaoat Amir</h4>
                          <span>MBBS, BMBS, MBChB, MBBCh</span>
                          <p>
                            Delightful unreserved impossible few estimating men
                            favourable see entreaties. She propriety immediate
                            was improving. He or entrance humoured likewise
                          </p>
                          <a class="btn btn-sm btn-gradient cirlce" href="#"
                            ><i class="fas fa-angle-right"></i> Read More</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="tab-pane fade"
                  id="pills-contact"
                  role="tabpanel"
                  aria-labelledby="pills-contact-tab"
                >
                  <div class="item">
                    <div class="row">
                      <div class="col-lg-6 thumb">
                        <img src="assets/img/doctors/4.jpg" alt="Thumb" />
                      </div>
                      <div class="col-lg-6 info-box">
                        <div class="info">
                          <h4>Dr. Andro kuria</h4>
                          <span>MBBS, BMBS, MBChB, MBBCh</span>
                          <p>
                            Delightful unreserved impossible few estimating men
                            favourable see entreaties. She propriety immediate
                            was improving. He or entrance humoured likewise
                          </p>
                          <a class="btn btn-sm btn-gradient cirlce" href="#"
                            ><i class="fas fa-angle-right"></i> Read More</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="tab-pane fade"
                  id="pills-client"
                  role="tabpanel"
                  aria-labelledby="pills-client-tab"
                >
                  <div class="item">
                    <div class="row">
                      <div class="col-lg-6 thumb">
                        <img src="assets/img/doctors/5.jpg" alt="Thumb" />
                      </div>
                      <div class="col-lg-6 info-box">
                        <div class="info">
                          <h4>Professor. Matori Pulas</h4>
                          <span>MBBS, BMBS, MBChB, MBBCh</span>
                          <p>
                            Delightful unreserved impossible few estimating men
                            favourable see entreaties. She propriety immediate
                            was improving. He or entrance humoured likewise
                          </p>
                          <a class="btn btn-sm btn-gradient cirlce" href="#"
                            ><i class="fas fa-angle-right"></i> Read More</a
                          >
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Doctos Area -->

    <!-- Start Testomonials 
    ============================================= -->
    <div class="parallax parallax-02">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <p class="testimonials__subtitle">Testimonials</p>
            <h3 class="testimonials__title">
              What Our
              <span>Clients Say</span>
            </h3>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12">
            <!-- IMPORTANT: add owl-carousel -->
            <div class="owl-carousel owl-carousel-01 owl-theme">
              <div class="item">
                <div class="owl-theme-01__item-text">
                  <p>
                    “I found the staff professional and kind, explaining the
                    process to me every step of the way.”
                  </p>
                </div>
                <div class="owl-theme-01__item-user">
                  <figure class="owl-theme-01__item-user-img">
                    <img src="assets/img/team/user_03.jpg" alt="" />
                  </figure>
                  <h3 class="owl-theme-01__item-user-name">John Nickelson</h3>
                  <p class="owl-theme-01__item-user-subtitle">Founder IT Hub</p>
                </div>
              </div>

              <div class="item">
                <div class="owl-theme-01__item-text">
                  <p>
                    “I understand myself more clearly now and have begun to make
                    positive changes in my life.”
                  </p>
                </div>
                <div class="owl-theme-01__item-user">
                  <figure class="owl-theme-01__item-user-img">
                    <img src="assets/img/team/user_03.jpg" alt="" />
                  </figure>
                  <h3 class="owl-theme-01__item-user-name">Samuel Williams</h3>
                  <p class="owl-theme-01__item-user-subtitle">Founder IT Hub</p>
                </div>
              </div>

              <div class="item">
                <div class="owl-theme-01__item-text">
                  <p>“There was such a high level of customer service.”</p>
                </div>
                <div class="owl-theme-01__item-user">
                  <figure class="owl-theme-01__item-user-img">
                    <img src="assets/img/team/user_03.jpg" alt="" />
                  </figure>
                  <h3 class="owl-theme-01__item-user-name">Karren Johnson</h3>
                  <p class="owl-theme-01__item-user-subtitle">Founder IT Hub</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Testomonials Area -->

    <!-- Start Blog 
    ============================================= -->
    <div class="blog-area bottom-less bg-gray default-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 offset-lg-2">
            <div class="site-heading text-center">
              <h4>News</h4>
              <h2>Latest Blog</h2>
              <p>
                While mirth large of on front. Ye he greater related adapted
                proceed entered an. Through it examine express promise no. Past
                add size game cold girl off how old
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="blog-items">
          <div class="row">
            <!-- Single Itme -->
            <div class="single-item col-lg-4 col-md-6">
              <div class="item">
                <div class="thumb">
                  <a href="#"
                    ><img src="assets/img/blog/1.jpg" alt="Thumb"
                  /></a>
                  <div class="post-date">12 Jul</div>
                </div>
                <div class="info">
                  <div class="tags">
                    <ul>
                      <li>
                        <a href="#">Health</a>
                      </li>
                      <li>
                        <a href="#">Patient</a>
                      </li>
                    </ul>
                  </div>
                  <h4>
                    <a href="#"
                      >Enjoyed me settled mr respect no spirits civilly.
                    </a>
                  </h4>
                  <div class="meta">
                    <ul>
                      <li>
                        <a href="#">
                          <img src="assets/img/team/5.jpg" alt="Author" />
                          <span>Author</span>
                        </a>
                      </li>
                      <li>
                        <a href="#"
                          ><i class="fas fa-comments"></i> 12 Comments</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!-- End Single Itme -->
            <!-- Single Itme -->
            <div class="single-item col-lg-4 col-md-6">
              <div class="item">
                <div class="thumb">
                  <a href="#"
                    ><img src="assets/img/blog/2.jpg" alt="Thumb"
                  /></a>
                  <div class="post-date">05 Aug</div>
                </div>
                <div class="info">
                  <div class="tags">
                    <ul>
                      <li>
                        <a href="#">Test</a>
                      </li>
                      <li>
                        <a href="#">Doctor</a>
                      </li>
                    </ul>
                  </div>
                  <h4>
                    <a href="#"
                      >Suitable settling attended no doubtful feelings.</a
                    >
                  </h4>
                  <div class="meta">
                    <ul>
                      <li>
                        <a href="#">
                          <img src="assets/img/team/4.jpg" alt="Author" />
                          <span>Author</span>
                        </a>
                      </li>
                      <li>
                        <a href="#"
                          ><i class="fas fa-comments"></i> 24 Comments</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!-- End Single Itme -->
            <!-- Single Itme -->
            <div class="single-item col-lg-4 col-md-6">
              <div class="item">
                <div class="thumb">
                  <a href="#"
                    ><img src="assets/img/blog/3.jpg" alt="Thumb"
                  /></a>
                  <div class="post-date">27 Dec</div>
                </div>
                <div class="info">
                  <div class="tags">
                    <ul>
                      <li>
                        <a href="#">Patient</a>
                      </li>
                    </ul>
                  </div>
                  <h4>
                    <a href="#"
                      >Unwilling sportsmen he in questions september.
                    </a>
                  </h4>
                  <div class="meta">
                    <ul>
                      <li>
                        <a href="#">
                          <img src="assets/img/team/3.jpg" alt="Author" />
                          <span>Author</span>
                        </a>
                      </li>
                      <li>
                        <a href="#"
                          ><i class="fas fa-comments"></i> 07 Comments</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!-- End Single Itme -->
          </div>
        </div>
      </div>
    </div>
    <!-- End Blog Area -->

    <!-- Start Contact Area  
    ============================================= -->
    <div id="contact" class="contact-us-area default-padding">
      <div class="container">
        <div class="contact-items">
          <div class="row">
            <div
              class="col-lg-7 wow address-box fadeInUp bg-cover"
              style="background-image: url(assets/img/contact/1.jpg)"
            >
              <div class="address-info">
                <ul>
                  <li>
                    <h5><i class="flaticon-call"></i> Phone</h5>
                    <span>+44-20-7328-4499</span>
                  </li>
                  <li>
                    <h5><i class="flaticon-email"></i> Email</h5>
                    <span>info@healdi.com</span>
                  </li>
                </ul>
              </div>
            </div>

            <div class="col-lg-5 wow fadeInLeft contact-form-box">
              <h2>Need help? <strong>Let's ask your questions</strong></h2>
              <form
                action="assets/mail/contact.php"
                method="POST"
                class="contact-form"
              >
                <div class="row">
                  <div class="col-lg-12">
                    <div class="form-group">
                      <input
                        class="form-control"
                        id="name"
                        name="name"
                        placeholder="Name"
                        type="text"
                      />
                      <span class="alert-error"></span>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <input
                        class="form-control"
                        id="email"
                        name="email"
                        placeholder="Email*"
                        type="email"
                      />
                      <span class="alert-error"></span>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="form-group">
                      <input
                        class="form-control"
                        id="phone"
                        name="phone"
                        placeholder="Phone"
                        type="text"
                      />
                      <span class="alert-error"></span>
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="form-group comments">
                      <textarea
                        class="form-control"
                        id="comments"
                        name="comments"
                        placeholder="Tell Us About Project *"
                      ></textarea>
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <button type="submit" name="submit" id="submit">
                      Send Message
                    </button>
                  </div>
                  <!-- Alert Message -->
                  <div class="col-lg-12 alert-notification">
                    <div id="message" class="alert-msg"></div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Contact -->
    <div class="maps-area">
      <div class="google-maps">
        <iframe
          src="https://www.google.com/maps?q=6.9271,79.8612&z=15&output=embed"
          width="100%"
          height="450"
          style="border: 0"
          allowfullscreen=""
          loading="lazy"
        >
        </iframe>
      </div>
    </div>
    <!-- Start Footer 
    ============================================= -->
    <footer class="bg-dark text-light">
      <div class="container">
        <div class="f-items default-padding">
          <div class="row">
            <div class="col-lg-4 col-md-6 item">
              <div class="f-item about">
                <img src="assets/img/logo-light.png" alt="Logo" />
                <p>
                  Required honoured trifling eat pleasure man relation.
                  Assurance yet bed was improving furniture man.
                </p>
                <div class="address">
                  <ul>
                    <li>
                      <div class="icon">
                        <i class="flaticon-email"></i>
                      </div>
                      <div class="info">
                        <h5>Email:</h5>
                        <span>support@validtemplates.com</span>
                      </div>
                    </li>
                    <li>
                      <div class="icon">
                        <i class="flaticon-call"></i>
                      </div>
                      <div class="info">
                        <h5>Phone:</h5>
                        <span>+44-20-7328-4499</span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div class="single-item col-lg-2 col-md-6 item">
              <div class="f-item link">
                <h4 class="widget-title">Department</h4>
                <ul>
                  <li>
                    <a href="#">Medecine & Health</a>
                  </li>
                  <li>
                    <a href="#">Dental Care</a>
                  </li>
                  <li>
                    <a href="#">Eye Treatment</a>
                  </li>
                  <li>
                    <a href="#">Children Chare</a>
                  </li>
                  <li>
                    <a href="#">Traumatology</a>
                  </li>
                  <li>
                    <a href="#">X-ray</a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="single-item col-lg-2 col-md-6 item">
              <div class="f-item link">
                <h4 class="widget-title">Usefull Links</h4>
                <ul>
                  <li>
                    <a href="#">Ambulance</a>
                  </li>
                  <li>
                    <a href="#">Emergency</a>
                  </li>
                  <li>
                    <a href="#">Blog</a>
                  </li>
                  <li>
                    <a href="#">Project</a>
                  </li>
                  <li>
                    <a href="#">About Us</a>
                  </li>
                  <li>
                    <a href="#">Contact</a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="single-item col-lg-4 col-md-6 item">
              <div class="f-item branches">
                <div class="branches">
                  <ul>
                    <li>
                      <strong>USA Branches:</strong>
                      <span
                        >4992 Bryan Avenue, Prior Lake, Minnesota <br />
                        Phone: 651-379-4698</span
                      >
                    </li>
                    <li>
                      <strong>Central Branches:</strong>
                      <span
                        >2001 Kia Magentis, Prior Lake, Minnesota <br />
                        Phone: 651-379-4698</span
                      >
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Start Footer Bottom -->
      <div class="footer-bottom">
        <div class="container">
          <div class="row align-center">
            <div class="col-lg-6">
              <p>
                Copyright &copy; 2025. Designed by
                <a href="#">validtemplatess</a>
              </p>
            </div>
            <div class="col-lg-6 text-end social">
              <ul>
                <li>
                  <a href="#"><i class="fab fa-facebook-f"></i> Facebook</a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-twitter"></i> Twitter</a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-youtube"></i> Youtube</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!-- End Footer Bottom -->
      <a href="#" class="back2top" title="Back to Top">Back to Top</a>
    </footer>
    <!-- End Footer -->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/circle-progress.js"></script>
    <script src="assets/js/count-to.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.backgroundMove.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <script src="assets/js/loopcounter.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/progress-bar.min.js"></script>
    <script src="assets/js/progresscircle.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/fancybox.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>
