updated translations
This commit is contained in:
parent
63c2524f53
commit
9c87bc2e46
74
about.html
74
about.html
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About Us - Schools Without Borders</title>
|
||||
<title data-translate="aboutPageTitle">About 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>
|
||||
|
|
@ -14,18 +14,18 @@
|
|||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<img src="images/logo.png" alt="Schools Without Borders Logo">
|
||||
<span>Schools Without Borders</span>
|
||||
<span data-translate="organizationName">Schools Without Borders</span>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html" class="active">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<li><a href="index.html" data-translate="home">Home</a></li>
|
||||
<li><a href="about.html" class="active" 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 class="language-toggle" onclick="toggleLanguage()">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN / عربي</span>
|
||||
<span id="langText">EN / عربي</span>
|
||||
</div>
|
||||
<div class="mobile-menu">
|
||||
<i class="fas fa-bars"></i>
|
||||
|
|
@ -37,21 +37,21 @@
|
|||
<!-- Page Banner -->
|
||||
<section class="page-banner" style="background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/banner-about.jpg') center/cover no-repeat;">
|
||||
<div class="container">
|
||||
<h1>About Us</h1>
|
||||
<p>Know Our Story & Vision</p>
|
||||
<h1 data-translate="aboutUs">About Us</h1>
|
||||
<p data-translate="aboutSubtitle">Know Our Story & Vision</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Our Story Section -->
|
||||
<section class="our-story">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Nour and Abdullah: A Story of Hope and Renewal</h2>
|
||||
<h2 class="text-center" data-translate="storyTitle">Nour and Abdullah: A Story of Hope and Renewal</h2>
|
||||
<div class="story-content">
|
||||
<div class="story-text">
|
||||
<p>In the heart of Gaza, Nour, a 24-year-old aspiring lawyer, and Abdullah, a 25-year-old biomedical engineer and community activist, recognized the devastating impact of war and displacement on children's education. Both grew up witnessing how conflicts disrupted education, leaving children vulnerable to an uncertain future.</p>
|
||||
<p>Inspired by their experiences and shared belief in the transformative power of education, Nour and Abdullah founded "Schools Without Borders." Their goal was simple yet profound: to ensure that every child, even in the darkest circumstances, has access to quality education to build a brighter future.</p>
|
||||
<p>Through their efforts, Nour and Abdullah created a network of field classrooms, mobile kindergartens, and innovative educational programs that make learning an enjoyable adventure. Their leadership has inspired a community of teachers and volunteers united around the vision of nurturing a generation of children who think critically, dream boldly, and rebuild their communities with confidence.</p>
|
||||
<p>Today, "Schools Without Borders" is more than an organization—it's a movement of hope, resilience, and renewal, led by two young visionaries who believed in education's power to change lives, supported by a global network of teachers, innovators, and civil society leaders.</p>
|
||||
<p data-translate="storyText1">In the heart of Gaza, Nour, a 24-year-old aspiring lawyer, and Abdullah, a 25-year-old biomedical engineer and community activist, recognized the devastating impact of war and displacement on children's education. Both grew up witnessing how conflicts disrupted education, leaving children vulnerable to an uncertain future.</p>
|
||||
<p data-translate="storyText2">Inspired by their experiences and shared belief in the transformative power of education, Nour and Abdullah founded "Schools Without Borders." Their goal was simple yet profound: to ensure that every child, even in the darkest circumstances, has access to quality education to build a brighter future.</p>
|
||||
<p data-translate="storyText3">Through their efforts, Nour and Abdullah created a network of field classrooms, mobile kindergartens, and innovative educational programs that make learning an enjoyable adventure. Their leadership has inspired a community of teachers and volunteers united around the vision of nurturing a generation of children who think critically, dream boldly, and rebuild their communities with confidence.</p>
|
||||
<p data-translate="storyText4">Today, "Schools Without Borders" is more than an organization—it's a movement of hope, resilience, and renewal, led by two young visionaries who believed in education's power to change lives, supported by a global network of teachers, innovators, and civil society leaders.</p>
|
||||
</div>
|
||||
<div class="story-image">
|
||||
<img src="images/founders.jpg" alt="Nour and Abdullah, Founders of Schools Without Borders">
|
||||
|
|
@ -63,12 +63,12 @@
|
|||
<!-- Our Vision Section -->
|
||||
<section class="vision">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Our Vision</h2>
|
||||
<h2 class="text-center" data-translate="visionTitle">Our Vision</h2>
|
||||
<div class="vision-content">
|
||||
<div class="vision-text">
|
||||
<p>We aim to provide a safe and inclusive learning environment that allows students to continue their education under all circumstances. Our institution aspires to be an incubator for various schools and educational initiatives, both locally and internationally, recognized by global organizations.</p>
|
||||
<p>We believe that education is the foundation of sustainable social and economic development. Through it, we empower students to become future leaders and active contributors to their communities.</p>
|
||||
<p>Our vision extends beyond immediate educational needs. We are working towards establishing permanent learning centers equipped with modern facilities to foster innovation and long-term development. These centers will not only provide education but also serve as community hubs for creativity, empowerment, and healing.</p>
|
||||
<p data-translate="visionText1">We aim to provide a safe and inclusive learning environment that allows students to continue their education under all circumstances. Our institution aspires to be an incubator for various schools and educational initiatives, both locally and internationally, recognized by global organizations.</p>
|
||||
<p data-translate="visionText2">We believe that education is the foundation of sustainable social and economic development. Through it, we empower students to become future leaders and active contributors to their communities.</p>
|
||||
<p data-translate="visionText3">Our vision extends beyond immediate educational needs. We are working towards establishing permanent learning centers equipped with modern facilities to foster innovation and long-term development. These centers will not only provide education but also serve as community hubs for creativity, empowerment, and healing.</p>
|
||||
</div>
|
||||
<div class="vision-image">
|
||||
<img src="images/children-classroom.png" alt="Children in a learning environment">
|
||||
|
|
@ -80,16 +80,16 @@
|
|||
<!-- Our Team Section -->
|
||||
<section class="team">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Meet Our Team</h2>
|
||||
<p class="text-center">The dedicated individuals bringing education to children in crisis zones</p>
|
||||
<h2 class="text-center" data-translate="teamTitle">Meet Our Team</h2>
|
||||
<p class="text-center" data-translate="teamSubtitle">The dedicated individuals bringing education to children in crisis zones</p>
|
||||
<div class="team-members">
|
||||
<!-- Team Member: Nour -->
|
||||
<div class="team-member">
|
||||
<img src="images/nour-nassar.jpg" alt="Nour Nassar" class="member-image">
|
||||
<div class="member-info">
|
||||
<h3 class="member-name">Nour Nassar</h3>
|
||||
<div class="member-role">Co-Founder & Teacher</div>
|
||||
<p class="member-bio">An aspiring lawyer who has dedicated her life to ensuring children have access to quality education even in the most challenging circumstances.</p>
|
||||
<h3 class="member-name" data-translate="nourName">Nour Nassar</h3>
|
||||
<div class="member-role" data-translate="nourRole">Co-Founder & Teacher</div>
|
||||
<p class="member-bio" data-translate="nourBio">An aspiring lawyer who has dedicated her life to ensuring children have access to quality education even in the most challenging circumstances.</p>
|
||||
<div class="social-links-member">
|
||||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
|
|
@ -101,9 +101,9 @@
|
|||
<div class="team-member">
|
||||
<img src="images/abdullah-elbaba.jpg" alt="Abdullah Elbaba" class="member-image">
|
||||
<div class="member-info">
|
||||
<h3 class="member-name">Abdullah Elbaba</h3>
|
||||
<div class="member-role">Co-Founder & Program Director</div>
|
||||
<p class="member-bio">A biomedical engineer and community activist who believes in the power of education to rebuild communities and create lasting change.</p>
|
||||
<h3 class="member-name" data-translate="abdullahName">Abdullah Elbaba</h3>
|
||||
<div class="member-role" data-translate="abdullahRole">Co-Founder & Program Director</div>
|
||||
<p class="member-bio" data-translate="abdullahBio">A biomedical engineer and community activist who believes in the power of education to rebuild communities and create lasting change.</p>
|
||||
<div class="social-links-member">
|
||||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
|
|
@ -120,8 +120,8 @@
|
|||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h3>Schools Without Borders</h3>
|
||||
<p>A non-profit organization supporting education and providing services to students affected by wars and conflicts.</p>
|
||||
<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>
|
||||
|
|
@ -130,22 +130,22 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h3>Quick Links</h3>
|
||||
<h3 data-translate="quickLinks">Quick Links</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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>Contact Us</h3>
|
||||
<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">
|
||||
<div class="copyright" data-translate="copyright">
|
||||
© 2025 Schools Without Borders. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
46
contact.html
46
contact.html
|
|
@ -209,18 +209,18 @@
|
|||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<img src="images/logo.png" alt="Schools Without Borders Logo">
|
||||
<span>Schools Without Borders</span>
|
||||
<span data-translate="organizationName">Schools Without Borders</span>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html" class="active">Contact</a></li>
|
||||
<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" class="active" data-translate="contact">Contact</a></li>
|
||||
</ul>
|
||||
<div class="language-toggle" onclick="toggleLanguage()">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>EN / عربي</span>
|
||||
<span id="langText">EN / عربي</span>
|
||||
</div>
|
||||
<div class="mobile-menu">
|
||||
<i class="fas fa-bars"></i>
|
||||
|
|
@ -339,47 +339,47 @@
|
|||
<div class="faq-container">
|
||||
<div class="faq-item active">
|
||||
<div class="faq-question">
|
||||
<h3>How can I volunteer with Schools Without Borders?</h3>
|
||||
<h3 data-translate="faq.q1">How can I volunteer with Schools Without Borders?</h3>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>You can volunteer with us by filling out the contact form above and selecting "Volunteer Opportunities" as your inquiry type. Our team will then reach out to discuss how your skills and experience can best support our mission. We offer both on-site and remote volunteering opportunities.</p>
|
||||
<p data-translate="faq.a1">You can volunteer with us by filling out the contact form above and selecting "Volunteer Opportunities" as your inquiry type. Our team will then reach out to discuss how your skills and experience can best support our mission. We offer both on-site and remote volunteering opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h3>How is my donation used?</h3>
|
||||
<h3 data-translate="faq.q2">How is my donation used?</h3>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>Your donations directly support our educational programs for children affected by conflict. Funds are used to purchase educational materials, support teacher training, maintain mobile classrooms, and provide psychosocial support. We maintain transparency in our financial reporting and can provide detailed information upon request.</p>
|
||||
<p data-translate="faq.a2">Your donations directly support our educational programs for children affected by conflict. Funds are used to purchase educational materials, support teacher training, maintain mobile classrooms, and provide psychosocial support. We maintain transparency in our financial reporting and can provide detailed information upon request.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h3>Can I donate educational materials instead of money?</h3>
|
||||
<h3 data-translate="faq.q3">Can I donate educational materials instead of money?</h3>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>Yes, we accept donations of educational materials such as books, stationery, and teaching aids. Please contact us beforehand to discuss specific needs and logistics for delivering these materials to our operational areas.</p>
|
||||
<p data-translate="faq.a3">Yes, we accept donations of educational materials such as books, stationery, and teaching aids. Please contact us beforehand to discuss specific needs and logistics for delivering these materials to our operational areas.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h3>How can my organization partner with Schools Without Borders?</h3>
|
||||
<h3 data-translate="faq.q4">How can my organization partner with Schools Without Borders?</h3>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>We welcome partnerships with organizations that share our commitment to education in crisis contexts. Partnerships can take many forms, including financial support, resource sharing, joint programs, or technical assistance. Please contact us to explore collaboration opportunities that align with our mutual goals.</p>
|
||||
<p data-translate="faq.a4">We welcome partnerships with organizations that share our commitment to education in crisis contexts. Partnerships can take many forms, including financial support, resource sharing, joint programs, or technical assistance. Please contact us to explore collaboration opportunities that align with our mutual goals.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h3>Are donations tax-deductible?</h3>
|
||||
<h3 data-translate="faq.q5">Are donations tax-deductible?</h3>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>Schools Without Borders is a registered non-profit organization. The tax-deductibility of donations depends on your country's regulations. We can provide receipts and documentation for all donations. Please consult with a tax professional in your jurisdiction regarding tax benefits.</p>
|
||||
<p data-translate="faq.a5">Schools Without Borders is a registered non-profit organization. The tax-deductibility of donations depends on your country's regulations. We can provide receipts and documentation for all donations. Please consult with a tax professional in your jurisdiction regarding tax benefits.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -392,7 +392,7 @@
|
|||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h3>Schools Without Borders</h3>
|
||||
<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/@schools_without_borders"><i class="fab fa-tiktok"></i></a>
|
||||
|
|
@ -404,11 +404,11 @@
|
|||
<div class="footer-section">
|
||||
<h3 data-translate="quickLinks">Quick Links</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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">
|
||||
|
|
|
|||
203
css/styles.css
203
css/styles.css
|
|
@ -112,7 +112,7 @@ header {
|
|||
}
|
||||
|
||||
.logo img {
|
||||
height: 120px;
|
||||
height: 160px;
|
||||
margin-right: 10px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
|
@ -1026,4 +1026,205 @@ textarea.form-control {
|
|||
.gallery-items {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* Add this to your CSS file */
|
||||
header.preserve-layout {
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
header.preserve-layout * {
|
||||
direction: inherit;
|
||||
}
|
||||
|
||||
/* Support page specific styles */
|
||||
.support-intro {
|
||||
padding: 5rem 0;
|
||||
background-color: var(--gray-bg);
|
||||
}
|
||||
|
||||
.support-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.support-card {
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.support-card-image {
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.support-card-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.support-card-content {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
/* Donation Options Section */
|
||||
.donation-options {
|
||||
padding: 5rem 0;
|
||||
background-color: var(--gray-bg);
|
||||
}
|
||||
|
||||
.donation-title {
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.donation-boxes {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.donation-box {
|
||||
background-color: white;
|
||||
padding: 2rem;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.donation-amount {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
color: var(--orange);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.donation-description {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
/* Impact Section */
|
||||
.impact-section {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.impact-content {
|
||||
display: flex;
|
||||
gap: 3rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.impact-text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.impact-image {
|
||||
flex: 1;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.impact-image img {
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.impact-list {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.impact-item {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.impact-icon {
|
||||
color: var(--orange);
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
/* Testimonials Section */
|
||||
.testimonials {
|
||||
padding: 5rem 0;
|
||||
background-color: var(--gray-bg);
|
||||
}
|
||||
|
||||
.testimonial-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.testimonial {
|
||||
background-color: white;
|
||||
padding: 2rem;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.testimonial-quote {
|
||||
font-style: italic;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.testimonial-author-image {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.testimonial-author-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.testimonial-author-info h4 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
/* Contact CTA Section */
|
||||
.contact-cta {
|
||||
padding: 5rem 0;
|
||||
text-align: center;
|
||||
background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/contact-cta-bg.jpg') center/cover no-repeat;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.contact-cta h2 {
|
||||
color: white;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
/* Responsive styles for support page */
|
||||
@media (max-width: 768px) {
|
||||
.impact-content {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.impact-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.donation-boxes {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.testimonial-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
94
index.html
94
index.html
|
|
@ -15,14 +15,14 @@
|
|||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<img src="images/logo.png" alt="Schools Without Borders Logo">
|
||||
<span>Schools Without Borders</span>
|
||||
<span data-translate="organizationName">Schools Without Borders</span>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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 class="language-toggle" onclick="toggleLanguage()">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -39,9 +39,9 @@
|
|||
<section class="hero" style="background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/hero-image.png') center/cover no-repeat fixed;">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<h1>Our Children<br>Our Future</h1>
|
||||
<p>Bringing Education Where Schools Cannot Reach</p>
|
||||
<a href="support.html" class="btn btn-primary">Support Our Mission</a>
|
||||
<h1 data-translate="heroTitle">Our Children<br>Our Future</h1>
|
||||
<p data-translate="heroSubtitle">Bringing Education Where Schools Cannot Reach</p>
|
||||
<a href="support.html" class="btn btn-primary" data-translate="supportButton">Support Our Mission</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -49,29 +49,29 @@
|
|||
<!-- Mission Section -->
|
||||
<section class="mission">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Our Mission: Lighting the Future Through Education</h2>
|
||||
<h2 class="text-center" data-translate="missionTitle">Our Mission: Lighting the Future Through Education</h2>
|
||||
<div class="mission-content">
|
||||
<div class="mission-text">
|
||||
<p>At Schools Without Borders, we envision a world where every child, even amidst war and displacement, has the opportunity to learn, dream, and grow. Our mission is to break the barriers of ignorance and illiteracy by offering innovative, accessible, and sustainable educational programs for children in conflict zones.</p>
|
||||
<p>Together, we can transform education into a beacon of hope for children in crises, lighting the way to a brighter future.</p>
|
||||
<p data-translate="missionText1">At Schools Without Borders, we envision a world where every child, even amidst war and displacement, has the opportunity to learn, dream, and grow. Our mission is to break the barriers of ignorance and illiteracy by offering innovative, accessible, and sustainable educational programs for children in conflict zones.</p>
|
||||
<p data-translate="missionText2">Together, we can transform education into a beacon of hope for children in crises, lighting the way to a brighter future.</p>
|
||||
</div>
|
||||
<div class="mission-points">
|
||||
<ul>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Restore the right to education for all children</span>
|
||||
<span data-translate="missionPoint1">Restore the right to education for all children</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Foster creativity, critical thinking, and resilience</span>
|
||||
<span data-translate="missionPoint2">Foster creativity, critical thinking, and resilience</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Build a generation capable of rebuilding their communities</span>
|
||||
<span data-translate="missionPoint3">Build a generation capable of rebuilding their communities</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Provide psychosocial support to children affected by conflict</span>
|
||||
<span data-translate="missionPoint4">Provide psychosocial support to children affected by conflict</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -82,23 +82,23 @@
|
|||
<!-- Impact Numbers -->
|
||||
<section class="impact">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Our Impact</h2>
|
||||
<h2 class="text-center" data-translate="impactTitle">Our Impact</h2>
|
||||
<div class="stats">
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">1,500</div>
|
||||
<div class="stat-desc">Children Reached</div>
|
||||
<div class="stat-desc" data-translate="childrenReached">Children Reached</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">32</div>
|
||||
<div class="stat-desc">Educational Centers</div>
|
||||
<div class="stat-desc" data-translate="educationalCenters">Educational Centers</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">10</div>
|
||||
<div class="stat-desc">Mobile Learning Units</div>
|
||||
<div class="stat-desc" data-translate="mobileLearningUnits">Mobile Learning Units</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">28</div>
|
||||
<div class="stat-desc">Dedicated Teachers</div>
|
||||
<div class="stat-desc" data-translate="dedicatedTeachers">Dedicated Teachers</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -107,28 +107,28 @@
|
|||
<!-- Programs Section -->
|
||||
<section class="programs">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Our Programs</h2>
|
||||
<p class="text-center">Innovative educational solutions for children in conflict zones</p>
|
||||
<h2 class="text-center" data-translate="programsTitle">Our Programs</h2>
|
||||
<p class="text-center" data-translate="programsSubtitle">Innovative educational solutions for children in conflict zones</p>
|
||||
<div class="program-cards">
|
||||
<div class="program-card">
|
||||
<i class="fas fa-bus"></i>
|
||||
<h3>Mobile Schools</h3>
|
||||
<p>Education reaches children wherever they are, whether in camps or on the road.</p>
|
||||
<h3 data-translate="mobileSchoolsTitle">Mobile Schools</h3>
|
||||
<p data-translate="mobileSchoolsDesc">Education reaches children wherever they are, whether in camps or on the road.</p>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
<i class="fas fa-brain"></i>
|
||||
<h3>Memory Revival</h3>
|
||||
<p>Small steps helping out-of-school children return to learning with renewed enthusiasm.</p>
|
||||
<h3 data-translate="memoryRevivalTitle">Memory Revival</h3>
|
||||
<p data-translate="memoryRevivalDesc">Small steps helping out-of-school children return to learning with renewed enthusiasm.</p>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
<i class="fas fa-theater-masks"></i>
|
||||
<h3>Educational Drama</h3>
|
||||
<p>Theater and arts as tools to unlock children's creativity.</p>
|
||||
<h3 data-translate="educationalDramaTitle">Educational Drama</h3>
|
||||
<p data-translate="educationalDramaDesc">Theater and arts as tools to unlock children's creativity.</p>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
<i class="fas fa-child"></i>
|
||||
<h3>Mobile Kindergarten</h3>
|
||||
<p>The first steps of education in a flexible and engaging environment.</p>
|
||||
<h3 data-translate="mobileKindergartenTitle">Mobile Kindergarten</h3>
|
||||
<p data-translate="mobileKindergartenDesc">The first steps of education in a flexible and engaging environment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -137,23 +137,23 @@
|
|||
<!-- CTA Section -->
|
||||
<section class="cta" style="background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('images/children-learning.jpg') center/cover no-repeat;">
|
||||
<div class="container">
|
||||
<h2>Be Part of the Change</h2>
|
||||
<p>Together, we can turn dreams into reality and provide education to children who need it most.</p>
|
||||
<h2 data-translate="ctaTitle">Be Part of the Change</h2>
|
||||
<p data-translate="ctaSubtitle">Together, we can turn dreams into reality and provide education to children who need it most.</p>
|
||||
<div class="donation-options">
|
||||
<div class="donation-option">
|
||||
<div class="donation-amount">$50</div>
|
||||
<p>Provides a school bag for a child</p>
|
||||
<p data-translate="donation1">Provides a school bag for a child</p>
|
||||
</div>
|
||||
<div class="donation-option">
|
||||
<div class="donation-amount">$100</div>
|
||||
<p>Funds a child's education for a month</p>
|
||||
<p data-translate="donation2">Funds a child's education for a month</p>
|
||||
</div>
|
||||
<div class="donation-option">
|
||||
<div class="donation-amount">$250</div>
|
||||
<p>Equips a mobile classroom</p>
|
||||
<p data-translate="donation3">Equips a mobile classroom</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="support.html" class="btn btn-primary">Donate Now</a>
|
||||
<a href="support.html" class="btn btn-primary" data-translate="donateButton">Donate Now</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -162,8 +162,8 @@
|
|||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h3>Schools Without Borders</h3>
|
||||
<p>A non-profit organization supporting education and providing services to students affected by wars and conflicts.</p>
|
||||
<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>
|
||||
|
|
@ -172,22 +172,22 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h3>Quick Links</h3>
|
||||
<h3 data-translate="quickLinks">Quick Links</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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>Contact Us</h3>
|
||||
<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">
|
||||
<div class="copyright" data-translate="copyright">
|
||||
© 2025 Schools Without Borders. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -44,72 +44,58 @@ const translations = {
|
|||
let currentLang = localStorage.getItem('language') || 'en';
|
||||
|
||||
function toggleLanguage() {
|
||||
// Toggle between English and Arabic
|
||||
currentLang = currentLang === 'en' ? 'ar' : 'en';
|
||||
localStorage.setItem('language', currentLang);
|
||||
|
||||
// Update language indicator
|
||||
document.querySelector('.language-toggle span').textContent =
|
||||
// Update the language toggle text
|
||||
document.getElementById('langText').textContent =
|
||||
currentLang === 'en' ? 'EN / عربي' : 'عربي / EN';
|
||||
|
||||
// Update document direction
|
||||
document.body.dir = currentLang === 'ar' ? 'rtl' : 'ltr';
|
||||
document.body.classList.toggle('rtl', currentLang === 'ar');
|
||||
|
||||
// Update all translatable elements
|
||||
document.querySelectorAll('[data-translate]').forEach(element => {
|
||||
const key = element.getAttribute('data-translate');
|
||||
if (translations[currentLang][key]) {
|
||||
if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {
|
||||
element.placeholder = translations[currentLang][key];
|
||||
// Update all translatable content
|
||||
updateContent();
|
||||
}
|
||||
|
||||
function updateContent() {
|
||||
// Combine all translations for the current language
|
||||
const translations = {
|
||||
...homeTranslations[currentLang],
|
||||
...aboutTranslations[currentLang],
|
||||
...workTranslations[currentLang],
|
||||
...supportTranslations[currentLang],
|
||||
...contactTranslations[currentLang]
|
||||
};
|
||||
|
||||
// Update the content based on your translation structure
|
||||
for (const [key, value] of Object.entries(translations)) {
|
||||
const elements = document.querySelectorAll(`[data-translate="${key}"]`);
|
||||
elements.forEach(element => {
|
||||
// Handle elements that might contain HTML (like <br>)
|
||||
if (value.includes('<br>')) {
|
||||
element.innerHTML = value;
|
||||
} else {
|
||||
element.innerHTML = translations[currentLang][key];
|
||||
element.textContent = value;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Update navigation
|
||||
updateNavigation();
|
||||
|
||||
// Update footer
|
||||
updateFooter();
|
||||
|
||||
// Update page-specific content
|
||||
const pageName = window.location.pathname.split('/').pop().split('.')[0];
|
||||
if (typeof window[`update${capitalize(pageName)}Page`] === 'function') {
|
||||
window[`update${capitalize(pageName)}Page`]();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function updateNavigation() {
|
||||
document.querySelectorAll('.nav-links a').forEach(link => {
|
||||
if (link.href.includes('index.html')) link.textContent = translations[currentLang].home;
|
||||
if (link.href.includes('about.html')) link.textContent = translations[currentLang].aboutUs;
|
||||
if (link.href.includes('work.html')) link.textContent = translations[currentLang].ourWork;
|
||||
if (link.href.includes('support.html')) link.textContent = translations[currentLang].supportUs;
|
||||
if (link.href.includes('contact.html')) link.textContent = translations[currentLang].contact;
|
||||
});
|
||||
}
|
||||
|
||||
function updateFooter() {
|
||||
document.querySelector('.footer-section p').textContent = translations[currentLang].footerAbout;
|
||||
document.querySelectorAll('.footer-section h3')[1].textContent = translations[currentLang].quickLinks;
|
||||
document.querySelectorAll('.footer-section h3')[2].textContent = translations[currentLang].contactUs;
|
||||
document.querySelector('.copyright').textContent = translations[currentLang].copyright;
|
||||
}
|
||||
|
||||
function capitalize(string) {
|
||||
return string.charAt(0).toUpperCase() + string.slice(1);
|
||||
}
|
||||
|
||||
// Initialize language on page load
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Set initial direction and language
|
||||
document.body.dir = currentLang === 'ar' ? 'rtl' : 'ltr';
|
||||
document.body.classList.toggle('rtl', currentLang === 'ar');
|
||||
document.querySelector('.language-toggle span').textContent =
|
||||
|
||||
// Set initial language toggle text
|
||||
document.getElementById('langText').textContent =
|
||||
currentLang === 'en' ? 'EN / عربي' : 'عربي / EN';
|
||||
|
||||
// Update all content
|
||||
toggleLanguage();
|
||||
// Update initial content
|
||||
updateContent();
|
||||
});
|
||||
|
||||
// Add click handler to language toggle
|
||||
|
|
|
|||
|
|
@ -1,28 +1,70 @@
|
|||
const aboutTranslations = {
|
||||
en: {
|
||||
// Page Title
|
||||
aboutPageTitle: "About Us - Schools Without Borders",
|
||||
|
||||
// Page Banner
|
||||
aboutTitle: "About Us",
|
||||
aboutUs: "About Us",
|
||||
aboutSubtitle: "Know Our Story & Vision",
|
||||
|
||||
// Story Section
|
||||
storyTitle: "Nour and Abdullah: A Story of Hope and Renewal",
|
||||
storyText: "In the heart of Gaza, Nour, a 24-year-old aspiring lawyer, and Abdullah, a 25-year-old biomedical engineer and community activist, recognized the devastating impact of war and displacement on children's education...",
|
||||
storyText1: "In the heart of Gaza, Nour, a 24-year-old aspiring lawyer, and Abdullah, a 25-year-old biomedical engineer and community activist, recognized the devastating impact of war and displacement on children's education. Both grew up witnessing how conflicts disrupted education, leaving children vulnerable to an uncertain future.",
|
||||
storyText2: "Inspired by their experiences and shared belief in the transformative power of education, Nour and Abdullah founded \"Schools Without Borders.\" Their goal was simple yet profound: to ensure that every child, even in the darkest circumstances, has access to quality education to build a brighter future.",
|
||||
storyText3: "Through their efforts, Nour and Abdullah created a network of field classrooms, mobile kindergartens, and innovative educational programs that make learning an enjoyable adventure. Their leadership has inspired a community of teachers and volunteers united around the vision of nurturing a generation of children who think critically, dream boldly, and rebuild their communities with confidence.",
|
||||
storyText4: "Today, \"Schools Without Borders\" is more than an organization—it's a movement of hope, resilience, and renewal, led by two young visionaries who believed in education's power to change lives, supported by a global network of teachers, innovators, and civil society leaders.",
|
||||
|
||||
// Vision Section
|
||||
visionTitle: "Our Vision",
|
||||
visionText: "We aim to provide a safe and inclusive learning environment that allows students to continue their education under all circumstances..."
|
||||
visionText1: "We aim to provide a safe and inclusive learning environment that allows students to continue their education under all circumstances. Our institution aspires to be an incubator for various schools and educational initiatives, both locally and internationally, recognized by global organizations.",
|
||||
visionText2: "We believe that education is the foundation of sustainable social and economic development. Through it, we empower students to become future leaders and active contributors to their communities.",
|
||||
visionText3: "Our vision extends beyond immediate educational needs. We are working towards establishing permanent learning centers equipped with modern facilities to foster innovation and long-term development. These centers will not only provide education but also serve as community hubs for creativity, empowerment, and healing.",
|
||||
|
||||
// Team Section
|
||||
teamTitle: "Meet Our Team",
|
||||
teamSubtitle: "The dedicated individuals bringing education to children in crisis zones",
|
||||
|
||||
// Team Members
|
||||
nourName: "Nour Nassar",
|
||||
nourRole: "Co-Founder & Teacher",
|
||||
nourBio: "An aspiring lawyer who has dedicated her life to ensuring children have access to quality education even in the most challenging circumstances.",
|
||||
|
||||
abdullahName: "Abdullah Elbaba",
|
||||
abdullahRole: "Co-Founder & Program Director",
|
||||
abdullahBio: "A biomedical engineer and community activist who believes in the power of education to rebuild communities and create lasting change."
|
||||
},
|
||||
ar: {
|
||||
// Page Title
|
||||
aboutPageTitle: "من نحن - مدارس بلا حدود",
|
||||
|
||||
// Page Banner
|
||||
aboutTitle: "من نحن",
|
||||
aboutUs: "من نحن",
|
||||
aboutSubtitle: "اعرف قصتنا ورؤيتنا",
|
||||
|
||||
// Story Section
|
||||
storyTitle: "نور وعبد الله: قصة أمل وتجديد",
|
||||
storyText: "في قلب غزة، أدركت نور، وهي محامية طموحة تبلغ من العمر 24 عاماً، وعبد الله، وهو مهندس طب حيوي وناشط مجتمعي مفعم بالعطاء يبلغ من العمر 25 عاماً، التأثير المدمر للحرب والنزوح على تعليم الأطفال...",
|
||||
storyText1: "في قلب غزة، أدركت نور، وهي محامية طموحة تبلغ من العمر 24 عاماً، وعبد الله، وهو مهندس طب حيوي وناشط مجتمعي مفعم بالعطاء يبلغ من العمر 25 عاماً، التأثير المدمر للحرب والنزوح على تعليم الأطفال. نشأ كلاهما وهما يشاهدان كيف تؤدي الصراعات إلى تعطيل التعليم، وكيف يترك غياب التعليم المنظم الأطفال عرضة لمستقبل غامض.",
|
||||
storyText2: "بدافع تجاربهما وإيمانهما المشترك بقوة التعليم التحويلية، أسس نور وعبد الله \"مدارس بلا حدود\". كان هدفهما بسيطاً ولكنه عميق: ضمان حصول كل طفل، حتى في أحلك الظروف، على تعليم عالي الجودة لبناء مستقبل أكثر إشراقاً.",
|
||||
storyText3: "من خلال جهودهما، أنشأ نور وعبد الله شبكة من الفصول الميدانية، ورياض الأطفال المتنقلة، وبرامج تعليمية مبتكرة تجعل التعلم مغامرة ممتعة. لقد ألهمت قيادتهما مجتمعاً من المعلمين والمتطوعين، متوحدين حول رؤية تربية جيل من الأطفال الذين يفكرون بشكل نقدي، ويحلمون بشجاعة، ويعيدون بناء مجتمعاتهم بثقة.",
|
||||
storyText4: "اليوم، \"مدارس بلا حدود\" ليست مجرد منظمة، بل حركة أمل ومرونة وتجديد - بقيادة شابين آمنا بقوة التعليم في تغيير الحياة، وبدعم شبكة من المعلمين والمبتكرين وقادة المجتمع المدني من جميع أنحاء العالم.",
|
||||
|
||||
// Vision Section
|
||||
visionTitle: "رؤيتنا",
|
||||
visionText: "نهدف إلى توفير بيئة تعليمية آمنة وشاملة تتيح للطلاب مواصلة تعليمهم في جميع الظروف..."
|
||||
visionText1: "نهدف إلى توفير بيئة تعليمية آمنة وشاملة تتيح للطلاب مواصلة تعليمهم في جميع الظروف. تطمح مؤسستنا أن تكون حاضنة لمختلف المدارس والمبادرات التعليمية، محلياً ودولياً، معترف بها من قبل المنظمات العالمية.",
|
||||
visionText2: "نؤمن بأن التعليم هو أساس التنمية الاجتماعية والاقتصادية المستدامة. من خلاله، نمكّن الطلاب ليصبحوا قادة المستقبل ومساهمين فاعلين في مجتمعاتهم.",
|
||||
visionText3: "تمتد رؤيتنا إلى ما هو أبعد من الاحتياجات التعليمية الفورية. نحن نعمل على إنشاء مراكز تعلم دائمة مجهزة بمرافق حديثة لتعزيز الابتكار والتنمية طويلة الأجل. هذه المراكز لن توفر التعليم فحسب، بل ستكون أيضاً مراكز مجتمعية للإبداع والتمكين والشفاء.",
|
||||
|
||||
// Team Section
|
||||
teamTitle: "تعرف على فريقنا",
|
||||
teamSubtitle: "الأفراد المتفانون في إيصال التعليم للأطفال في مناطق الأزمات",
|
||||
|
||||
// Team Members
|
||||
nourName: "نور نصار",
|
||||
nourRole: "المؤسس المشارك والمعلمة",
|
||||
nourBio: "محامية طموحة كرست حياتها لضمان حصول الأطفال على تعليم عالي الجودة حتى في أصعب الظروف.",
|
||||
|
||||
abdullahName: "عبد الله البابا",
|
||||
abdullahRole: "المؤسس المشارك ومدير البرامج",
|
||||
abdullahBio: "مهندس طب حيوي وناشط مجتمعي يؤمن بقوة التعليم في إعادة بناء المجتمعات وإحداث تغيير دائم."
|
||||
}
|
||||
};
|
||||
|
|
@ -1,12 +1,13 @@
|
|||
const contactTranslations = {
|
||||
en: {
|
||||
// Page Banner
|
||||
// Page Title and Banner
|
||||
contactPageTitle: "Contact Us - Schools Without Borders",
|
||||
contactTitle: "Contact Us",
|
||||
contactSubtitle: "Get in Touch With Our Team",
|
||||
|
||||
// Intro Section
|
||||
introTitle: "We'd Love to Hear From You",
|
||||
introText: "Whether you have questions about our programs, want to volunteer, or are interested in supporting our mission, we're here to help. Feel free to reach out using the contact form below, or through any of our communication channels.",
|
||||
introText: "Whether you have questions about our programs, want to volunteer, or are interested in supporting our mission, we're here to help.",
|
||||
|
||||
// Contact Form
|
||||
formTitle: "Send Us a Message",
|
||||
|
|
@ -15,10 +16,6 @@ const contactTranslations = {
|
|||
contactNumber: "Contact Number",
|
||||
email: "Email Address*",
|
||||
inquiryType: "Inquiry Type*",
|
||||
message: "Message*",
|
||||
submitButton: "Submit",
|
||||
|
||||
// Inquiry Types
|
||||
selectOption: "Select an option",
|
||||
generalInquiry: "General Inquiry",
|
||||
volunteer: "Volunteer Opportunities",
|
||||
|
|
@ -26,6 +23,8 @@ const contactTranslations = {
|
|||
donation: "Donation",
|
||||
partnership: "Partnership",
|
||||
other: "Other",
|
||||
message: "Message*",
|
||||
submitButton: "Submit",
|
||||
|
||||
// Contact Info
|
||||
contactInfo: "Contact Information",
|
||||
|
|
@ -35,11 +34,11 @@ const contactTranslations = {
|
|||
locationsText: "Gaza - Rafah, Al-Bureij, Al-Nuseirat, Al-Zawaida, Deir Al-Balah, Khan Younis",
|
||||
connectWithUs: "Connect With Us",
|
||||
responseTime: "Response Time",
|
||||
responseTimeText: "We strive to respond to all inquiries within 24-48 hours. For urgent matters, please contact us directly by phone.",
|
||||
responseTimeText: "We strive to respond to all inquiries. For urgent matters, please contact us directly by phone.",
|
||||
|
||||
// FAQ Section
|
||||
faqTitle: "Frequently Asked Questions",
|
||||
faqQuestions: {
|
||||
faq: {
|
||||
q1: "How can I volunteer with Schools Without Borders?",
|
||||
a1: "You can volunteer with us by filling out the contact form above and selecting \"Volunteer Opportunities\" as your inquiry type. Our team will then reach out to discuss how your skills and experience can best support our mission. We offer both on-site and remote volunteering opportunities.",
|
||||
|
||||
|
|
@ -56,17 +55,36 @@ const contactTranslations = {
|
|||
a5: "Schools Without Borders is a registered non-profit organization. The tax-deductibility of donations depends on your country's regulations. We can provide receipts and documentation for all donations. Please consult with a tax professional in your jurisdiction regarding tax benefits."
|
||||
},
|
||||
|
||||
// Map Section
|
||||
mapTitle: "Our Areas of Operation"
|
||||
// Additional translations needed
|
||||
requiredFields: "* Required fields",
|
||||
sendMessage: "Send Message",
|
||||
|
||||
// Social Media Section
|
||||
followUs: "Follow Us On Social Media",
|
||||
|
||||
// Quick Links Section
|
||||
quickLinks: "Quick Links",
|
||||
home: "Home",
|
||||
aboutUs: "About Us",
|
||||
ourWork: "Our Work",
|
||||
supportUs: "Support Us",
|
||||
contact: "Contact",
|
||||
|
||||
// Footer
|
||||
organizationName: "Schools Without Borders",
|
||||
footerAbout: "A non-profit organization supporting education and providing services to students affected by wars and conflicts.",
|
||||
contactUs: "Contact Us",
|
||||
copyright: "© 2025 Schools Without Borders. All Rights Reserved."
|
||||
},
|
||||
ar: {
|
||||
// Page Banner
|
||||
// Page Title and Banner
|
||||
contactPageTitle: "اتصل بنا - مدارس بلا حدود",
|
||||
contactTitle: "اتصل بنا",
|
||||
contactSubtitle: "تواصل مع فريقنا",
|
||||
|
||||
// Intro Section
|
||||
introTitle: "نود أن نسمع منك",
|
||||
introText: "سواء كان لديك أسئلة حول برامجنا، أو ترغب في التطوع، أو مهتم بدعم مهمتنا، نحن هنا للمساعدة. لا تتردد في التواصل معنا باستخدام النموذج أدناه، أو من خلال أي من قنوات الاتصال لدينا.",
|
||||
introText: "سواء كان لديك أسئلة حول برامجنا، أو ترغب في التطوع، أو مهتم بدعم مهمتنا، نحن هنا للمساعدة.",
|
||||
|
||||
// Contact Form
|
||||
formTitle: "أرسل لنا رسالة",
|
||||
|
|
@ -75,10 +93,6 @@ const contactTranslations = {
|
|||
contactNumber: "رقم الاتصال",
|
||||
email: "البريد الإلكتروني*",
|
||||
inquiryType: "نوع الاستفسار*",
|
||||
message: "الرسالة*",
|
||||
submitButton: "إرسال",
|
||||
|
||||
// Inquiry Types
|
||||
selectOption: "اختر خياراً",
|
||||
generalInquiry: "استفسار عام",
|
||||
volunteer: "فرص التطوع",
|
||||
|
|
@ -86,6 +100,8 @@ const contactTranslations = {
|
|||
donation: "تبرع",
|
||||
partnership: "شراكة",
|
||||
other: "أخرى",
|
||||
message: "الرسالة*",
|
||||
submitButton: "إرسال",
|
||||
|
||||
// Contact Info
|
||||
contactInfo: "معلومات الاتصال",
|
||||
|
|
@ -95,11 +111,11 @@ const contactTranslations = {
|
|||
locationsText: "غزة - رفح، البريج، النصيرات، الزوايدة، دير البلح، خان يونس",
|
||||
connectWithUs: "تواصل معنا",
|
||||
responseTime: "وقت الرد",
|
||||
responseTimeText: "نسعى للرد على جميع الاستفسارات خلال 24-48 ساعة. للأمور العاجلة، يرجى الاتصال بنا مباشرة عبر الهاتف.",
|
||||
responseTimeText: "نسعى للرد على جميع الاستفسارات. للأمور العاجلة، يرجى الاتصال بنا مباشرة عبر الهاتف.",
|
||||
|
||||
// FAQ Section
|
||||
faqTitle: "الأسئلة الشائعة",
|
||||
faqQuestions: {
|
||||
faq: {
|
||||
q1: "كيف يمكنني التطوع مع مدارس بلا حدود؟",
|
||||
a1: "يمكنك التطوع معنا من خلال ملء نموذج الاتصال أعلاه واختيار \"فرص التطوع\" كنوع الاستفسار. سيتواصل فريقنا معك لمناقشة كيف يمكن لمهاراتك وخبراتك أن تدعم مهمتنا بشكل أفضل. نقدم فرص تطوع ميدانية وعن بعد.",
|
||||
|
||||
|
|
@ -110,13 +126,31 @@ const contactTranslations = {
|
|||
a3: "نعم، نقبل التبرعات بالمواد التعليمية مثل الكتب والقرطاسية والوسائل التعليمية. يرجى الاتصال بنا مسبقاً لمناقشة الاحتياجات المحددة والخدمات اللوجستية لتوصيل هذه المواد إلى مناطق عملنا.",
|
||||
|
||||
q4: "كيف يمكن لمؤسستي الشراكة مع مدارس بلا حدود؟",
|
||||
a4: "نرحب بالشراكات مع المؤسسات التي تشاركنا التزامنا بالتعليم في سياقات الأزمات. يمكن أن تأخذ الشراكات أشكالاً عديدة، بما في ذلك الدعم المالي، ومشاركة الموارد، والبرامج المشتركة، أو المساعدة التقنية. يرجى الاتصال بنا لاستكشاف فرص التعاون التي تتوافق مع أهدافنا المشتركة.",
|
||||
a4: "نرحب بالشراكات مع المنظمات التي تشاركنا التزامنا بالتعليم في سياقات الأزمات. يمكن أن تأخذ الشراكات أشكالاً عديدة، بما في ذلك الدعم المالي، ومشاركة الموارد، والبرامج المشتركة، أو المساعدة التقنية. يرجى الاتصال بنا لاستكشاف فرص التعاون التي تتوافق مع أهدافنا المشتركة.",
|
||||
|
||||
q5: "هل التبرعات معفاة من الضرائب؟",
|
||||
a5: "مدارس بلا حدود هي منظمة غير ربحية مسجلة. تعتمد الإعفاءات الضريبية للتبرعات على لوائح بلدك. يمكننا تقديم إيصالات ووثائق لجميع التبرعات. يرجى استشارة متخصص ضرائب في منطقتك بخصوص المزايا الضريبية."
|
||||
},
|
||||
|
||||
// Map Section
|
||||
mapTitle: "مناطق عملنا"
|
||||
// Additional translations needed
|
||||
requiredFields: "* حقول مطلوبة",
|
||||
sendMessage: "إرسال رسالة",
|
||||
|
||||
// Social Media Section
|
||||
followUs: "تابعنا على وسائل التواصل الاجتماعي",
|
||||
|
||||
// Quick Links Section
|
||||
quickLinks: "روابط سريعة",
|
||||
home: "الرئيسية",
|
||||
aboutUs: "من نحن",
|
||||
ourWork: "عملنا",
|
||||
supportUs: "ادعمنا",
|
||||
contact: "اتصل بنا",
|
||||
|
||||
// Footer
|
||||
organizationName: "مدارس بلا حدود",
|
||||
footerAbout: "منظمة غير ربحية تدعم التعليم وتقدم الخدمات للطلاب المتأثرين بالحروب والنزاعات",
|
||||
contactUs: "اتصل بنا",
|
||||
copyright: "© 2025 مدارس بلا حدود. جميع الحقوق محفوظة"
|
||||
}
|
||||
};
|
||||
|
|
@ -19,7 +19,29 @@ const homeTranslations = {
|
|||
donation1: "Provides a school bag for a child",
|
||||
donation2: "Funds a child's education for a month",
|
||||
donation3: "Equips a mobile classroom",
|
||||
donateButton: "Donate Now"
|
||||
donateButton: "Donate Now",
|
||||
|
||||
// Memory Revival Program
|
||||
memoryRevivalTitle: "Memory Revival",
|
||||
memoryRevivalDesc: "Small steps helping out-of-school children return to learning with renewed enthusiasm.",
|
||||
|
||||
// Educational Drama Program
|
||||
educationalDramaTitle: "Educational Drama",
|
||||
educationalDramaDesc: "Theater and arts as tools to unlock children's creativity.",
|
||||
|
||||
// Mobile Kindergarten Program
|
||||
mobileKindergartenTitle: "Mobile Kindergarten",
|
||||
mobileKindergartenDesc: "The first steps of education in a flexible and engaging environment.",
|
||||
|
||||
// Navigation items
|
||||
home: "Home",
|
||||
aboutUs: "About Us",
|
||||
ourWork: "Our Work",
|
||||
supportUs: "Support Us",
|
||||
contact: "Contact",
|
||||
|
||||
// Footer
|
||||
footerAbout: "A non-profit organization supporting education and providing services to students affected by wars and conflicts."
|
||||
},
|
||||
ar: {
|
||||
// Hero Section
|
||||
|
|
@ -41,6 +63,48 @@ const homeTranslations = {
|
|||
donation1: "يوفر حقيبة مدرسية لطفل",
|
||||
donation2: "يمول تعليم طفل لمدة شهر",
|
||||
donation3: "يجهز فصلاً دراسياً متنقلاً",
|
||||
donateButton: "تبرع الآن"
|
||||
donateButton: "تبرع الآن",
|
||||
|
||||
// New translations
|
||||
organizationName: "مدارس بلا حدود",
|
||||
impactTitle: "تأثيرنا",
|
||||
childrenReached: "طفل تم الوصول إليهم",
|
||||
educationalCenters: "مركز تعليمي",
|
||||
mobileLearningUnits: "وحدة تعليم متنقلة",
|
||||
dedicatedTeachers: "معلم متفانٍ",
|
||||
|
||||
programsTitle: "برامجنا",
|
||||
programsSubtitle: "حلول تعليمية مبتكرة للأطفال في مناطق النزاع",
|
||||
|
||||
mobileSchoolsTitle: "المدارس المتنقلة",
|
||||
mobileSchoolsDesc: "التعليم يصل إلى الأطفال أينما كانوا، سواء في المخيمات أو على الطريق",
|
||||
|
||||
missionPoint4: "تقديم الدعم النفسي والاجتماعي للأطفال المتأثرين بالنزاع",
|
||||
|
||||
quickLinks: "روابط سريعة",
|
||||
contactUs: "اتصل بنا",
|
||||
copyright: "© 2025 مدارس بلا حدود. جميع الحقوق محفوظة.",
|
||||
|
||||
// Memory Revival Program
|
||||
memoryRevivalTitle: "إحياء الذاكرة",
|
||||
memoryRevivalDesc: "خطوات صغيرة تساعد الأطفال خارج المدرسة على العودة إلى التعلم بحماس متجدد",
|
||||
|
||||
// Educational Drama Program
|
||||
educationalDramaTitle: "الدراما التعليمية",
|
||||
educationalDramaDesc: "المسرح والفنون كأدوات لإطلاق إبداع الأطفال",
|
||||
|
||||
// Mobile Kindergarten Program
|
||||
mobileKindergartenTitle: "روضة الأطفال المتنقلة",
|
||||
mobileKindergartenDesc: "الخطوات الأولى للتعليم في بيئة مرنة وجذابة",
|
||||
|
||||
// Navigation items
|
||||
home: "الرئيسية",
|
||||
aboutUs: "من نحن",
|
||||
ourWork: "عملنا",
|
||||
supportUs: "ادعمنا",
|
||||
contact: "اتصل بنا",
|
||||
|
||||
// Footer
|
||||
footerAbout: "منظمة غير ربحية تدعم التعليم وتقدم الخدمات للطلاب المتأثرين بالحروب والنزاعات"
|
||||
}
|
||||
};
|
||||
|
|
@ -1,57 +1,94 @@
|
|||
const supportTranslations = {
|
||||
en: {
|
||||
// Page Banner
|
||||
// Page Title and Banner
|
||||
supportPageTitle: "Support Us - Schools Without Borders",
|
||||
supportTitle: "Support Us",
|
||||
supportSubtitle: "Join Us in Making Education Possible",
|
||||
|
||||
// Ways to Help Section
|
||||
supportSubtitle: "Join Us in Making a Difference",
|
||||
|
||||
// Support Intro Section
|
||||
waysTitle: "Ways You Can Help",
|
||||
waysSubtitle: "Every contribution, no matter how small, helps us continue our mission",
|
||||
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.",
|
||||
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.",
|
||||
|
||||
// Support Options
|
||||
contributeTitle: "How You Can Contribute",
|
||||
|
||||
// Donation Options
|
||||
donateTitle: "Make a Donation",
|
||||
donateText: "Your financial support helps us maintain and expand our educational programs",
|
||||
oneTime: "One-Time Donation",
|
||||
monthly: "Monthly Donation",
|
||||
|
||||
// Donation Amounts
|
||||
amount50: {
|
||||
title: "$50",
|
||||
description: "Provides educational materials for one child"
|
||||
},
|
||||
amount100: {
|
||||
title: "$100",
|
||||
description: "Supports a teacher's training"
|
||||
},
|
||||
amount250: {
|
||||
title: "$250",
|
||||
description: "Funds a mobile classroom for a week"
|
||||
},
|
||||
amount500: {
|
||||
title: "$500",
|
||||
description: "Sponsors a child's education for a year"
|
||||
},
|
||||
|
||||
// Volunteer Section
|
||||
// Volunteer Card
|
||||
volunteerTitle: "Volunteer With Us",
|
||||
volunteerText: "Share your skills and time to make a difference in children's lives",
|
||||
|
||||
// Partnership Section
|
||||
partnerTitle: "Partner With Us",
|
||||
partnerText: "Organizations can support our mission through various partnership opportunities",
|
||||
|
||||
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.",
|
||||
volunteerText2: "As a volunteer, you can assist in organizing educational programs, provide psychological support, offer training to teachers, or engage in fundraising activities.",
|
||||
volunteerButton: "Become a Volunteer",
|
||||
|
||||
// Donate Card
|
||||
donateTitle: "Donate",
|
||||
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.",
|
||||
donateText2: "You can make a one-time donation or set up a monthly contribution to ensure that our programs continue to thrive.",
|
||||
donateButton: "Make a Donation",
|
||||
|
||||
// Spread Word Card
|
||||
spreadTitle: "Spread the Word",
|
||||
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.",
|
||||
spreadText2: "The more people who know about our efforts, the more children we can reach with education and hope.",
|
||||
|
||||
// Partnership Card
|
||||
partnerTitle: "Partnerships",
|
||||
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.",
|
||||
partnerText2: "Corporate partnerships allow us to continue creating sustainable solutions for education in crisis areas.",
|
||||
partnerButton: "Become a Partner",
|
||||
|
||||
// Volunteer Form
|
||||
volunteerFormTitle: "Volunteer Application",
|
||||
volunteerFormText: "Fill out this form to join our volunteer team and make a difference.",
|
||||
|
||||
// Donation Options
|
||||
donationOptionsTitle: "Make a Donation",
|
||||
donationOptionsText: "Your contribution, no matter the size, can make a significant difference in a child's life.",
|
||||
|
||||
// Impact Section
|
||||
impactTitle: "Your Impact",
|
||||
impactText: "See how your support transforms lives and creates lasting change",
|
||||
impactTitle: "The Impact of Your Support",
|
||||
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.",
|
||||
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.",
|
||||
|
||||
// Impact Items
|
||||
impact1Title: "Restore Learning Opportunities",
|
||||
impact1Text: "Your support helps children regain access to education despite challenging circumstances.",
|
||||
impact2Title: "Provide Safe Spaces",
|
||||
impact2Text: "Your contributions create secure environments where children can learn, play, and grow.",
|
||||
impact3Title: "Support Teacher Training",
|
||||
impact3Text: "Your generosity helps us train educators to deliver quality education in crisis situations.",
|
||||
impact4Title: "Foster Psychological Healing",
|
||||
impact4Text: "Your donation supports programs that address trauma and promote emotional wellbeing.",
|
||||
|
||||
// Testimonials Section
|
||||
testimonialsTitle: "What Our Supporters Say",
|
||||
|
||||
// CTA Section
|
||||
ctaTitle: "Have Questions About Supporting Us?",
|
||||
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.",
|
||||
ctaButton: "Contact Us",
|
||||
|
||||
// Testimonials
|
||||
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.",
|
||||
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.",
|
||||
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.",
|
||||
|
||||
// Call to Action
|
||||
ctaTitle: "Ready to Make a Difference?",
|
||||
ctaText: "Join us in bringing education to children affected by conflict"
|
||||
// Common elements
|
||||
organizationName: "Schools Without Borders",
|
||||
footerAbout: "A non-profit organization supporting education and providing services to students affected by wars and conflicts.",
|
||||
quickLinks: "Quick Links",
|
||||
home: "Home",
|
||||
aboutUs: "About Us",
|
||||
ourWork: "Our Work",
|
||||
supportUs: "Support Us",
|
||||
contact: "Contact",
|
||||
contactUs: "Contact Us",
|
||||
copyright: "© 2025 Schools Without Borders. All Rights Reserved."
|
||||
},
|
||||
ar: {
|
||||
// Arabic translations
|
||||
supportPageTitle: "ادعمنا - مدارس بلا حدود",
|
||||
supportTitle: "ادعمنا",
|
||||
supportSubtitle: "انضم إلينا في جعل التعليم ممكناً",
|
||||
supportSubtitle: "انضم إلينا في إحداث فرق",
|
||||
|
||||
waysTitle: "طرق المساعدة",
|
||||
waysSubtitle: "كل مساهمة، مهما كانت صغيرة، تساعدنا في مواصلة مهمتنا",
|
||||
|
|
@ -88,6 +125,23 @@ const supportTranslations = {
|
|||
impactText: "شاهد كيف يحول دعمك الحياة ويخلق تغييراً دائماً",
|
||||
|
||||
ctaTitle: "مستعد لإحداث فرق؟",
|
||||
ctaText: "انضم إلينا في إيصال التعليم للأطفال المتأثرين بالنزاع"
|
||||
ctaText: "انضم إلينا في إيصال التعليم للأطفال المتأثرين بالنزاع",
|
||||
|
||||
// Testimonials
|
||||
testimonial1: "العمل مع مدارس بلا حدود كمعلمة متطوعة كان أكثر التجارب مكافأة في مسيرتي المهنية. رؤية الأطفال يتحمسون للتعلم، رغم ظروفهم، يؤكد أهمية هذه المهمة.",
|
||||
testimonial2: "كمتبرع شهري، أنا فخور بدعم منظمة تقدم التعليم لأكثر الأطفال ضعفاً. الشفافية والتفاني الذي يظهره فريق مدارس بلا حدود يمنحني الثقة بأن مساهمتي تحدث فرقاً حقيقياً.",
|
||||
testimonial3: "شراكة شركتنا مع مدارس بلا حدود كانت مجزية للغاية. نهجهم المبتكر في التعليم في حالات الأزمات يتوافق تماماً مع قيم شركتنا، ورأينا بأنفسنا تأثير دعمنا.",
|
||||
|
||||
// Common elements
|
||||
organizationName: "مدارس بلا حدود",
|
||||
footerAbout: "منظمة غير ربحية تدعم التعليم وتقدم الخدمات للطلاب المتأثرين بالحروب والنزاعات.",
|
||||
quickLinks: "روابط سريعة",
|
||||
home: "الرئيسية",
|
||||
aboutUs: "من نحن",
|
||||
ourWork: "عملنا",
|
||||
supportUs: "ادعمنا",
|
||||
contact: "اتصل بنا",
|
||||
contactUs: "اتصل بنا",
|
||||
copyright: "© 2025 مدارس بلا حدود. جميع الحقوق محفوظة"
|
||||
}
|
||||
};
|
||||
|
|
@ -9,10 +9,14 @@ const workTranslations = {
|
|||
achievementsText: "At Schools Without Borders, we are committed to addressing the educational crises faced by children in Gaza. With innovation, resilience, and a deep commitment to change, we have developed impactful programs that bring education and hope to the most vulnerable while addressing family needs across all sectors to create holistic family support.",
|
||||
|
||||
// Stats
|
||||
childrenReached: "Children reached with educational opportunities",
|
||||
campsSupported: "Camps receiving educational support",
|
||||
centersEstablished: "Educational centers established",
|
||||
teachersTrained: "Dedicated teachers trained",
|
||||
childrenReached: "1,500+",
|
||||
childrenReachedText: "Children reached with educational opportunities",
|
||||
campsSupported: "32",
|
||||
campsSupportedText: "Camps receiving educational support",
|
||||
centersEstablished: "10",
|
||||
centersEstablishedText: "Educational centers established",
|
||||
teachersTrained: "28",
|
||||
teachersTrainedText: "Dedicated teachers trained",
|
||||
|
||||
// Programs Section
|
||||
programsTitle: "Our Innovative Programs",
|
||||
|
|
@ -37,7 +41,7 @@ const workTranslations = {
|
|||
},
|
||||
hospitalLearning: {
|
||||
title: "Hospital-Based Learning",
|
||||
description: "For children receiving medical treatment, our Hospital-Based Learning program brings educational activities directly to bedsides, ensuring hospitalization doesn't interrupt their learning journey."
|
||||
description: "For children receiving medical treatment, our hospital education program ensures learning continues during recovery, helping maintain academic progress and providing emotional support."
|
||||
},
|
||||
|
||||
// Gallery Section
|
||||
|
|
@ -48,13 +52,34 @@ const workTranslations = {
|
|||
storiesTitle: "Stories of Impact",
|
||||
storiesSubtitle: "Real stories of children whose lives have been transformed through education",
|
||||
|
||||
// Amira's Story
|
||||
amiraStory: {
|
||||
title: "Amira's Story",
|
||||
subtitle: "12-year-old girl from Rafah",
|
||||
text: "After being out of school for over a year, Amira joined our mobile classroom. Initially withdrawn and struggling with basic skills she had previously mastered, she found her confidence through our Memory Revival program.",
|
||||
quote: "\"I thought I had forgotten everything. Now I remember not just what I learned before, but I'm learning new things too. I want to be a teacher someday.\"",
|
||||
conclusion: "Today, Amira leads creative writing activities for younger children and has become an inspiration to her peers."
|
||||
},
|
||||
|
||||
// Yassin's Story
|
||||
yassinStory: {
|
||||
title: "Yassin's Story",
|
||||
subtitle: "9-year-old boy in hospital recovery",
|
||||
text: "After being injured and spending three months in hospital, Yassin was isolated from his peers and education. Our Hospital-Based Learning program brought not just lessons, but connection and hope to his bedside.",
|
||||
quote: "\"The teachers make me forget I'm in hospital. When we have our lessons, I feel like I'm back at school with my friends.\"",
|
||||
conclusion: "Upon discharge, Yassin seamlessly transitioned to our mobile classroom, where he continues to thrive academically despite his physical challenges."
|
||||
},
|
||||
|
||||
// Future Section
|
||||
futureTitle: "Looking to the Future",
|
||||
futureText: "As we build on our current work, we aim to expand our reach to 5,000 children by 2030, develop sustainable learning models that can be replicated globally, establish permanent learning centers, and enhance our psychosocial support services for children and families affected by conflict.",
|
||||
learnMoreButton: "Learn About Our Vision",
|
||||
|
||||
// Get Involved Section
|
||||
involvedTitle: "Be Part of Our Mission",
|
||||
involvedText: "There are many ways you can contribute to bringing education to children in crisis-affected areas. Whether through volunteering, donating, spreading awareness, or forming partnerships, your support makes a difference."
|
||||
involvedText: "There are many ways you can contribute to bringing education to children in crisis-affected areas. Whether through volunteering, donating, spreading awareness, or forming partnerships, your support makes a difference.",
|
||||
supportButton: "Support Us",
|
||||
contactButton: "Contact Us"
|
||||
},
|
||||
ar: {
|
||||
// Arabic translations for all the above keys
|
||||
|
|
@ -65,19 +90,75 @@ const workTranslations = {
|
|||
achievementsText: "في مدارس بلا حدود، نحن ملتزمون بمعالجة الأزمات التعليمية التي يواجهها الأطفال في غزة. من خلال الابتكار والمرونة والالتزام العميق بالتغيير، طورنا برامج مؤثرة تجلب التعليم والأمل للأكثر ضعفاً مع تلبية احتياجات الأسرة في جميع القطاعات لخلق دعم أسري شامل.",
|
||||
|
||||
// Stats
|
||||
childrenReached: "طفل تم الوصول إليهم بفرص تعليمية",
|
||||
campsSupported: "مخيم يتلقى الدعم التعليمي",
|
||||
centersEstablished: "مركز تعليمي تم إنشاؤه",
|
||||
teachersTrained: "معلم متفانٍ تم تدريبه",
|
||||
childrenReached: "+1,500",
|
||||
childrenReachedText: "طفل تم الوصول إليهم بفرص تعليمية",
|
||||
campsSupported: "32",
|
||||
campsSupportedText: "مخيم يتلقى الدعم التعليمي",
|
||||
centersEstablished: "10",
|
||||
centersEstablishedText: "مركز تعليمي تم إنشاؤه",
|
||||
teachersTrained: "28",
|
||||
teachersTrainedText: "معلم متفانٍ تم تدريبه",
|
||||
|
||||
// Continue with Arabic translations for all sections...
|
||||
// Programs Section
|
||||
programsTitle: "برامجنا المبتكرة",
|
||||
programsIntro: "من خلال الحلول التعليمية الإبداعية والمتكيفة، نجلب فرص التعلم للأطفال حتى في أصعب البيئات.",
|
||||
|
||||
mobileSchools: {
|
||||
title: "المدارس المتنقلة",
|
||||
description: "تجلب فصولنا الدراسية المتنقلة التعليم مباشرة إلى الأطفال في مخيمات النزوح والملاجئ المؤقتة والمناطق التي تضررت فيها المباني المدرسية. تضمن هذه المساحات المتكيفة استمرار التعلم بغض النظر عن الظروف."
|
||||
}
|
||||
// ... continue with remaining Arabic translations
|
||||
description: "تجلب فصولنا المتنقلة التعليم مباشرة إلى الأطفال في مخيمات النزوح والملاجئ المؤقتة والمناطق التي تضررت فيها المباني المدرسية. تضمن هذه المساحات المتكيفة استمرار التعلم بغض النظر عن الظروف."
|
||||
},
|
||||
memoryRevival: {
|
||||
title: "إحياء الذاكرة",
|
||||
description: "للأطفال الذين فاتتهم فترات طويلة من الدراسة، يوفر برنامج إحياء الذاكرة تدخلات مستهدفة للمساعدة في إعادة بناء الأسس الأكاديمية واستعادة الثقة في المهارات المكتسبة سابقاً."
|
||||
},
|
||||
educationalDrama: {
|
||||
title: "الدراما التعليمية",
|
||||
description: "باستخدام المسرح والفنون والتعبير الإبداعي كأدوات للتعلم والشفاء، يساعد برنامج الدراما التعليمي الأطفال على معالجة الصدمات مع تطوير المهارات الأكاديمية والعاطفية بطريقة جذابة."
|
||||
},
|
||||
mobileKindergarten: {
|
||||
title: "روضة الأطفال المتنقلة",
|
||||
description: "يجلب برنامج التعليم المبكر التعلم المنظم القائم على اللعب لأصغر الأطفال المتأثرين بالنزاع، مما يخلق بيئات مغذية لتطوير المهارات الأساسية."
|
||||
},
|
||||
hospitalLearning: {
|
||||
title: "التعلم في المستشفيات",
|
||||
description: "للأطفال الذين يتلقون العلاج الطبي، يضمن برنامج التعليم في المستشفيات استمرار التعلم أثناء التعافي، مما يساعد على الحفاظ على التقدم الأكاديمي وتقديم الدعم العاطفي."
|
||||
},
|
||||
|
||||
// Gallery Section
|
||||
galleryTitle: "تأثيرنا في الصور",
|
||||
gallerySubtitle: "صور تحكي قصة عملنا ومرونة الأطفال الذين نخدمهم",
|
||||
|
||||
// Impact Stories Section
|
||||
storiesTitle: "قصص التأثير",
|
||||
storiesSubtitle: "قصص حقيقية لأطفال تحولت حياتهم من خلال التعليم",
|
||||
|
||||
// Amira's Story
|
||||
amiraStory: {
|
||||
title: "قصة أميرة",
|
||||
subtitle: "فتاة تبلغ من العمر 12 عاماً من رفح",
|
||||
text: "بعد انقطاعها عن المدرسة لأكثر من عام، انضمت أميرة إلى فصلنا المتنقل. كانت في البداية منطوية وتكافح مع المهارات الأساسية التي كانت قد أتقنتها سابقاً، لكنها وجدت ثقتها من خلال برنامج إحياء الذاكرة.",
|
||||
quote: "\"اعتقدت أنني نسيت كل شيء. الآن أتذكر ليس فقط ما تعلمته من قبل، بل أتعلم أشياء جديدة أيضاً. أريد أن أصبح معلمة يوماً ما.\"",
|
||||
conclusion: "اليوم، تقود أميرة أنشطة الكتابة الإبداعية للأطفال الأصغر سناً وأصبحت مصدر إلهام لأقرانها."
|
||||
},
|
||||
|
||||
// Yassin's Story
|
||||
yassinStory: {
|
||||
title: "قصة ياسين",
|
||||
subtitle: "صبي يبلغ من العمر 9 سنوات في مرحلة التعافي بالمستشفى",
|
||||
text: "بعد إصابته وقضاء ثلاثة أشهر في المستشفى، كان ياسين معزولاً عن أقرانه والتعليم. جلب برنامج التعلم في المستشفى ليس فقط الدروس، بل أيضاً التواصل والأمل إلى سريره.",
|
||||
quote: "\"المعلمون يجعلونني أنسى أنني في المستشفى. عندما نأخذ دروسنا، أشعر وكأنني عدت إلى المدرسة مع أصدقائي.\"",
|
||||
conclusion: "بعد خروجه من المستشفى، انتقل ياسين بسلاسة إلى فصلنا المتنقل، حيث يواصل التفوق أكاديمياً رغم تحدياته الجسدية."
|
||||
},
|
||||
|
||||
// Future Section
|
||||
futureTitle: "نظرة إلى المستقبل",
|
||||
futureText: "مع البناء على عملنا الحالي، نهدف إلى توسيع نطاق وصولنا إلى 5,000 طفل بحلول عام 2030، وتطوير نماذج تعليمية مستدامة يمكن تكرارها عالمياً، وإنشاء مراكز تعلم دائمة، وتعزيز خدمات الدعم النفسي والاجتماعي للأطفال والعائلات المتأثرة بالنزاع.",
|
||||
learnMoreButton: "تعرف على رؤيتنا",
|
||||
|
||||
// Get Involved Section
|
||||
involvedTitle: "كن جزءاً من مهمتنا",
|
||||
involvedText: "هناك العديد من الطرق التي يمكنك من خلالها المساهمة في إيصال التعليم للأطفال في المناطق المتأثرة بالأزمات. سواء من خلال التطوع أو التبرع أو نشر الوعي أو تكوين شراكات، دعمك يحدث فرقاً.",
|
||||
supportButton: "ادعمنا",
|
||||
contactButton: "اتصل بنا"
|
||||
}
|
||||
};
|
||||
434
support.html
434
support.html
|
|
@ -3,294 +3,9 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Support Us - Schools Without Borders</title>
|
||||
<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">
|
||||
<style>
|
||||
/* Support page specific styles */
|
||||
.support-intro {
|
||||
padding: 5rem 0;
|
||||
background-color: var(--gray-bg);
|
||||
}
|
||||
|
||||
.support-intro-content {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.support-options {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.support-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.support-card {
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
overflow: hidden;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.support-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.support-card-image {
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.support-card-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.support-card:hover .support-card-image img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.support-card-content {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.support-card-content h3 {
|
||||
margin-bottom: 1rem;
|
||||
color: var(--dark-blue);
|
||||
}
|
||||
|
||||
.support-card-content p {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.donation-options {
|
||||
padding: 5rem 0;
|
||||
background-color: var(--gray-bg);
|
||||
}
|
||||
|
||||
.donation-title {
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.donation-boxes {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 2rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.donation-box {
|
||||
background-color: white;
|
||||
padding: 2rem;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
text-align: center;
|
||||
width: 250px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.donation-box:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.donation-amount {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
color: var(--orange);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.donation-description {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.impact-section {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.impact-content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 3rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.impact-text {
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.impact-image {
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.impact-image img {
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.impact-list {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.impact-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.impact-icon {
|
||||
color: var(--orange);
|
||||
margin-right: 1rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.testimonials {
|
||||
padding: 5rem 0;
|
||||
background-color: var(--gray-bg);
|
||||
}
|
||||
|
||||
.testimonial-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.testimonial {
|
||||
background-color: white;
|
||||
padding: 2rem;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial-quote {
|
||||
margin-bottom: 2rem;
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.testimonial-quote::before {
|
||||
content: '\201C';
|
||||
font-size: 4rem;
|
||||
position: absolute;
|
||||
left: -0.5rem;
|
||||
top: -1.5rem;
|
||||
color: rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.testimonial-author {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.testimonial-author-image {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.testimonial-author-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.testimonial-author-info h4 {
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
.testimonial-author-info p {
|
||||
font-size: 0.9rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.partners {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.partners-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.partner {
|
||||
background-color: white;
|
||||
padding: 2rem;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 150px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.partner:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.partner img {
|
||||
max-width: 100%;
|
||||
max-height: 60px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.contact-cta {
|
||||
padding: 3rem 0;
|
||||
background-color: var(--dark-blue);
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-cta h2 {
|
||||
color: white;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.contact-cta p {
|
||||
max-width: 700px;
|
||||
margin: 0 auto 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.support-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.donation-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.testimonial-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.partners-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header -->
|
||||
|
|
@ -299,14 +14,14 @@
|
|||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<img src="images/logo.png" alt="Schools Without Borders Logo">
|
||||
<span>Schools Without Borders</span>
|
||||
<span data-translate="organizationName">Schools Without Borders</span>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html" class="active">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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>
|
||||
|
|
@ -322,8 +37,8 @@
|
|||
<!-- 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>Support Us</h1>
|
||||
<p>Join Us in Making a Difference</p>
|
||||
<h1 data-translate="supportTitle">Support Us</h1>
|
||||
<p data-translate="supportSubtitle">Join Us in Making a Difference</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -331,9 +46,9 @@
|
|||
<section class="support-intro">
|
||||
<div class="container">
|
||||
<div class="support-intro-content">
|
||||
<h2>Ways You Can Help</h2>
|
||||
<p>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>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>
|
||||
<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>
|
||||
|
|
@ -341,38 +56,43 @@
|
|||
<!-- Support Options Section -->
|
||||
<section class="support-options">
|
||||
<div class="container">
|
||||
<h2 class="text-center">How You Can Contribute</h2>
|
||||
<div class="support-grid">
|
||||
<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>Volunteer With Us</h3>
|
||||
<p>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>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">Become a Volunteer</a>
|
||||
<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>Donate</h3>
|
||||
<p>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>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">Make a Donation</a>
|
||||
<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>Spread the Word</h3>
|
||||
<p>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>The more people who know about our efforts, the more children we can reach with education and hope.</p>
|
||||
<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>
|
||||
|
|
@ -386,10 +106,10 @@
|
|||
<img src="images/partnership.jpg" alt="Partner with Schools Without Borders">
|
||||
</div>
|
||||
<div class="support-card-content">
|
||||
<h3>Partnerships</h3>
|
||||
<p>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>Corporate partnerships allow us to continue creating sustainable solutions for education in crisis areas.</p>
|
||||
<a href="#" class="btn btn-primary">Become a Partner</a>
|
||||
<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>
|
||||
|
|
@ -399,8 +119,8 @@
|
|||
<!-- Volunteer Form Section -->
|
||||
<section class="volunteer-form">
|
||||
<div class="container">
|
||||
<h2 class="text-center">Volunteer Application</h2>
|
||||
<p class="text-center">Fill out this form to join our volunteer team and make a difference.</p>
|
||||
<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%"
|
||||
|
|
@ -418,28 +138,28 @@
|
|||
<section class="donation-options">
|
||||
<div class="container">
|
||||
<div class="donation-title">
|
||||
<h2>Make a Donation</h2>
|
||||
<p>Your contribution, no matter the size, can make a significant difference in a child's life.</p>
|
||||
<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">Provides a school bag with essential supplies for a child</p>
|
||||
<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">Funds educational materials for a classroom of 20 children</p>
|
||||
<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">Supports a child's education for an entire month</p>
|
||||
<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">Helps equip a mobile classroom with learning resources</p>
|
||||
<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>
|
||||
|
|
@ -449,52 +169,52 @@
|
|||
<!-- Impact Section -->
|
||||
<section class="impact-section">
|
||||
<div class="container">
|
||||
<h2 class="text-center">The Impact of Your Support</h2>
|
||||
<h2 class="text-center" data-translate="impactTitle">The Impact of Your Support</h2>
|
||||
<div class="impact-content">
|
||||
<div class="impact-text">
|
||||
<p>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>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>
|
||||
<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-check-circle"></i>
|
||||
<i class="fas fa-book"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Restore Learning Opportunities</h4>
|
||||
<p>Your support helps children regain access to education despite challenging circumstances.</p>
|
||||
<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-check-circle"></i>
|
||||
<i class="fas fa-home"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Provide Safe Spaces</h4>
|
||||
<p>Your contributions create secure environments where children can learn, play, and grow.</p>
|
||||
<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-check-circle"></i>
|
||||
<i class="fas fa-chalkboard-teacher"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Support Teacher Training</h4>
|
||||
<p>Your generosity helps us train educators to deliver quality education in crisis situations.</p>
|
||||
<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-check-circle"></i>
|
||||
<i class="fas fa-heart"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Foster Psychological Healing</h4>
|
||||
<p>Your donation supports programs that address trauma and promote emotional wellbeing.</p>
|
||||
<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 of Schools Without Borders">
|
||||
<img src="images/impact.jpg" alt="Impact">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -503,11 +223,11 @@
|
|||
<!-- Testimonials Section -->
|
||||
<section class="testimonials">
|
||||
<div class="container">
|
||||
<h2 class="text-center">What Our Supporters Say</h2>
|
||||
<h2 class="text-center" data-translate="testimonialsTitle">What Our Supporters Say</h2>
|
||||
<div class="testimonial-grid">
|
||||
<div class="testimonial">
|
||||
<div class="testimonial-quote">
|
||||
<p>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>
|
||||
<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">
|
||||
|
|
@ -521,7 +241,7 @@
|
|||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="testimonial-quote">
|
||||
<p>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>
|
||||
<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">
|
||||
|
|
@ -535,7 +255,7 @@
|
|||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="testimonial-quote">
|
||||
<p>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>
|
||||
<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">
|
||||
|
|
@ -554,9 +274,9 @@
|
|||
<!-- Contact CTA Section -->
|
||||
<section class="contact-cta">
|
||||
<div class="container">
|
||||
<h2>Have Questions About Supporting Us?</h2>
|
||||
<p>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">Contact Us</a>
|
||||
<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>
|
||||
|
||||
|
|
@ -565,8 +285,8 @@
|
|||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h3>Schools Without Borders</h3>
|
||||
<p>A non-profit organization supporting education and providing services to students affected by wars and conflicts.</p>
|
||||
<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>
|
||||
|
|
@ -575,26 +295,26 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h3>Quick Links</h3>
|
||||
<h3 data-translate="quickLinks">Quick Links</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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>Contact Us</h3>
|
||||
<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">
|
||||
© 2025 Schools Without Borders. All Rights Reserved.
|
||||
</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>
|
||||
|
|
|
|||
145
work.html
145
work.html
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Our Work - Schools Without Borders</title>
|
||||
<title data-translate="workTitle">Our Work - 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>
|
||||
|
|
@ -14,14 +14,14 @@
|
|||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<img src="images/logo.png" alt="Schools Without Borders Logo">
|
||||
<span>Schools Without Borders</span>
|
||||
<span data-translate="organizationName">Schools Without Borders</span>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html" class="active">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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" class="active" 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 class="language-toggle" onclick="toggleLanguage()">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -37,34 +37,34 @@
|
|||
<!-- Page Banner -->
|
||||
<section class="page-banner" style="background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('images/banner-work.jpg') center/cover no-repeat;">
|
||||
<div class="container">
|
||||
<h1>Our Work</h1>
|
||||
<p>Turning Challenges into Opportunities</p>
|
||||
<h1 data-translate="workTitle">Our Work</h1>
|
||||
<p data-translate="workSubtitle">Turning Challenges into Opportunities</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Achievements Section -->
|
||||
<section class="achievements">
|
||||
<div class="container">
|
||||
<h2 class="text-center">What We've Achieved So Far</h2>
|
||||
<h2 class="text-center" data-translate="achievementsTitle">What We've Achieved So Far</h2>
|
||||
<div class="achievements-content">
|
||||
<p>At Schools Without Borders, we are committed to addressing the educational crises faced by children in Gaza. With innovation, resilience, and a deep commitment to change, we have developed impactful programs that bring education and hope to the most vulnerable while addressing family needs across all sectors to create holistic family support.</p>
|
||||
<p data-translate="achievementsText">At Schools Without Borders, we are committed to addressing the educational crises faced by children in Gaza. With innovation, resilience, and a deep commitment to change, we have developed impactful programs that bring education and hope to the most vulnerable while addressing family needs across all sectors to create holistic family support.</p>
|
||||
</div>
|
||||
<div class="achievements-stats">
|
||||
<div class="stat-box">
|
||||
<div class="stat-number">1,500+</div>
|
||||
<p>Children reached with educational opportunities</p>
|
||||
<div class="stat-number" data-translate="childrenReached">1,500+</div>
|
||||
<p data-translate="childrenReachedText">Children reached with educational opportunities</p>
|
||||
</div>
|
||||
<div class="stat-box">
|
||||
<div class="stat-number">32</div>
|
||||
<p>Camps receiving educational support</p>
|
||||
<div class="stat-number" data-translate="campsSupported">32</div>
|
||||
<p data-translate="campsSupportedText">Camps receiving educational support</p>
|
||||
</div>
|
||||
<div class="stat-box">
|
||||
<div class="stat-number">10</div>
|
||||
<p>Educational centers established</p>
|
||||
<div class="stat-number" data-translate="centersEstablished">10</div>
|
||||
<p data-translate="centersEstablishedText">Educational centers established</p>
|
||||
</div>
|
||||
<div class="stat-box">
|
||||
<div class="stat-number">28</div>
|
||||
<p>Dedicated teachers trained</p>
|
||||
<div class="stat-number" data-translate="teachersTrained">28</div>
|
||||
<p data-translate="teachersTrainedText">Dedicated teachers trained</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -74,8 +74,8 @@
|
|||
<section class="programs">
|
||||
<div class="container">
|
||||
<div class="programs-intro">
|
||||
<h2>Our Innovative Programs</h2>
|
||||
<p>Through creative and adaptive educational solutions, we bring learning opportunities to children even in the most challenging environments.</p>
|
||||
<h2 data-translate="programsTitle">Our Innovative Programs</h2>
|
||||
<p data-translate="programsIntro">Through creative and adaptive educational solutions, we bring learning opportunities to children even in the most challenging environments.</p>
|
||||
</div>
|
||||
<div class="program-grid">
|
||||
<div class="program-card">
|
||||
|
|
@ -83,8 +83,8 @@
|
|||
<img src="images/mobile-school.jpg" alt="Mobile Schools Program">
|
||||
</div>
|
||||
<div class="program-content">
|
||||
<h3>Mobile Schools</h3>
|
||||
<p>Our mobile classrooms bring education directly to children in displacement camps, temporary shelters, and areas where school buildings have been damaged. These adaptable spaces ensure learning continues regardless of circumstances.</p>
|
||||
<h3 data-translate="mobileSchools.title">Mobile Schools</h3>
|
||||
<p data-translate="mobileSchools.description">Our mobile classrooms bring education directly to children in displacement camps, temporary shelters, and areas where school buildings have been damaged. These adaptable spaces ensure learning continues regardless of circumstances.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
|
|
@ -92,8 +92,8 @@
|
|||
<img src="images/memory-revival.jpg" alt="Memory Revival Program">
|
||||
</div>
|
||||
<div class="program-content">
|
||||
<h3>Memory Revival</h3>
|
||||
<p>For children who have missed extended periods of schooling, our Memory Revival program provides targeted interventions to help rebuild academic foundations and restore confidence in previously learned skills.</p>
|
||||
<h3 data-translate="memoryRevival.title">Memory Revival</h3>
|
||||
<p data-translate="memoryRevival.description">For children who have missed extended periods of schooling, our Memory Revival program provides targeted interventions to help rebuild academic foundations and restore confidence in previously learned skills.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
|
|
@ -101,8 +101,8 @@
|
|||
<img src="images/educational-drama.jpg" alt="Educational Drama Program">
|
||||
</div>
|
||||
<div class="program-content">
|
||||
<h3>Educational Drama</h3>
|
||||
<p>Using theater, arts, and creative expression as tools for learning and healing, our Educational Drama program helps children process trauma while developing academic and emotional skills in an engaging way.</p>
|
||||
<h3 data-translate="educationalDrama.title">Educational Drama</h3>
|
||||
<p data-translate="educationalDrama.description">Using theater, arts, and creative expression as tools for learning and healing, our Educational Drama program helps children process trauma while developing academic and emotional skills in an engaging way.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
|
|
@ -110,8 +110,8 @@
|
|||
<img src="images/mobile-kindergarten.jpg" alt="Mobile Kindergarten Program">
|
||||
</div>
|
||||
<div class="program-content">
|
||||
<h3>Mobile Kindergarten</h3>
|
||||
<p>Our early childhood education program brings structured play-based learning to the youngest children affected by conflict, creating nurturing environments for developing foundational skills.</p>
|
||||
<h3 data-translate="mobileKindergarten.title">Mobile Kindergarten</h3>
|
||||
<p data-translate="mobileKindergarten.description">Our early childhood education program brings structured play-based learning to the youngest children affected by conflict, creating nurturing environments for developing foundational skills.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="program-card">
|
||||
|
|
@ -119,8 +119,8 @@
|
|||
<img src="images/hospital-learning.jpg" alt="Hospital-Based Learning Program">
|
||||
</div>
|
||||
<div class="program-content">
|
||||
<h3>Hospital-Based Learning</h3>
|
||||
<p>For children receiving medical treatment, our Hospital-Based Learning program brings educational activities directly to bedsides, ensuring hospitalization doesn't interrupt their learning journey.</p>
|
||||
<h3 data-translate="hospitalLearning.title">Hospital-Based Learning</h3>
|
||||
<p data-translate="hospitalLearning.description">For children receiving medical treatment, our Hospital-Based Learning program brings educational activities directly to bedsides, ensuring hospitalization doesn't interrupt their learning journey.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -131,8 +131,8 @@
|
|||
<section class="gallery">
|
||||
<div class="container">
|
||||
<div class="gallery-intro">
|
||||
<h2>Our Impact in Pictures</h2>
|
||||
<p>Images that tell the story of our work and the resilience of the children we serve.</p>
|
||||
<h2 data-translate="galleryTitle">Our Impact in Pictures</h2>
|
||||
<p data-translate="gallerySubtitle">Images that tell the story of our work and the resilience of the children we serve.</p>
|
||||
</div>
|
||||
<div class="gallery-items">
|
||||
<div class="gallery-item">
|
||||
|
|
@ -161,47 +161,30 @@
|
|||
<section class="impact-stories">
|
||||
<div class="container">
|
||||
<div class="stories-intro">
|
||||
<h2>Stories of Impact</h2>
|
||||
<p>Real stories of children whose lives have been transformed through education</p>
|
||||
<h2 data-translate="storiesTitle">Stories of Impact</h2>
|
||||
<p data-translate="storiesSubtitle">Real stories of children whose lives have been transformed through education</p>
|
||||
</div>
|
||||
<div class="stories-container">
|
||||
<div class="story-card">
|
||||
<div class="story-header">
|
||||
<h3>Amira's Story</h3>
|
||||
<p>12-year-old girl from Rafah</p>
|
||||
<h3 data-translate="amiraStory.title">Amira's Story</h3>
|
||||
<p data-translate="amiraStory.subtitle">12-year-old girl from Rafah</p>
|
||||
</div>
|
||||
<div class="story-content">
|
||||
<p>After being out of school for over a year, Amira joined our mobile classroom. Initially withdrawn and struggling with basic skills she had previously mastered, she found her confidence through our Memory Revival program.</p>
|
||||
<div class="story-quote">
|
||||
"I thought I had forgotten everything. Now I remember not just what I learned before, but I'm learning new things too. I want to be a teacher someday."
|
||||
</div>
|
||||
<p>Today, Amira leads creative writing activities for younger children and has become an inspiration to her peers.</p>
|
||||
<p data-translate="amiraStory.text">After being out of school for over a year, Amira joined our mobile classroom.
|
||||
<div class="story-quote" data-translate="amiraStory.quote">"I thought I had forgotten everything. Now I remember not just what I learned before, but I'm learning new things too. I want to be a teacher someday."</div>
|
||||
<p data-translate="amiraStory.conclusion">Today, Amira leads creative writing activities for younger children.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="story-card">
|
||||
<div class="story-header">
|
||||
<h3>Yassin's Story</h3>
|
||||
<p>9-year-old boy in hospital recovery</p>
|
||||
<h3 data-translate="yassinStory.title">Yassin's Story</h3>
|
||||
<p data-translate="yassinStory.subtitle">9-year-old boy in hospital recovery</p>
|
||||
</div>
|
||||
<div class="story-content">
|
||||
<p>After being injured and spending three months in hospital, Yassin was isolated from his peers and education. Our Hospital-Based Learning program brought not just lessons, but connection and hope to his bedside.</p>
|
||||
<div class="story-quote">
|
||||
"The teachers make me forget I'm in hospital. When we have our lessons, I feel like I'm back at school with my friends."
|
||||
</div>
|
||||
<p>Upon discharge, Yassin seamlessly transitioned to our mobile classroom, where he continues to thrive academically despite his physical challenges.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="story-card">
|
||||
<div class="story-header">
|
||||
<h3>Leila and Layla's Story</h3>
|
||||
<p>4-year-old twins in Al-Bureij camp</p>
|
||||
</div>
|
||||
<div class="story-content">
|
||||
<p>Having never experienced formal education, these shy twins joined our Mobile Kindergarten program. Through songs, games, and age-appropriate activities, they've developed early literacy and numeracy skills along with crucial social abilities.</p>
|
||||
<div class="story-quote">
|
||||
"My daughters wake up excited every day for 'school time'. Even in our difficult situation, they're learning, playing, and staying children." - Father of Leila and Layla
|
||||
</div>
|
||||
<p>Their transformation from hesitant participants to enthusiastic learners demonstrates the power of early childhood education even in crisis settings.</p>
|
||||
<p data-translate="yassinStory.text">After being injured and spending three months in hospital, Yassin was isolated from his peers and education.>
|
||||
<div class="story-quote" data-translate="yassinStory.quote">"The teachers make me forget I'm in hospital. When we have our lessons, I feel like I'm back at school with my friends."</div>
|
||||
<p data-translate="yassinStory.conclusion">Upon discharge, Yassin seamlessly transitioned to our mobile classroom, where he continues to thrive academically despite his physical challenges.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -211,20 +194,20 @@
|
|||
<!-- Future Aspirations Section -->
|
||||
<section class="future-aspirations">
|
||||
<div class="container">
|
||||
<h2>Looking to the Future</h2>
|
||||
<p>As we build on our current work, we aim to expand our reach to 5,000 children by 2030, develop sustainable learning models that can be replicated globally, establish permanent learning centers, and enhance our psychosocial support services for children and families affected by conflict.</p>
|
||||
<a href="about.html#vision" class="btn btn-primary">Learn About Our Vision</a>
|
||||
<h2 data-translate="futureTitle">Looking to the Future</h2>
|
||||
<p data-translate="futureText">As we build on our current work, we aim to expand our reach to 5,000 children by 2030, develop sustainable learning models that can be replicated globally, establish permanent learning centers, and enhance our psychosocial support services for children and families affected by conflict.</p>
|
||||
<a href="about.html#vision" class="btn btn-primary" data-translate="learnMoreButton">Learn About Our Vision</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Get Involved Section -->
|
||||
<section class="get-involved">
|
||||
<div class="container">
|
||||
<h2>Be Part of Our Mission</h2>
|
||||
<p>There are many ways you can contribute to bringing education to children in crisis-affected areas. Whether through volunteering, donating, spreading awareness, or forming partnerships, your support makes a difference.</p>
|
||||
<h2 data-translate="involvedTitle">Be Part of Our Mission</h2>
|
||||
<p data-translate="involvedText">There are many ways you can contribute to bringing education to children in crisis-affected areas. Whether through volunteering, donating, spreading awareness, or forming partnerships, your support makes a difference.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="support.html" class="btn btn-primary">Support Us</a>
|
||||
<a href="contact.html" class="btn btn-secondary">Contact Us</a>
|
||||
<a href="support.html" class="btn btn-primary" data-translate="supportButton">Support Us</a>
|
||||
<a href="contact.html" class="btn btn-secondary" data-translate="contactButton">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -234,8 +217,8 @@
|
|||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h3>Schools Without Borders</h3>
|
||||
<p>A non-profit organization supporting education and providing services to students affected by wars and conflicts.</p>
|
||||
<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>
|
||||
|
|
@ -244,22 +227,22 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h3>Quick Links</h3>
|
||||
<h3 data-translate="quickLinks">Quick Links</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="work.html">Our Work</a></li>
|
||||
<li><a href="support.html">Support Us</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<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>Contact Us</h3>
|
||||
<p><i class="fas fa-envelope"></i> info@schools-without-borders.org</p>
|
||||
<p><i class="fas fa-phone"></i> +972 595 041 685</p>
|
||||
<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">
|
||||
<div class="copyright" data-translate="copyright">
|
||||
© 2025 Schools Without Borders. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue