Untitled
unknown
plain_text
9 days ago
3.0 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alwar Midday Meal Support</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header Section -->
<header class="header">
<div class="container">
<h1>Support Midday Meals for Government School Children in Alwar</h1>
<p>Together, we can provide nutritious meals to help children focus on learning.</p>
<a href="#donate" class="button">Donate Now</a>
</div>
</header>
<!-- About Us Section -->
<section id="about" class="section">
<div class="container">
<h2>About Us</h2>
<p>We are committed to providing nutritious midday meals to government school children in Alwar, Rajasthan. Our mission is to improve children's health and ensure they stay in school to receive a quality education.</p>
</div>
</section>
<!-- Why Midday Meals Section -->
<section id="why" class="section bg-light">
<div class="container">
<h2>Why Midday Meals?</h2>
<p>Midday meals help improve school attendance, enhance students' health, and ensure that children receive the nutrition they need for growth and learning.</p>
</div>
</section>
<!-- Impact Section -->
<section id="impact" class="section">
<div class="container">
<h2>Our Impact</h2>
<div class="impact-item">
<p>"Thanks to midday meals, I am able to concentrate better in class!" - Raju, Student</p>
</div>
</div>
</section>
<!-- Donation Section -->
<section id="donate" class="section bg-light">
<div class="container">
<h2>Make a Donation</h2>
<form id="donation-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="amount">Donation Amount (INR):</label>
<input type="number" id="amount" name="amount" required>
<button type="submit" class="button">Donate</button>
</form>
</div>
</section>
<!-- Contact Us Section -->
<section id="contact" class="section">
<div class="container">
<h2>Contact Us</h2>
<p>Email: support@alwarmiddaymeals.org</p>
<p>Phone: +91-123-456-7890</p>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<p>© 2024 Alwar Midday Meal Support. All rights reserved.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
Leave a Comment