<%- include('../partials/homeHead') %> <% if (error && error.length) { %>
<div
  class="
    myAlert-bottom
    alert alert-danger
    d-flex
    flex-row
    justify-content-between
    align-items-center
  "
>
  <div class="d-flex flex-row justify-content-between align-items-center">
    <svg
      class="bi flex-shrink-0 me-2 mr-3"
      width="24"
      height="24"
      role="img"
      aria-label="Danger:"
    >
      <use xlink:href="#exclamation-triangle-fill" />
    </svg>
    <%= error %>
  </div>
  <a href="#" class="close mb-1" data-dismiss="alert" aria-label="close"
    >&times;</a
  >
</div>
<% } else if (success && success.length) { %>
<div
  class="
    myAlert-bottom
    alert alert-success
    d-flex
    flex-row
    justify-content-between
    align-items-center
  "
>
  <div class="d-flex flex-row justify-content-between align-items-center">
    <svg
      class="bi flex-shrink-0 me-2 mr-3"
      width="24"
      height="24"
      role="img"
      aria-label="Success:"
    >
      <use xlink:href="#check-circle-fill" />
    </svg>
    <%= success %>
  </div>
  <a href="#" class="close mb-1" data-dismiss="alert" aria-label="close"
    >&times;</a
  >
</div>
<% } %>

<!-- contents of body -->
<header id="menu-jk">
  <div id="nav-head" class="header-nav">
    <div class="container">
      <div class="row">
        <div class="col-lg-2 col-md-3 no-padding col-sm-12 nav-img">
          <img src="/images/toplogo.png" alt="logo" class="logo" />
          <a data-toggle="collapse" data-target="#menu" href="#menu"
            ><i class="fas d-block d-md-none small-menu fa-bars"></i
          ></a>
        </div>
        <div id="menu" class="col-lg-8 col-md-9 d-none d-md-block nav-item">
          <ul>
            <li><a href="/doctor/login">Staff Login</a></li>
            <li><a href="#services">Departments</a></li>
            <li><a href="#about_us">About Us</a></li>
            <li><a href="#gallery">Doctors</a></li>
            <li><a href="#contact_us">Contact Us</a></li>
          </ul>
        </div>
        <div class="col-sm-2 d-none d-lg-block appoint">
          <button class="btn btn-success">
            <a id="btxt" href="patient/dashboard">Book an Appointment </a>
          </button>
        </div>
      </div>
    </div>
  </div>
</header>

<!-- ################# Slider Starts Here#######################--->

<div class="slider-detail">
  <div
    id="carouselExampleIndicators"
    class="carousel slide"
    data-ride="carousel"
  >
    <ol class="carousel-indicators">
      <li
        data-target="#carouselExampleIndicators"
        data-slide-to="0"
        class="active"
      ></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
      <!-- <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> -->
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item">
        <img
          class="d-block w-100 h-400"
          src="./images/slider/slider_1.jpg"
          alt="First slide"
        />
        <div class="carousel-cover"></div>
        <div class="carousel-caption vdg-cur d-none d-md-block">
          <h5 class="animated bounceInDown">QURO-CARE</h5>
          <p class="animated bounceInLeft">
            This hospital is aimed at providing quality health-care facilities
            to the patients at a affordable price and to spread awareness about
            the various health problems among the people which they neglect.
          </p>

          <div class="row vbh">
            <div class="btn btn-default animated bounceInUp">
              <a href="/patient/appointment">Book an Appointment </a>
            </div>
          </div>
        </div>
      </div>

      <div class="carousel-item active">
        <img
          class="d-block w-100 h-400"
          src="./images/slider/slider_2.jpg"
          alt="Second slide"
        />
        <div class="carousel-cover"></div>
        <div class="carousel-caption vdg-cur d-none d-md-block">
          <h5 class="animated bounceInDown">QURO-CARE</h5>
          <p class="animated bounceInLeft">
            QURO-CARE is a higt-tech hospital with highly trained and learned
            doctors which when combined with state of the art technologies gives
            the best solutions to the patients.
          </p>

          <div class="row vbh">
            <div class="btn btn-default animated bounceInUp">
              <a href="/patient/appointment">Book an Appointment </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <a
      class="carousel-control-prev ml-5"
      href="#carouselExampleIndicators"
      role="button"
      data-slide="prev"
    >
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a
      class="carousel-control-next ml-5"
      href="#carouselExampleIndicators"
      role="button"
      data-slide="next"
    >
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

<!-- ################# Our Departments Starts Here#######################--->

<section id="services" class="key-features department">
  <div class="container">
    <div class="inner-title">
      <h2>Speciality</h2>
      <p>Take a look at some of our Specialities</p>
    </div>

    <div class="row">
      <div class="col-lg-4 col-md-6">
        <div class="single-key">
          <i class="fas fa-heartbeat"></i>
          <h5>Cardiology</h5>
          <p>
            Cardiology department's objetive is to treat patients with heart
            related diseases or disorders.
          </p>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="single-key">
          <i class="fas fa-ribbon"></i>
          <h5>Orthopaedic</h5>
          <p>
            Our Orthopaedic department is known for its revolutionalizing steps
            in the field of bone and exoskeleton related matters.
          </p>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="single-key">
          <i class="fab fa-monero"></i>
          <h5>Neurologist</h5>
          <p>
            The neurology department is aimed at helping patients with problems
            related to the central nervous system.
          </p>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="single-key">
          <i class="fas fa-capsules"></i>
          <h5>Pharmacology</h5>
          <p>
            Our pharmacology department helps patients with their choice of
            drugs and also about the justification of prescription given to
            them.
          </p>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="single-key">
          <i class="fas fa-prescription-bottle-alt"></i>
          <h5>Otorhinolaryngology</h5>
          <p>
            Popularly known as the ENT department, we here help patients with
            the problems related to ear nose and throat.
          </p>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="single-key">
          <i class="far fa-thumbs-up"></i>
          <h5>Psychiatry</h5>
          <p>
            In the Psychiatric department we try to help the patients with
            issues related to the functioning of brain and emotions.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

<!--  ************************* About Us Starts Here ************************** -->

<section id="about_us" class="about-us">
  <div class="row no-margin">
    <div class="col-sm-6 image-bg no-padding"></div>
    <div class="col-sm-6 abut-yoiu">
      <h3>About Our Hospital</h3>
      <p></p>
      <p>
        The hospital was established in 2021 with the sole objective of helping
        people find quality treatement in an affordable cost. We here believe
        that the patients well being should be the priority.
        <br />
        We have different departments in our college like cardiology,
        Psychiatry, Orthopaedy,etc where our highly qualified dotors try to
        treat their patients with utmost precision and sympathy.
        <br />
        Our hospital is well known for its Cardiology department where we have
        treated more than 500 patients till date and the count is still on. The
        treatement here ranges from basic medications to advanced surgeries
        which are done by our advanced robotic machinery with the assistance of
        our doctors.
      </p>
    </div>
  </div>
</section>

<!--  ************************* Doc part Starts Here ************************** -->
<div id="gallery" class="gallery">
  <div class="container">
    <div class="inner-title">
      <h2>Our Doctors</h2>
      <p>View Our Doctors</p>
    </div>
    <div class="row">
      <div class="gallery-filter d-none d-sm-block">
        <button class="btn btn-default filter-button" data-filter="all">
          All
        </button>
        <button class="btn btn-default filter-button" data-filter="hdpe">
          Orthopaedy
        </button>
        <button class="btn btn-default filter-button" data-filter="sprinkle">
          Cardiology
        </button>
        <button class="btn btn-default filter-button" data-filter="spray">
          Neurology
        </button>
        <button class="btn btn-default filter-button" data-filter="seed">
          Psychiatry
        </button>
        <button class="btn btn-default filter-button" data-filter="irrigation">
          Pharmacology
        </button>
      </div>
      <br />

      <div
        class="
          gallery_product
          col-lg-4 col-md-4 col-sm-4 col-xs-6
          filter
          irrigation
        "
      >
        <img src="/images/gallery/tablet1.jpg" class="img-responsive" />
        <!-- dental image -->
      </div>

      <div
        class="
          gallery_product
          col-lg-4 col-md-4 col-sm-4 col-xs-6
          filter
          sprinkle
        "
      >
        <img src="/images/gallery/gallery_03.jpg" class="img-responsive" />
      </div>

      <div
        class="gallery_product col-lg-4 col-md-4 col-sm-4 col-xs-6 filter hdpe"
      >
        <img src="/images/gallery/gallery_02.jpg" class="img-responsive" />
      </div>

      <div
        class="gallery_product col-lg-4 col-md-4 col-sm-4 col-xs-6 filter hdpe"
      >
        <img src="/images/gallery/gallery_04.jpg" class="img-responsive" />
      </div>

      <div
        class="gallery_product col-lg-4 col-md-4 col-sm-4 col-xs-6 filter spray"
      >
        <img src="/images/gallery/gallery_05.jpg" class="img-responsive" />
      </div>

      <div
        class="
          gallery_product
          col-lg-4 col-md-4 col-sm-4 col-xs-6
          filter
          irrigation
        "
      >
        <img src="/images/gallery/tablet2.jpg" class="img-responsive" />
        <!-- dental image -->
      </div>

      <div
        class="gallery_product col-lg-4 col-md-4 col-sm-4 col-xs-6 filter seed"
      >
        <img src="/images/gallery/pshytric.jpg" class="img-responsive" />
      </div>

      <div
        class="
          gallery_product
          col-lg-4 col-md-4 col-sm-4 col-xs-6
          filter
          sprinkle
        "
      >
        <img src="/images/gallery/cardio.jpg" class="img-responsive" />
      </div>

      <div
        class="gallery_product col-lg-4 col-md-4 col-sm-4 col-xs-6 filter spray"
      >
        <img src="/images/gallery/MRI-Scanner.jpg" class="img-responsive" />
      </div>
    </div>
  </div>
