diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..16888ad --- /dev/null +++ b/.gitignore @@ -0,0 +1,177 @@ +dist/ +.DS_Store +bun.lockb + + +logs +_.log +npm-debug.log_ +lerna-debug.log* +.pnpm-debug.log* + +# Diagnostic reports (https://nodejs.org/api/report.html) + +report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json + +# Runtime data + +pids +_.pid +_.seed +\*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover + +lib-cov + +# Coverage directory used by tools like istanbul + +coverage +\*.lcov + +# nyc test coverage + +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) + +.grunt + +# Bower dependency directory (https://bower.io/) + +bower_components + +# node-waf configuration + +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) + +build/Release + +# Dependency directories + +node_modules/ +jspm_packages/ + +# Snowpack dependency directory (https://snowpack.dev/) + +web_modules/ + +# TypeScript cache + +\*.tsbuildinfo + +# Optional npm cache directory + +.npm + +# Optional eslint cache + +.eslintcache + +# Optional stylelint cache + +.stylelintcache + +# Microbundle cache + +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history + +.node_repl_history + +# Output of 'npm pack' + +\*.tgz + + + +# dotenv environment variable files + +.env +.env.development.local +.env.test.local +.env.production.local +.env.local + +# parcel-bundler cache (https://parceljs.org/) + +.cache +.parcel-cache + +# Next.js build output + +.next +out + +# Nuxt.js build / generate output + +.nuxt +dist + +# Gatsby files + +.cache/ + +# Comment in the public line in if your project uses Gatsby and not Next.js + +# https://nextjs.org/blog/next-9-1#public-directory-support + +# public + +# vuepress build output + +.vuepress/dist + +# vuepress v2.x temp and cache directory + +.temp +.cache + +# Docusaurus cache and generated files + +.docusaurus + +# Serverless directories + +.serverless/ + +# FuseBox cache + +.fusebox/ + +# DynamoDB Local files + +.dynamodb/ + +# TernJS port file + +.tern-port + +# Stores VSCode versions used for testing VSCode extensions + +.vscode-test + +.wrangler/ + +# Vercel +.vercel/ +.dev.vars + +# Environment variables +.env* +.env.development +!.env.example +.vercel + +# Environment files +.env +.env.local +.env.*.local +.dev.vars +.env.production diff --git a/about.html b/about.html new file mode 100644 index 0000000..0645e0a --- /dev/null +++ b/about.html @@ -0,0 +1,644 @@ + +
+
+ +
+
+ + +
+
+

About Us

+

Know Our Story & Vision

+
+
+ + +
+
+

Nour and Abdullah: A Story of Hope and Renewal

+
+
+

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.

+

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.

+

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.

+

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.

+
+
+ Nour and Abdullah, Founders of Schools Without Borders +
+
+
+
+ + +
+
+

Our Vision

+
+
+

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.

+

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.

+

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.

+
+
+ Children in a learning environment +
+
+
+
+ + +
+
+

Meet Our Team

+

The dedicated individuals bringing education to children in crisis zones

+
+
+ Nour Nassar +
+

Nour Nassar

+
Co-Founder & Teacher
+

An aspiring lawyer who has dedicated her life to ensuring children have access to quality education even in the most challenging circumstances.

+ +
+
+
+ Abdullah Elbaba +
+

Abdullah Elbaba

+
Co-Founder & Program Director
+

A biomedical engineer and community activist who believes in the power of education to rebuild communities and create lasting change.

+ +
+
+
+ Muhammad El-Baba +
+

Muhammad El-Baba

+
Communications Director
+

A journalist committed to sharing the stories of children and educators in crisis zones, raising awareness about the importance of education.

+ +
+
+
+
+
+ + +
+
+

Our Core Values

+
+
+ +

Education for All

+

Ensuring equal learning opportunities for every child, regardless of circumstances.

+
+
+ +

Flexibility & Creativity

+

Adapting to challenges with innovative solutions and creative teaching methods.

+
+
+ +

Speed & Quality

+

Delivering timely and effective education that meets high standards.

+
+
+ +

Sustainability

+

Establishing long-term educational initiatives that create lasting impact.

+
+
+
+
+ + +
+
+
+

Join Our Mission

+

Become part of our team and help bring education to children in crisis zones. Whether you're an educator, healthcare worker, or have skills in logistics, administration, or any other field, your contribution can make a difference.

+ Volunteer With Us +
+
+
+ + + + + + + +About Us - Schools Without Borders + + + + + +
+
+ +
+
+ + +
+
+

Contact Us

+

Get in Touch With Our Team

+
+
+ + +
+
+
+

We'd Love to Hear From You

+

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.

+
+
+
+ + +
+
+
+
+

Send Us a Message

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+

Contact Information

+
+
+ +
+
+

Email

+

info@swb-project.org

+
+
+
+
+ +
+
+

Phone

+

+972 111 111 111

+
+
+
+
+ +
+
+

Operating Locations

+

Gaza - Rafah, Al-Bureij, Al-Nuseirat, Al-Zawaida, Deir Al-Balah, Khan Younis

+
+
+ +
+
+

Response Time

+

We strive to respond to all inquiries within 24-48 hours. For urgent matters, please contact us directly by phone.

+
+
+
+
+
+ + +
+
+

Frequently Asked Questions

+
+
+
+

How can I volunteer with Schools Without Borders?

+ +
+
+

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.

+
+
+
+
+

How is my donation used?

+ +
+
+

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.

+
+
+
+
+

Can I donate educational materials instead of money?

+ +
+
+

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.

