325 lines
19 KiB
HTML
325 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title data-translate="supportPageTitle">Support Us - Schools Without Borders</title>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
|
<link href="css/styles.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="container">
|
|
<nav class="navbar">
|
|
<div class="logo">
|
|
<img src="images/logo.png" alt="Schools Without Borders Logo">
|
|
<span data-translate="organizationName">Schools Without Borders</span>
|
|
</div>
|
|
<ul class="nav-links">
|
|
<li><a href="index.html" data-translate="home">Home</a></li>
|
|
<li><a href="about.html" data-translate="aboutUs">About Us</a></li>
|
|
<li><a href="work.html" data-translate="ourWork">Our Work</a></li>
|
|
<li><a href="support.html" class="active" data-translate="supportUs">Support Us</a></li>
|
|
<li><a href="contact.html" data-translate="contact">Contact</a></li>
|
|
</ul>
|
|
<div class="language-toggle" onclick="toggleLanguage()">
|
|
<i class="fas fa-globe"></i>
|
|
<span id="langText">EN / عربي</span>
|
|
</div>
|
|
<div class="mobile-menu">
|
|
<i class="fas fa-bars"></i>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Page Banner -->
|
|
<section class="page-banner" style="background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/support-banner.jpg') center/cover no-repeat;">
|
|
<div class="container">
|
|
<h1 data-translate="supportTitle">Support Us</h1>
|
|
<p data-translate="supportSubtitle">Join Us in Making a Difference</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Support Intro Section -->
|
|
<section class="support-intro">
|
|
<div class="container">
|
|
<div class="support-intro-content">
|
|
<h2 data-translate="waysTitle">Ways You Can Help</h2>
|
|
<p data-translate="waysIntro">At Schools Without Borders, we rely on the generous support of individuals, communities, and organizations to continue our vital work. There are many ways you can contribute to our mission of bringing education to children in crisis-affected areas.</p>
|
|
<p data-translate="waysDescription">Your support allows us to maintain our mobile schools, purchase educational materials, provide food for students, and ensure that our teachers and staff are trained and equipped to deliver quality education.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Support Options Section -->
|
|
<section class="support-options">
|
|
<div class="container">
|
|
<h2 class="text-center" data-translate="contributeTitle">How You Can Contribute</h2>
|
|
<div class="support-cards">
|
|
<!-- Volunteer Card -->
|
|
<div class="support-card">
|
|
<div class="support-card-image">
|
|
<img src="images/volunteer.jpg" alt="Volunteer with Schools Without Borders">
|
|
</div>
|
|
<div class="support-card-content">
|
|
<h3 data-translate="volunteerTitle">Volunteer With Us</h3>
|
|
<p data-translate="volunteerText1">Your time and expertise can have a direct impact on the lives of children in Gaza. Whether you're an educator, healthcare worker, or have skills in logistics, administration, or any other field, we welcome volunteers who share our commitment to making a difference.</p>
|
|
<p data-translate="volunteerText2">As a volunteer, you can assist in organizing educational programs, provide psychological support, offer training to teachers, or engage in fundraising activities.</p>
|
|
<a href="#" class="btn btn-primary" data-translate="volunteerButton">Become a Volunteer</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Donate Card -->
|
|
<div class="support-card">
|
|
<div class="support-card-image">
|
|
<img src="images/donate.jpg" alt="Donate to Schools Without Borders">
|
|
</div>
|
|
<div class="support-card-content">
|
|
<h3 data-translate="donateTitle">Donate</h3>
|
|
<p data-translate="donateText1">Your financial contributions directly support the children we serve. Donations help us maintain our mobile schools, purchase educational materials, provide food for students, and ensure that our teachers and staff are trained and equipped to deliver quality education.</p>
|
|
<p data-translate="donateText2">You can make a one-time donation or set up a monthly contribution to ensure that our programs continue to thrive.</p>
|
|
<a href="#" class="btn btn-primary" data-translate="donateButton">Make a Donation</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Spread Word Card -->
|
|
<div class="support-card">
|
|
<div class="support-card-image">
|
|
<img src="images/spread-word.jpg" alt="Spread the word about Schools Without Borders">
|
|
</div>
|
|
<div class="support-card-content">
|
|
<h3 data-translate="spreadTitle">Spread the Word</h3>
|
|
<p data-translate="spreadText1">One of the simplest ways to support us is to help spread awareness about our mission. Share our story on social media, tell your friends and family about our work, and encourage others to get involved.</p>
|
|
<p data-translate="spreadText2">The more people who know about our efforts, the more children we can reach with education and hope.</p>
|
|
<div class="social-links" style="justify-content: flex-start;">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="#"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="support-card">
|
|
<div class="support-card-image">
|
|
<img src="images/partnership.jpg" alt="Partner with Schools Without Borders">
|
|
</div>
|
|
<div class="support-card-content">
|
|
<h3 data-translate="partnerTitle">Partnerships</h3>
|
|
<p data-translate="partnerText1">If you're part of a company or organization, consider partnering with Schools Without Borders to help us expand our impact. Your support can take the form of sponsorships, donations, or offering resources that directly benefit our programs.</p>
|
|
<p data-translate="partnerText2">Corporate partnerships allow us to continue creating sustainable solutions for education in crisis areas.</p>
|
|
<a href="#" class="btn btn-primary" data-translate="partnerButton">Become a Partner</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Volunteer Form Section -->
|
|
<section class="volunteer-form">
|
|
<div class="container">
|
|
<h2 class="text-center" data-translate="volunteerFormTitle">Volunteer Application</h2>
|
|
<p class="text-center" data-translate="volunteerFormText">Fill out this form to join our volunteer team and make a difference.</p>
|
|
<div class="form-container">
|
|
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSecXwztebxjt-f6ZGO7S3cAKYfReBDOZkrzj5XXKg6KrDNg8A/viewform"
|
|
width="100%"
|
|
height="800px"
|
|
frameborder="0"
|
|
marginheight="0"
|
|
marginwidth="0">
|
|
Loading…
|
|
</iframe>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Donation Options Section -->
|
|
<section class="donation-options">
|
|
<div class="container">
|
|
<div class="donation-title">
|
|
<h2 data-translate="donationOptionsTitle">Make a Donation</h2>
|
|
<p data-translate="donationOptionsText">Your contribution, no matter the size, can make a significant difference in a child's life.</p>
|
|
</div>
|
|
<div class="donation-boxes">
|
|
<div class="donation-box">
|
|
<div class="donation-amount">$10</div>
|
|
<p class="donation-description" data-translate="donation1">Provides a school bag with essential supplies for a child</p>
|
|
<a href="#" class="btn btn-primary">Donate $10</a>
|
|
</div>
|
|
<div class="donation-box">
|
|
<div class="donation-amount">$50</div>
|
|
<p class="donation-description" data-translate="donation2">Funds educational materials for a classroom of 20 children</p>
|
|
<a href="#" class="btn btn-primary">Donate $50</a>
|
|
</div>
|
|
<div class="donation-box">
|
|
<div class="donation-amount">$100</div>
|
|
<p class="donation-description" data-translate="donation3">Supports a child's education for an entire month</p>
|
|
<a href="#" class="btn btn-primary">Donate $100</a>
|
|
</div>
|
|
<div class="donation-box">
|
|
<div class="donation-amount">$250</div>
|
|
<p class="donation-description" data-translate="donation4">Helps equip a mobile classroom with learning resources</p>
|
|
<a href="#" class="btn btn-primary">Donate $250</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Impact Section -->
|
|
<section class="impact-section">
|
|
<div class="container">
|
|
<h2 class="text-center" data-translate="impactTitle">The Impact of Your Support</h2>
|
|
<div class="impact-content">
|
|
<div class="impact-text">
|
|
<p data-translate="impactText1">Every contribution to Schools Without Borders directly impacts the lives of children affected by conflict. Your support doesn't just provide education—it offers hope, stability, and the chance for a better future.</p>
|
|
<p data-translate="impactText2">When you donate or volunteer with us, you become part of a movement that believes in the power of education to transform lives and rebuild communities.</p>
|
|
<div class="impact-list">
|
|
<div class="impact-item">
|
|
<div class="impact-icon">
|
|
<i class="fas fa-book"></i>
|
|
</div>
|
|
<div>
|
|
<h4 data-translate="impact1Title">Restore Learning Opportunities</h4>
|
|
<p data-translate="impact1Text">Your support helps children regain access to education despite challenging circumstances.</p>
|
|
</div>
|
|
</div>
|
|
<div class="impact-item">
|
|
<div class="impact-icon">
|
|
<i class="fas fa-home"></i>
|
|
</div>
|
|
<div>
|
|
<h4 data-translate="impact2Title">Provide Safe Spaces</h4>
|
|
<p data-translate="impact2Text">Your contributions create secure environments where children can learn, play, and grow.</p>
|
|
</div>
|
|
</div>
|
|
<div class="impact-item">
|
|
<div class="impact-icon">
|
|
<i class="fas fa-chalkboard-teacher"></i>
|
|
</div>
|
|
<div>
|
|
<h4 data-translate="impact3Title">Support Teacher Training</h4>
|
|
<p data-translate="impact3Text">Your generosity helps us train educators to deliver quality education in crisis situations.</p>
|
|
</div>
|
|
</div>
|
|
<div class="impact-item">
|
|
<div class="impact-icon">
|
|
<i class="fas fa-heart"></i>
|
|
</div>
|
|
<div>
|
|
<h4 data-translate="impact4Title">Foster Psychological Healing</h4>
|
|
<p data-translate="impact4Text">Your donation supports programs that address trauma and promote emotional wellbeing.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="impact-image">
|
|
<img src="images/impact.jpg" alt="Impact">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testimonials Section -->
|
|
<section class="testimonials">
|
|
<div class="container">
|
|
<h2 class="text-center" data-translate="testimonialsTitle">What Our Supporters Say</h2>
|
|
<div class="testimonial-grid">
|
|
<div class="testimonial">
|
|
<div class="testimonial-quote">
|
|
<p data-translate="testimonial1">Working with Schools Without Borders as a volunteer teacher has been the most rewarding experience of my career. Seeing children light up with excitement to learn, despite their circumstances, reinforces the importance of this mission.</p>
|
|
</div>
|
|
<div class="testimonial-author">
|
|
<div class="testimonial-author-image">
|
|
<img src="images/testimonial-1.jpg" alt="Sarah Ahmed">
|
|
</div>
|
|
<div class="testimonial-author-info">
|
|
<h4>Sarah Ahmed</h4>
|
|
<p>Volunteer Teacher</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial">
|
|
<div class="testimonial-quote">
|
|
<p data-translate="testimonial2">As a monthly donor, I'm proud to support an organization that brings education to the most vulnerable children. The transparency and dedication shown by the Schools Without Borders team gives me confidence that my contribution is making a real difference.</p>
|
|
</div>
|
|
<div class="testimonial-author">
|
|
<div class="testimonial-author-image">
|
|
<img src="images/testimonial-2.jpg" alt="Mohammed Khalid">
|
|
</div>
|
|
<div class="testimonial-author-info">
|
|
<h4>Mohammed Khalid</h4>
|
|
<p>Monthly Donor</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial">
|
|
<div class="testimonial-quote">
|
|
<p data-translate="testimonial3">Our company's partnership with Schools Without Borders has been incredibly fulfilling. Their innovative approach to education in crisis situations aligns perfectly with our corporate values, and we've seen firsthand the impact of our support.</p>
|
|
</div>
|
|
<div class="testimonial-author">
|
|
<div class="testimonial-author-image">
|
|
<img src="images/testimonial-3.jpg" alt="Layla Nasir">
|
|
</div>
|
|
<div class="testimonial-author-info">
|
|
<h4>Layla Nasir</h4>
|
|
<p>Corporate Partner</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact CTA Section -->
|
|
<section class="contact-cta">
|
|
<div class="container">
|
|
<h2 data-translate="ctaTitle">Have Questions About Supporting Us?</h2>
|
|
<p data-translate="ctaText">If you would like more information about our donation programs, volunteer opportunities, or partnership possibilities, please don't hesitate to reach out. Our team is ready to answer any questions you may have.</p>
|
|
<a href="contact.html" class="btn btn-primary" data-translate="ctaButton">Contact Us</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h3 data-translate="organizationName">Schools Without Borders</h3>
|
|
<p data-translate="footerAbout">A non-profit organization supporting education and providing services to students affected by wars and conflicts.</p>
|
|
<div class="social-links">
|
|
<a href="https://www.tiktok.com/@tiktok.com/@schools_without_borders"><i class="fab fa-tiktok"></i></a>
|
|
<a href="https://x.com/Schools_W_B"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/schools.without.borders/"><i class="fab fa-instagram"></i></a>
|
|
<a href="https://www.linkedin.com/in/schools-w-b-b62342311"><i class="fab fa-linkedin-in"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 data-translate="quickLinks">Quick Links</h3>
|
|
<ul class="footer-links">
|
|
<li><a href="index.html" data-translate="home">Home</a></li>
|
|
<li><a href="about.html" data-translate="aboutUs">About Us</a></li>
|
|
<li><a href="work.html" data-translate="ourWork">Our Work</a></li>
|
|
<li><a href="support.html" data-translate="supportUs">Support Us</a></li>
|
|
<li><a href="contact.html" data-translate="contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3 data-translate="contactUs">Contact Us</h3>
|
|
<p><i class="fas fa-envelope"></i> info@swb-project.org</p>
|
|
<p><i class="fas fa-phone"></i> +972 111 111 111</p>
|
|
</div>
|
|
</div>
|
|
<div class="copyright" data-translate="copyright">© 2025 Schools Without Borders. All Rights Reserved.</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="js/translations/home-translations.js"></script>
|
|
<script src="js/translations/about-translations.js"></script>
|
|
<script src="js/translations/work-translations.js"></script>
|
|
<script src="js/translations/support-translations.js"></script>
|
|
<script src="js/translations/contact-translations.js"></script>
|
|
<script src="js/translations.js"></script>
|
|
</body>
|
|
</html> |