<!DOCTYPE html>
<html lang="pt-br">
<html lang="en">
<head>

    <style>
        img[alt="www.000webhost.com"]{
            display:none;
        }
        img[alt="https://www.bbc.com/news/live/world-europe-60517447"]{
            display:none;
        }
    </style>
    <script src="../ui/assets/jquery/jquery.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"></script>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Yeluri Hospitals</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

  
    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
        }
    </style>
<style>

body {
  background-color: lightblue;
}
#container {
  display: grid;
  grid-template-columns: 50% 50%;
}

body{
  background-color: #f8f8f8;
}


#left {
  background-color: aquamarine;
}

#right {
  background-color: beige;
}

html{
  height:100%
}
body{
  height:100%;
}
.img1 {
    max-width: 100%;
    height: auto;
}

.intro{
  height:100%
}


.left96{

 background-color:#FFF;
  width: 100%;
  height : 100%;
  color : #000;

}
.right96{
  justify-content : center;
  align-items : center;
  background-color:#FFF;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left96{
    height:50%
  }
  .right96{
    height:50%
  }
}


.left{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#f8f8f8;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#f8f8f8;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left{
    height:50%
  }
  .right{
    height:50%
  }
}


.left0{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#1F1F1F;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right0{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#1F1F1F;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left0{
    height:50%
  }
  .right0{
    height:50%
  }
}


.left1{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#E3EFFB;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right1{
  
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#E3EFFB;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) {
  .left1{
    height:50%
  }
  .right1{
    height:50%
  }
}


.left2{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#CFD6E8;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right2{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#CFD6E8;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left2{
    margin-top: -21%;
    height:50%
  }
  .right2{
    height:50%
    
  }
}


.left3{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#A7B3B3;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right3{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#A7B3B3;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left3{
    height:50%
  }
  .right3{
    height:50%
  }
}


.left4{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right4{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left4{
    margin-top:-18%;
    height:50%
  }
  .right4{
    height:50%
  }
}

.left5{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#f0ebe4;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right5{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#f0ebe4;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left5{
    height:50%
  }
  .right5{
    height:50%
  }
}


.left9912{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#ede9ea;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right9912{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#ede9ea;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left9912{
      margin-top:-18%;
    height:50%
  }
  .right9912{
      margin-top:-18%;
    height:50%
  }
}


.left41{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right41{
  display :flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left41{
      margin-top:-20%;
    height:50%
  }
  .right41{
      margin-top:-20%;
    height:50%
  }
}



.left51{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#fefefe;
  width: 100%;
  height : 100%;
  color : #FFF;

}
.right51{
  display :flex;
  justify-content : right;
  align-items : right;
  background-color:#fefefe;
  width: 100%;
  height : 100%;
  color : #3d231b;
}
@media (max-width: 1200px) { 
  .left51{
      margin-top:-25%;
    height:50%
  }
  .right51{
      margin-top:-25%;
    height:50%
  }
}


#mySidenav a {
  position: fixed;
  margin-top: 30%;
  right: -10px;
  transition: 0.3s;
  padding: 15px;
  width: 100px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 5px 0 0 5px;
}

#mySidenav a:hover {
  right: 0;
}

#about {
  top: 20px;
  background-color: #04AA6D;
}

#blog {
  top: 80px;
  background-color: #2196F3;
}

#projects {
  top: 140px;
  background-color: #f44336;
}

#contact {
  top: 200px;
  background-color: #555
}


</style>

<style>
.grid {
  width: 100%;
  margin: 1rem auto;
  padding: 1rem;
  background-color: #FFF;
  display : grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 5px;
}
.grid div {
height: 170px;
background-color: #FFF;
color: #FFF;
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: center;
}

@media only screen and (max-width: 500px){
  .grid {
  width: 100%;
  margin: 0.5rem auto;
  margin-left: -1%;
  padding: 1rem;
  grid-template-columns: repeat(2, 1fr) ;
}
.grid div {
height: 200px;
}
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border: 0.1px solid #007eb8;
  border-radius: 5px;
  width: 100%;
  align-items: center;
  justify-content: center;

}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.card1 {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border: 0.1px solid #007eb8;
  border-radius: 5px;
  width: 100%;
  align-items: center;
  justify-content: center;

}

.card1:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}



* {
  margin: 0;
  padding: 0;
}

.loader {
  display: none;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.loading {
  border: 2px solid #ccc;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-top-color: #1ecd97;
  border-left-color: #1ecd97;
  animation: spin 1s infinite ease-in;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
  </style>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
<title>Yeluri Hospital</title>

<!-- FAVICON FILES -->
<link href="ico/apple-touch-icon-144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">
<link href="ico/apple-touch-icon-114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="ico/apple-touch-icon-72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="ico/apple-touch-icon-57-precomposed.png" rel="apple-touch-icon-precomposed">
<link href="ico/favicon.png" rel="shortcut icon">

<!-- CSS FILES -->
<link href="css/animate.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet" type="text/css"  />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<script type="text/javascript" src="js/modernizr.custom.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="css/styleNoJS.css" />
</noscript>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head><body>
  

  <div id="myDiv"></div>

  <div id="myButton"></div>


  <header>
  
  <!-- end top-bar -->
  <nav class="navbar navbar-default" role="navigation" style="background-color:#000;">
    <div class="container" >
      <div class="navbar-header">
        <button type="button" class="navbar-toggle toggle-menu menu-left push-body" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Image"></a> </div>
      <!-- end navbar-header -->
      <div class="collapse navbar-collapse cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="bs-example-navbar-collapse-1">
        <!-- end form -->
        <ul class="social-media hidden-sm">
          
          <li><a href="https://facebook.com/YeluriHospitals" target="_blank"><i class="fab fa-facebook-f" style="font-size:16px"></i></a></li>
          <li><a href="https://twitter.com/YeluriHospitals" target="_blank"><i class="fab fa-twitter" style="font-size:16px"></i></a></li>
          <li><a href="https://www.instagram.com/yeluri_hospitals/" target="_blank"><i class="fab fa-instagram" style="font-size:16px"></i></a></li>
          <li><a href="https://www.linkedin.com/company/yeluri-hospitals/" target="_blank"><i class="fab fa-linkedin-in" style="font-size:16px"></i></a></li>
          
      
        </ul>
        <!-- end social-media -->
        
        <ul class="nav navbar-nav">
          <li><a href="index.html">Home</a></li>
          <li><a href="OurStory.html">Our Story</a></li>
          <li class="has-dropdown"><a href="#">Departments</a>
            <ul class="dropdown">
                                    <li><a href="Orthopedics.html">Orthopedics</a></li>
                                    <li><a href="Critical care.html">Critical care Medicine</a></li>
                                    <li><a href="General Medicine.html">General Medicine</a></li>
                                    <li><a href="Genaral lap.html">General & laparoscopy Surgery</a></li>
                                    <li><a href="EMERGENCYMEDICINE.html">Emergency Medicine</a></li>
                                    <li><a href="Neuro.html">Neurology</a></li> 
                                    <li><a href="NeuroSurgery.html">Neuro Surgery</a></li> 
                                    <li><a href="Maxillo.html">Oral-Maxillo-Facial Surgery</a></li>
                                    <li><a href="PHYSIOTHERAPY.html">Physiotherapy</a></li>
                                  
            </ul></li>
          <li><a href="Doctors.html">Doctors</a></li>
          <li><a href="Testimonial.html">Testimonial</a></li>
          <li><a href="Gallery.html">Health Packages</a></li>
          <li><a href="Careers.html">Careers</a></li>
          <li><a href="ContactUs.html">Contact US</a></li>
        </ul>
        <!-- end nav --> 
      </div>
      <!-- end navbar-collapse --> 
    </div>
    <!-- end container --> 
  </nav>

  <div class="w3-content w3-section" style="max-width:900%">
    <img class="mySlides" src="images/banner.jpg" style="width:100%">
    <img class="mySlides" src="images/banner2.jpg" style="width:100%">
    <img class="mySlides" src="images/banner3.jpg" style="width:100%">
    <img class="mySlides" src="images/vision.jpg" style="width:100%">
    
  </div>
  
 <section class="about" id="about" style="background-color: #FFF;">
    <div style="background-color:#FFF;align-items: center;  text-align: justify; text-justify: inter-word;">
      <br>
      <p style="text-align: center; color: #007eb8; font-size: 30px; margin-top:-50px">Welcome to </p>
      <br>
      <p style="text-decoration: underline  dotted #007eb8; margin: 0px 10px 0px; text-align: center; color: #007eb8; font-size: 36px;"><b>YELURI HOSPITALS</b></p> 
      <br>
      </div>
    <div class="container" style="background-color: #FFF;">
        <div class="row min-vh-100 align-items-center">
            <div class="col-md-6 content" data-aos="fade-right">
    
                <div class="box">
                    <h2 style="color: #000;"> <i class="fas fa-ambulance" style="color: #007eb8; font-size: 37px;"></i> Ambulance Services </h2>
                    <p>Our supporting team always ensures you get an instant response, 24X7 HOURS EMERGENCY SERVICES</p>
                </div>
                <br>
                <div class="box">
                    <h2 style="color: #000;"> <i class="fas fa-procedures" style="color: #007eb8;" ></i> Emergency rooms </h2>
                    <p>50+Bedded multi-speciality, 50+ Advanced Critical Care Beds </p>
                </div>
                  <br>
                <div class="box">
                    <h2 style="color: #000;"> <i class="fas fa-stethoscope" style="color: #007eb8;"></i> 24/7 Doctors </h2>
                    <p>Highly-qualified doctors are available 24x7 for you.</p>
                </div>
                <br>
                <div class="box">
                  <h2 style="color: #000;"> <img src="images/surgery.png" width="42px" height="42px" style="color: #007eb8;"></img> Surgeries </h2>
                  <p>1000+ Surgeries with 100% Success rate</p>
              </div>
              <button onclick="window.location.href='OurStory.html'" 
style="
        background-color: #FFF;
        border: 0.5px solid black;
        color: #3e9acf;
        padding: 10px;
        text-align: center;
        border-radius: 8px;
        text-decoration: none;
        font-size: 16px;
        margin: 4px 2px;"><b>Read more</b></button>

            </div>
            <div class="col-md-6 d-none d-md-block" data-aos="fade-left">
                <img src="images/about-img.png" width="100%" alt="img">
            </div>
    
        </div>
    
    </div>
    
    </section>

  
  <section class="intro">
    <row>
      <div class="col-lg-6 col-sm-12 left96 col-centered">
        <p class="text-center" style="font-family:Georgia, serif;color:#007eb8; font-size: xx-large;">Departments</p>
                <div class="grid">
          <div> <a href="Orthopedics.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Ortho.png"/>Orthopedics</a></div>
          <div><a href="Critical care.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Critical care.png" />Critical Care</a></div>
          <div> <a href="General Medicine.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Genaral medicine.png" />General medicine</a></div>
          <div> <a href="Genaral lap.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Genaral lap.png"/>Gen & Lap Surgery</a></div>
          <div><a href="EMERGENCYMEDICINE.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/em.png"/>Emergency Medicine</a></div>
          <div><a href="Neuro.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Neuro surgery.png"/>Neurology</a></div>
          <div><a href="NeuroSurgery.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Neur.png"/>Neurosurgery</a></div>
          <div><a href="Maxillo.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Maxillo.png"/>Maxillo Facial Surgery</a></div>
          <div><a href="PHYSIOTHERAPY.html" class="btn mx-auto d-block img-fluid unlock-icon"><img class="img-responsive" src="images/Psyiotheraphy.png"/>Physiotherapy</a></div>  
        </div>

        
      </div>

      <div class="col-lg-6 col-sm-12 right96">
          <div class="card">
                <form style="margin-left: 50px;" class="gform pure-form pure-form-stacked" method="POST" data-email="yelurihospitals@gmail.com"
        action="https://script.google.com/macros/s/AKfycbyD3bgzvBD8hv_HulxMhQOLiSli4cFZDe5WvhtC_iWNEBuRsM8joP9r63xRRdLb09JP/exec">
          <div class="form-elements"><br>
            <div class="text-center">  
              <p class="text-center" style="font-family:Georgia, serif;color:#007eb8; font-size: xx-large;">Appointment</p>
              </div>
              <br><br>
              <input type="text" name="name" required="" placeholder="Your Name.." style="width:90%; padding:12px;  border: 1px solid #ccc; border-radius: 4px;  resize: vertical;"/><br><br>
              <input type="email" name="email" required="" placeholder="Your Email.." style="width:90%; padding:12px;  border: 1px solid #ccc; border-radius: 4px;  resize: vertical;"/><br><br>
              <input type="number" name="phone" required="" placeholder="Your Phone Number.." style="width:90%; padding:12px;  border: 1px solid #ccc; border-radius: 4px;  resize: vertical;"/><br><br>
                       
               <select name="Doctors" id="doctors" style="width: 90%; padding: 12px;  border: 1px solid #ccc; border-radius: 4px;  resize: vertical;" required>
          <option value="" selected="selected">Select Department</option>
        </select>
        <br><br>
        <select name="Departments" id="cars" style="width: 90%; padding: 12px;  border: 1px solid #ccc; border-radius: 4px;  resize: vertical;" required>
            <option value="" selected="selected">Select Doctor</option>
          </select>     <br>
            <br>
              <br><br>
              <button type="submit" style="float: center; 
                                            background-color: #3e9acf;
                                            border: none;
                                            color: white;
                                            padding: 15px;
                                            text-align: center;
                                            border-radius: 8px;
                                            text-decoration: none;
                                            font-size: 16px;
                                            margin: 4px 2px;
              font-size: 1.1em;margin-right: 48px;"  onclick="spinner()">Book Appointment</button><br>
              <div class="loader">
                <div class="loading">
                </div>
              </div>
          </div>
      
          <!-- Thankyou_message --><br>
          <div class="thankyou_message" style="display:none;background:none;border:8px solid #007eb8;border-radius: 40px;width: 400px;padding-top: 15px;padding-bottom: 40px;padding-left: 20px;padding-right: 20px;"><br><br>
            <h1>Thanks for contacting us!</h1>
            <h1>*******</h1>
          </div>
        </form>
 </div>
      </div>
  </section>
  
  

  


</header>

<body>

  <section class="intro">
    <row>
      <a href="Orthopedics.html">
      <div class="col-lg-6 col-sm-12 left0">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/12.png"/>
      </div>
      <div class="col-lg-6 col-sm-12 right0">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/ortotext26.6.jpg"/>
      </div>
    </a>
    </row>

      <row>
        <a href="Critical care.html">
          <div class="col-lg-6 col-sm-12 left1">
            <img style='height: 100%; width: 100%; object-fit: contain' src="images/17z.jpg"/>
          </div>
          <div class="col-lg-6 col-sm-12 right1">
            <img style='height: 100%; width: 100%; object-fit: contain' src="images/16.png"/>
          </div>
      </a>
      </row>
  </section>
  


  

  
  <section class="intro" style="margin-top: -7%;">
    <row>
      <a href="General Medicine.html">
      <div class="col-lg-6 col-sm-12 left2">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/18.png"/>
      </div>
      <div class="col-lg-6 col-sm-12 right2">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/finalz.jpg"/>
      </div>
    </a>
    </row>
    <row>
      <a href="Genaral lap.html">
      <div class="col-lg-6 col-sm-12 left3">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/w23z.png"/>
      </div>
      <div class="col-lg-6 col-sm-12 right3">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/23.png"/>
      </div>
    </a>
    </row>
  </section>
  



  <section class="intro" style="margin-top:-7%;">
    <row>
      <a href="EMERGENCYMEDICINE.html">
      <div class="col-lg-6 col-sm-12 left41">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Emergecny26.6r.jpg"/>
      </div>
      <div class="col-lg-6 col-sm-12 right41">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Emergency26.6l.22.jpg"/>
      </div>
    </a>
    </row>
  </section>

  <section class="intro" style="margin-top:-7%;">
    <row>
      <a href="Neuro.html">
      <div class="col-lg-6 col-sm-12 left51">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Neurology.26.6.l.jpg"/>
      </div>
      <div class="col-lg-6 col-sm-12 right51">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Neurology.26.6.r.jpg"/>
      </div>
    </a>
    </row>
  </section>






  
  <section class="intro" style="margin-top:-11%;">
    <row>
      <a href="NeuroSurgery.html">
      <div class="col-lg-6 col-sm-12 left4">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Neurologym26.6.l.jpg"/>
      </div>
      <div class="col-lg-6 col-sm-12 right4">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Neurologym26.6.r.jpg"/>
      </div>
      </a>
    </row>
    </section>
    <section class="intro" style="margin-top:-11%;">
    <row>
      <a href="Maxillo.html">
      <div class="col-lg-6 col-sm-12 left5">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Maxilo26,6.r.jpg"/>
      </div>
      <div class="col-lg-6 col-sm-12 right5">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/Maxilo26,6.l.22.jpg"/>
      </div>
    </a>
    </row>
  </section>


  <section class="intro" style="margin-top:-11%;">
    <row>
      <a href="PHYSIOTHERAPY.html">
      <div class="col-lg-6 col-sm-12 left9912">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/p998.jpeg"/>
      </div>
      <div class="col-lg-6 col-sm-12 right9912">
        <img style='height: 100%; width: 100%; object-fit: contain' src="images/psyiotheraphy998z.png"/>
      </div>
    </a>
    </row>
  </section>


   <img style="margin-top:-4%;" width="100%" src="images/H25.6.22.jpg"/>


<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-2 col-sm-12 col-xs-12"> <img src="images/logo-white.png" alt="Image" ></img> 
        <br>
        <p style="font-size:12px;">Near Bose statue, Old club Road, Kothapet, 
          Guntur -522001<br><p>
             
              <p>yelurihospitals@gmail.com</p>
              <br>
              <p><i class="fa fa-phone" style="font-size:20px"></i>  &nbsp;  9494408877 <br> 0863-2448877 <br>0863-3500191</p>
      </div>
      <!-- end col-2 -->
      <div class="col-md-4 col-sm-12 col-xs-12">
        <h4>Navigation</h4>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="OurStory.html">Our Story</a></li>
          <li><a href="Doctors.html">Doctors</a></li>
          <li><a href="Testimonial.html">Testimonials</a></li>
          <li><a href="Gallery.html">Health Packages</a></li>
          <li><a href="Careers.html">Career</a></li>
          <li><a href="ContactUs.html">Contact US</a></li>    </ul>
      
      </div>
      <!-- end col-4 -->
      <div class="col-md-2 col-sm-4 col-xs-6">
        <h4>Departments</h4>
        <ul>
       
          <li><a href="Orthopedics.html">Orthopedics</a></li>
          <li><a href="Critical care.html">Critical care Medicine</a></li>
          <li><a href="General Medicine.html">General Medicine</a></li>
          <li><a href="Genaral lap.html">General & Laparoscopy Surgery</a></li>
          <li><a href="EMERGENCYMEDICINE.html">Emergency Medicine</a></li>
          <li><a href="Neuro.html">Neurology</a></li> 
          <li><a href="NeuroSurgery.">NeuroSurgery</a></li> 
          <li><a href="Maxillo.html">Oro-Maxillo-Facial Surgery</a></li>
          <li><a href="PHYSIOTHERAPY.html">Physiotherapy</a></li> 
        </ul>
      </div>
      <!-- end col-2 -->
      <!-- end col-2 -->
      <div class="col-md-2 col-sm-4 col-xs-12">
        <h4>Social Media</h4>
        <ul>
          
          <li><a href="https://facebook.com/YeluriHospitals" target="_blank">Facebook</a></li>
          <li><a href="https://twitter.com/YeluriHospitals" target="_blank">Twitter</a></li>
          <li><a href="https://www.linkedin.com/company/yeluri-hospitals/" target="_blank">Linkedin</a></li>
          <li><a href="https://www.instagram.com/yeluri_hospitals/" target="_blank">Instagram</a></li>
      
        </ul>
      </div>
      <!-- end col-2 --> 
    </div>
    <!-- end row --> 
  </div>
  <!-- end container --> 
</footer>

<script type="text/javascript">
  function spinner() {
      document.getElementsByClassName("loader")[0].style.display = "block";
  }
</script>   

  <script data-cfasync="false" type="text/javascript">
    
   (function() {
  function validEmail(email) {
    var re = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
    return re.test(email);
  }

  function validateHuman(honeypot) {
    if (honeypot) {
      console.log("Robot Detected!");
      return true;
    } else {
      console.log("Welcome Human!");
    }
  }
  function getFormData(form) {
    var elements = form.elements;

    var fields = Object.keys(elements).filter(function(k) {
          return (elements[k].name !== "honeypot");
    }).map(function(k) {
      if(elements[k].name !== undefined) {
        return elements[k].name;
      }else if(elements[k].length > 0){
        return elements[k].item(0).name;
      }
    }).filter(function(item, pos, self) {
      return self.indexOf(item) == pos && item;
    });

    var formData = {};
    fields.forEach(function(name){
      var element = elements[name];
      formData[name] = element.value;
      if (element.length) {
        var data = [];
        for (var i = 0; i < element.length; i++) {
          var item = element.item(i);
          if (item.checked || item.selected) {
            data.push(item.value);
          }
        }
        formData[name] = data.join(', ');
      }
    });

    // add form-specific values into the data
    formData.formDataNameOrder = JSON.stringify(fields);
    formData.formGoogleSheetName = form.dataset.sheet || "Sheet1"; // default sheet name
    formData.formGoogleSendEmail = form.dataset.email || ""; // no email by default

    console.log(formData);
    return formData;
  }

  function handleFormSubmit(event) {  
    event.preventDefault();           
    var form = event.target;
    var data = getFormData(form);         
    if( data.email && !validEmail(data.email) ) {   
      var invalidEmail = form.querySelector(".email-invalid");
      if (invalidEmail) {
        invalidEmail.style.display = "block";
        return false;
      }
    } else {
      disableAllButtons(form);
      var url = form.action;
      var xhr = new XMLHttpRequest();
      xhr.open('POST', url);
      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      xhr.onreadystatechange = function() {
          console.log(xhr.status, xhr.statusText);
          console.log(xhr.responseText);
          var formElements = form.querySelector(".form-elements")
          if (formElements) {
            formElements.style.display = "none"; // hide form
          }
          var thankYouMessage = form.querySelector(".thankyou_message");
          if (thankYouMessage) {
            thankYouMessage.style.display = "block";
          }
          return;
      };
      var encoded = Object.keys(data).map(function(k) {
          return encodeURIComponent(k) + "=" + encodeURIComponent(data[k]);
      }).join('&');
      xhr.send(encoded);
    }
  }
  
  function loaded() {
    console.log("Contact form submission handler loaded successfully.");
    var forms = document.querySelectorAll("form.gform");
    for (var i = 0; i < forms.length; i++) {
      forms[i].addEventListener("submit", handleFormSubmit, false);
    }
  };
  document.addEventListener("DOMContentLoaded", loaded, false);

  function disableAllButtons(form) {
    var buttons = form.querySelectorAll("button");
    for (var i = 0; i < buttons.length; i++) {
      buttons[i].disabled = true;
    }
  }
})();


  </script>

  <script>
    var myIndex = 0;
    carousel();
    
    function carousel() {
      var i;
      var x = document.getElementsByClassName("mySlides");
      for (i = 0; i < x.length; i++) {
        x[i].style.display = "none";  
      }
      myIndex++;
      if (myIndex > x.length) {myIndex = 1}    
      x[myIndex-1].style.display = "block";  
      setTimeout(carousel, 4000); // Change image every 2 seconds
    }
    </script>
  
<script>
$(document).ready(function(){
$(`.disclaimer`).hide();
});
</script>

<script>
    var subjectObject = {
      "Orthopedics": {
        "Dr. Yeluri Ramakrishna": ["Dr. Rama krishna"] 
      },
      "Critical care": {
        "Dr. Mukka Manasa": ["Dr. Mukka Manasa"]
      },
      "General Medicine": {
        "Dr. Pelluri Sitarama Rao": ["General Medicine"]
      },
      "Gen & Laparoscopy Surgery": {
        "Dr. Mekathoti Dheeraj Kumar": ["Gen & Laparoscopy Surgery"]
      },
      "Emergency Medicine": {
        "Dr. Mukka Manasa": ["Dr. Mukka Manasa"],
        "Dr. Pelluri Sitarama Rao": ["Dr. Pelluri Sitarama Rao"]
      },
      "Neurology": {
        "Neurology": ["Neurology"],
        "Neurology": ["Neurology"]
      },
      "Neuro Surgery": {
        "Neuro Surgery": ["Neuro Surgery"],
        "Neuro Surgery": ["Neuro Surgery"]
      },
      "Oral-Maxillo-Facial Surgery": {
        "Dr. Ganesh koneru": ["Oral-Maxillo-Facial Surgery"]
      },
      "Physiotherapy": {
        "Dr. Anil": ["Physiotherapy"],
      },
      
    }
    window.onload = function() {
      var subjectSel = document.getElementById("doctors");
      var topicSel = document.getElementById("cars");
    
      for (var x in subjectObject) {
        subjectSel.options[subjectSel.options.length] = new Option(x, x);
      }
      subjectSel.onchange = function() {
          topicSel.length = 1;
        //display correct values
        for (var y in subjectObject[this.value]) {
          topicSel.options[topicSel.options.length] = new Option(y, y);
        }
      }
      topicSel.onchange = function() {
      }
    }
    </script>



<script type='text/javascript' src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/owl.carousel.js"></script> 
<script src="js/wow.js"></script> 
<script src="js/jquery.stellar.js"></script> 
<script src="js/smooth-scroll.js"></script> 
<script src="js/queryloader2.min.js" type="text/javascript"></script> 
<script src="js/jquery.fancybox.js"></script> 
<script src="js/jquery.maskedinput.js"></script> 
<script src="js/jquery.ba-cond.min.js" type="text/javascript" ></script> 
<script src="js/jquery.slitslider.js" type="text/javascript" ></script> 
</body>
</html>