+
+
+
+
+

How can my organization partner with Schools Without Borders?

+ +
+
+

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.

+
+
+
+
+

Are donations tax-deductible?

+ +
+
+

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.

+
+
+
+
+
+ + +
+
+

Our Areas of Operation

+
+ Map showing Schools Without Borders operational areas in Gaza +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..7a4dd7a --- /dev/null +++ b/css/styles.css @@ -0,0 +1,306 @@ +/* Global styles */ +:root { + --navy-blue: #1B1E3B; + --orange: #F29100; + --dark-blue: #115C94; + --light-blue: #259ED5; + --gray-bg: #f5f5f5; + --white: #ffffff; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} + +body { + line-height: 1.6; + color: #333; +} + +.container { + width: 90%; + max-width: 1200px; + margin: 0 auto; +} + +h1, h2, h3, h4 { + font-weight: 700; + margin-bottom: 0.5rem; + color: var(--navy-blue); +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.5rem; +} + +p { + margin-bottom: 1rem; +} + +a { + text-decoration: none; + color: var(--dark-blue); +} + +ul { + list-style: none; +} + +.btn { + display: inline-block; + padding: 0.8rem 1.5rem; + border-radius: 5px; + font-weight: 600; + cursor: pointer; + transition: all 0.3s ease; +} + +.btn-primary { + background-color: var(--orange); + color: white; +} + +.btn-primary:hover { + background-color: #d98100; +} + +.btn-secondary { + background-color: var(--dark-blue); + color: white; +} + +.btn-secondary:hover { + background-color: #0e4a78; +} + +.text-center { + text-align: center; +} + +/* Header styles */ +header { + background-color: white; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1000; +} + +.navbar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 0; +} + +.logo { + display: flex; + align-items: center; +} + +.logo img { + height: 60px; + margin-right: 10px; + border-radius: 50%; +} + +.nav-links { + display: flex; +} + +.nav-links li { + margin-left: 2rem; +} + +.nav-links a { + font-weight: 600; + color: var(--navy-blue); + transition: color 0.3s ease; +} + +.nav-links a:hover, .nav-links a.active { + color: var(--orange); +} + +.language-toggle { + display: flex; + align-items: center; + font-weight: 600; + cursor: pointer; +} + +.language-toggle i { + margin-right: 0.5rem; +} + +.mobile-menu { + display: none; + font-size: 1.5rem; + cursor: pointer; +} + +/* Page banner */ +.page-banner { + height: 40vh; + min-height: 300px; + display: flex; + align-items: center; + justify-content: center; + color: white; + text-align: center; + margin-top: 80px; +} + +.page-banner h1 { + color: white; + font-size: 3rem; +} + +/* Hero section */ +.hero { + height: 100vh; + display: flex; + align-items: center; + color: white; + margin-top: 80px; +} + +.hero-content { + max-width: 600px; +} + +.hero h1 { + font-size: 3.5rem; + margin-bottom: 1rem; + color: white; +} + +.hero p { + font-size: 1.2rem; + margin-bottom: 2rem; +} + +/* Footer */ +footer { + background-color: var(--navy-blue); + color: white; + padding: 4rem 0 2rem; +} + +.footer-content { + display: flex; + flex-wrap: wrap; + gap: 3rem; + margin-bottom: 2rem; +} + +.footer-section { + flex: 1; + min-width: 250px; +} + +.footer-section h3 { + color: white; + margin-bottom: 1.5rem; +} + +.footer-links li { + margin-bottom: 0.5rem; +} + +.footer-links a { + color: #ccc; + transition: color 0.3s ease; +} + +.footer-links a:hover { + color: var(--orange); +} + +.social-links { + display: flex; + gap: 1rem; + margin-top: 1rem; +} + +.social-links a { + display: inline-block; + width: 40px; + height: 40px; + background-color: rgba(255, 255, 255, 0.1); + color: white; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + transition: all 0.3s ease; +} + +.social-links a:hover { + background-color: var(--orange); +} + +.copyright { + text-align: center; + padding-top: 2rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); + font-size: 0.9rem; + color: #aaa; +} + +/* Responsive styles */ +@media (max-width: 768px) { + .nav-links { + display: none; + } + + .mobile-menu { + display: block; + } + + .hero h1 { + font-size: 2.5rem; + } + + .page-banner h1 { + font-size: 2.5rem; + } +} + +@media (max-width: 480px) { + .hero h1 { + font-size: 2rem; + } + + .page-banner h1 { + font-size: 2rem; + } + + .btn { + padding: 0.7rem 1.2rem; + font-size: 0.9rem; + } +} + +.volunteer-form { + padding: 5rem 0; + background-color: var(--gray-bg); +} + +.form-container { + max-width: 800px; + margin: 2rem auto 0; +} \ No newline at end of file diff --git a/images/hero-image.jpg.png b/images/hero-image.jpg.png new file mode 100644 index 0000000..200eebe Binary files /dev/null and b/images/hero-image.jpg.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..b2f5bc6 Binary files /dev/null and b/images/logo.png differ diff --git a/index.html b/index.html index ade0d73..799a1fe 100644 --- a/index.html +++ b/index.html @@ -437,7 +437,8 @@
-

Our Children, Our Future

+

Our Children, + Our Future

Bringing Education Where Schools Cannot Reach

Support Our Mission
@@ -551,7 +552,7 @@

Equips a mobile classroom

- Donate Now + Donate Now
@@ -563,10 +564,10 @@

Schools Without Borders

A non-profit organization supporting education and providing services to students affected by wars and conflicts.