</div>
<!-- ######## Doc End ####### -->

<!--  ************************* Contact Us Starts Here ************************** -->

<section id="contact_us" class="contact-us-single">
  <div class="row no-margin">
    <div class="col-sm-6 no-padding">
      <iframe
        style="width: 100%"
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29343.090330517316!2d79.98205614666088!3d23.174349848408834!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3981a94397365dd3%3A0x5f9aeb812c2678c9!2sIIITDM%20Jabalpur!5e0!3m2!1sen!2sin!4v1630409604235!5m2!1sen!2sin"
        height="480"
        frameborder="0"
        style="border: 0"
        allowfullscreen
      ></iframe>
    </div>
    <div class="col-sm-6 cop-ck">
      <h2>Contact Form</h2>
      <div class="row cf-ro">
        <div class="col-sm-3"><label>Enter Name :</label></div>
        <div class="col-sm-8">
          <input
            type="text"
            placeholder="Enter Name"
            name="name"
            class="form-control input-sm"
          />
        </div>
      </div>
      <div class="row cf-ro">
        <div class="col-sm-3"><label>Email Address :</label></div>
        <div class="col-sm-8">
          <input
            type="text"
            name="name"
            placeholder="Enter Email Address"
            class="form-control input-sm"
          />
        </div>
      </div>
      <div class="row cf-ro">
        <div class="col-sm-3"><label>Mobile Number:</label></div>
        <div class="col-sm-8">
          <input
            type="text"
            name="name"
            placeholder="Enter Mobile Number"
            class="form-control input-sm"
          />
        </div>
      </div>
      <div class="row cf-ro">
        <div class="col-sm-3"><label>Enter Message:</label></div>
        <div class="col-sm-8">
          <textarea
            rows="5"
            placeholder="Enter Your Message"
            class="form-control input-sm"
          ></textarea>
        </div>
      </div>
      <div class="row cf-ro">
        <div class="col-sm-3"><label></label></div>
        <div class="col-sm-8">
          <button class="btn btn-success btn-sm">Send Message</button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ################# Footer Starts Here#######################--->

<div class="footer">
  <div class="">
    <div class="d-md-flex flex-row justify-content-between">
      <div class="text-center abtus my-4">
        <h2>About Us</h2>
        <span>
          QURO CARE Hospital is a leading provider of quality Health CARE and
          specialized at treatments of some rare diseases.
        </span>
      </div>

      <div class="text-center my-4">
        <h2>Useful Links</h2>
        <ul class="list-unstyled link-list">
          <li>
            <a ui-sref="about" href="#about">About us</a
            ><i class="fa fa-angle-right"></i>
          </li>
          <li>
            <a ui-sref="contact" href="#contact">Contact us</a
            ><i class="fa fa-angle-right"></i>
          </li>
          <li>
            <a ui-sref="services" href="#services">Services</a
            ><i class="fa fa-angle-right"></i>
          </li>
          <li>
            <a ui-sref="admin login" href="/admin/login">Admin login</a>
          </li>
        </ul>
      </div>

      <div class="text-center my-4">
        <h2>Contact Us</h2>
        <address class="md-margin-bottom-40">
          IIITDM-Jabalpur <br />
          Jabalpur <br />
          Madhya Pradesh, IND <br />
          Phone: +91 0000 000000 <br />
          Email:
          <a href="mailto:info@QURO CARE.com" class="">info@QURO CARE.in</a
          ><br />
          Web: <a href="#" class="">www.QURO-CARE.in</a>
        </address>
      </div>
    </div>
  </div>
</div>
<div class="copy">
  <div class="">
    All Rights Reserved &copy; 2021 | QURO CARE
    <span>
      <a><i class="fab fa-github"></i></a>
      <a><i class="fab fa-twitter"></i></a>
      <a><i class="fab fa-facebook-f"></i></a>
    </span>
  </div>
</div>

<%- include('../partials/foot') %>
