Untitled

avatar
unknown
plain_text
a year ago
3.0 kB
10
Indexable
<!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>&copy; 2024 Alwar Midday Meal Support. All rights reserved.</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment