Asitha-S.github.io/donate.html at main · Asitha-S/Asitha-S.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Adopt a Pet - FurBound</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">
                <h1><i class="fas fa-paw"></i> FurBound</h1>
            </div>
            <div class="nav-toggle" id="navToggle">
                <i class="fas fa-bars"></i>
            </div>
            <ul class="nav-links" id="navLinks">
                <li><a href="index.html">Home</a></li>
                <li><a href="adopt.html" >Adopt a Pet</a></li>
                <li><a href="aboutus.html">About Us</a></li>
                <li><a href="donate.html" class="active">Donate</a></li>
            </ul>
        </nav>
    </header>


    <main>
        <section class="about-hero">
            <div class="about-hero-content">
                <h1>Make a Difference Today</h1>
                <p>Your generous donations help us care for pets in need while they wait for their forever homes. Every contribution makes a significant impact on the lives of our furry friends.</p>
                <a href="donateform.html" class="btn">Donate Now</a>
            </div>
        </section>

        <section class="about-content">
            <div class="donation-info">
                <h3>Why Your Donation Matters</h3>
                <p>Your generous contribution directly supports our programs and initiatives that make a meaningful difference in our community. Every dollar counts and helps us extend our reach to those who need it most.</p>
            </div>
            <div class="donation-info">
                <h3>How Your Donation Helps</h3>
                <p>Donations enable us to:</p>
                <ul>
                    <li>Provide essential services to those in need</li>
                    <li>Develop and implement new community programs</li>
                    <li>Train volunteers and staff to better serve our mission</li>
                    <li>Cover operational costs to ensure sustainability</li>
                </ul>

                <div class="testimonial">
                    "The support we received has been life-changing. We're forever grateful to the donors who make these programs possible." - Program Beneficiary
                </div>
            </div>
            </div>

            <div class="donation-info">
                <h3>Additional Ways to Donate</h3>
                <p><strong>Monthly Giving:</strong> Become a sustaining donor by setting up a recurring monthly donation. This provides us with reliable funding to plan ahead and expand our programs.</p>

                <p><strong>Matching Gifts:</strong> Many employers match charitable donations made by their employees. Check with your HR department to see if your donation can be doubled or even tripled!</p>

                <p><strong>Legacy Giving:</strong> Consider including our organization in your estate planning to leave a lasting impact for generations to come.</p>

                <p><strong>In-Kind Donations:</strong> We also accept donations of goods and services that support our mission. Please contact us directly to discuss in-kind donation opportunities.</p>
            </div>
            <div class="donation-info">
                <a href="donateform.html">
                    <h1>CLick Here To Donate</h1>
                </a>
            </div>
        </section>
    </main>


    <footer>
        <div class="footer-content">
            <div class="footer-section about">
                <h3><i class="fas fa-paw"></i> FurBound</h3>
                <p>Connecting loving homes with pets in need since 2024</p>
                <div class="social-links">
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                </div>
            </div>
            <div class="footer-section links">
                <h3>Quick Links</h3>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="adopt.html">Adopt a Pet</a></li>
                    <li><a href="aboutus.html">About Us</a></li>
                    <li><a href="donate.html">Donate</a></li>
                </ul>
            </div>
            <div class="footer-section contact">
                <h3>Contact Us</h3>
                <p><i class="fas fa-map-marker-alt"></i> 123 Pet Street, Chennai, India</p>
                <p><i class="fas fa-phone"></i> (555) 123-4567</p>
                <p><i class="fas fa-envelope"></i> info@furbound.com</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2025 FurBound. All rights reserved.</p>
        </div>
    </footer>

    <script src="script.js"></script>
    </body>
    </html>