Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Vinusha-V
Vinusha-V authored Mar 25, 2024
1 parent e95324c commit ff89787
Showing 1 changed file with 38 additions and 80 deletions.
118 changes: 38 additions & 80 deletions templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -189,100 +189,58 @@ <h3>Types of Pathologies</h3>
<div class="team-info">
<h3>Healthy Tips for Good Vision</h3>

<p>*Eat a balanced diet rich in fruits and vegetables to provide essential nutrients for eye health.</p>
<p>1.Eat a balanced diet rich in fruits and vegetables to provide essential nutrients for eye health.</p>

<p>*Protect your eyes from harmful UV rays by wearing sunglasses when outdoors, especially on sunny days.</p>
<p>2.Protect your eyes from harmful UV rays by wearing sunglasses when outdoors, especially on sunny days.</p>

<p>*Follow the 20-20-20 rule: Every 20 minutes, take a 20-second break, and look at something 20 feet away to reduce eye strain.</p>
<p>3.Follow the 20-20-20 rule: Every 20 minutes, take a 20-second break, and look at something 20 feet away to reduce eye strain.</p>

<p>*Avoid prolonged screen time and remember to blink regularly to keep your eyes moist.</p>
<p>4.Avoid prolonged screen time and remember to blink regularly to keep your eyes moist.</p>

<p>*Get regular eye check-ups to detect any vision problems early and prevent potential complications.</p>
<p>5.Get regular eye check-ups to detect any vision problems early and prevent potential complications.</p>

<p>*Avoid smoking, as it can increase the risk of developing age-related macular degeneration and other eye diseases.</p>
<p>6.Avoid smoking, as it can increase the risk of developing age-related macular degeneration and other eye diseases.</p>

<p>*Stay hydrated by drinking plenty of water throughout the day to maintain optimal eye function.</p>
<p>*7.Stay hydrated by drinking plenty of water throughout the day to maintain optimal eye function.</p>

<p>*Practice good hygiene by washing your hands before touching your eyes to prevent infections.</p>
<p>8.Practice good hygiene by washing your hands before touching your eyes to prevent infections.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- EYE TEST -->
<section id="appointment" data-stellar-background-ratio="3">
<div class="container">
<div class="row">

<div class="col-md-6 col-sm-6">
<img src="{% static 'firstApp/images/appointment-image.jpg' %}" class="img-responsive" alt="">
</div>

<!-- OUR EXPERT SUGGESTIONS -->
<section id="hospital-recommendation-section">
<h1>Hospital Recommendation for Eye Treatment</h1>

<form id="hospital-recommendation-form">
<label for="name">Name:</label><br>
<input type="text" id="name" name="name" required><br>
<label for="age">Age:</label><br>
<input type="number" id="age" name="age" required><br>
<label for="phone">Phone Number:</label><br>
<input type="tel" id="phone" name="phone" required><br>
<label for="email">Email ID:</label><br>
<input type="email" id="email" name="email" required><br>
<label for="disease">Select Eye Disease:</label><br>
<select id="disease" name="disease" required>
<option value="Cataracts">Cataracts</option>
<option value="Glaucoma">Glaucoma</option>
<option value="Retinal Disorders">Retinal Disorders</option>
<option value="Corneal Diseases">Corneal Diseases</option>
<option value="Pediatric Ophthalmology">Pediatric Ophthalmology</option>
<option value="Refractive Errors">Refractive Errors</option>
<option value="Macular Degeneration">Macular Degeneration</option>
<option value="Diabetic Retinopathy">Diabetic Retinopathy</option>
</select><br><br>
<input type="submit" value="Get Hospital Recommendation">
</form>

<div id="hospital-recommendation"></div>

</section>

<script>
document.getElementById('hospital-recommendation-form').addEventListener('submit', function(event) {
event.preventDefault();
const disease = document.getElementById('disease').value;
let hospitalName = '';

// Logic to recommend hospital based on disease
switch(disease) {
case 'Cataracts':
hospitalName = 'Aravind Eye Hospital, Madurai';
break;
case 'Glaucoma':
hospitalName = 'Sankara Nethralaya, Chennai';
break;
case 'Retinal Disorders':
hospitalName = 'LV Prasad Eye Institute, Hyderabad';
break;
case 'Corneal Diseases':
hospitalName = 'Shroff Eye Centre, Delhi';
break;
case 'Pediatric Ophthalmology':
hospitalName = 'Dr. Shroff\'s Charity Eye Hospital, Delhi';
break;
case 'Refractive Errors':
hospitalName = 'Narayana Nethralaya, Bangalore';
break;
case 'Macular Degeneration':
hospitalName = 'Shankar Netralaya, Chennai';
break;
case 'Diabetic Retinopathy':
hospitalName = 'L V Prasad Eye Institute, Bhubaneswar';
break;
default:
hospitalName = 'Please select a disease';
}

document.getElementById('hospital-recommendation').innerHTML = '<h2>Hospital Recommendation:</h2><p>' + hospitalName + '</p>';
});
</script>
<div class="col-md-6 col-sm-6">
<!-- CONTACT FORM HERE -->
<form id="appointment-form" role="form" method="post" action="#">

<!-- SECTION TITLE -->
<div class="section-title wow fadeInUp" data-wow-delay="0.4s">
<h2>Make a Eye Test </h2>
<p>1.Use a standardized chart.<br>
2.Ensure proper distance and lighting.<br>
3.Test one eye at a time.<br>
4.No guessing; read aloud only what's clear.<br>
5.Start from the top and record the smallest readable line.<br>
6.Repeat for each eye.<br>
7.Document results clearly.<br>
8.Interpret and refer if needed.</p>
</form>
</div>

</div>
</div>
</section


<section id="about">
Expand All @@ -294,7 +252,7 @@ <h1>Hospital Recommendation for Eye Treatment</h1>
<div class="col-md-4 col-sm-4">
<div class="footer-thumb">
<h4 class="wow fadeInUp" data-wow-delay="0.4s">Contact Info</h4>
<p>For futher queries contact our team .</p>
<p>We're here to help! Whether you have questions, feedback, or need assistance, feel free to get in touch with us using the contact information provided below. .</p>

<div class="contact-info">
<p><i class="fa fa-phone"></i>9150175850</p>
Expand All @@ -313,7 +271,7 @@ <h4 class="wow fadeInUp" data-wow-delay="0.4s">Contact Info</h4>
<div class="copyright-text">
<p>Copyright &copy; 2017 Our Website

| Design: <a href="http://www.tooplate.com" target="_parent">visnet</a></p>
| Design: <a href="http://www.tooplate.com" target="_parent">tooplate</a></p>
</div>
</div>
<div class="col-md-6 col-sm-6">
Expand Down

0 comments on commit ff89787

Please # to comment.