-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
217 lines (188 loc) · 8.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ray of Hope</title>
<!-- favicon link tag -->
<link rel="icon" type="image/x-icon" href="./static/favicon.ico">
<link rel="stylesheet" href="./style/index.css" />
<link rel="stylesheet" href="./style/standard.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.2.0/css/glide.core.min.css"
integrity="sha512-YQlbvfX5C6Ym6fTUSZ9GZpyB3F92hmQAZTO5YjciedwAaGRI9ccNs4iw2QTCJiSPheUQZomZKHQtuwbHkA9lgw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.2.0/css/glide.theme.min.css"
integrity="sha512-wCwx+DYp8LDIaTem/rpXubV/C1WiNRsEVqoztV0NZm8tiTvsUeSlA/Uz02VTGSiqfzAHD4RnqVoevMcRZgYEcQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.2.0/glide.min.js"
integrity="sha512-IkLiryZhI6G4pnA3bBZzYCT9Ewk87U4DGEOz+TnRD3MrKqaUitt+ssHgn2X/sxoM7FxCP/ROUp6wcxjH/GcI5Q=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="node_modules/@glidejs/glide/dist/glide.min.js"></script>
<!-- Icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<!-- Standard script -->
<script src="./script/standard.js" defer></script>
</head>
<body>
<!-- Start of Header -->
<header>
<nav class="nav">
<a id="nav-logo" href="./index.html"><img src="./static/Logo.jpg" alt="Logo of Ray Of Hope" /></a>
<button class="mobile-nav-toggle" aria-controls="nav-menu" aria-label="menu"></button>
<ul id="nav-menu" class="nav-menu">
<li><a href="./index.html">Home</a></li>
<li><a href="./pages/aboutUs.html">About Us</a></li>
<li><a href="./pages/ourPrograms.html">Our Programs</a></li>
<li><a href="./pages/donate.html">Donate</a></li>
</ul>
</nav>
</header>
<!-- End of Header -->
<!-- Start of Main Section -->
<main>
<!-- Start of Slide Show -->
<div class="container">
<div class="glide">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide"><img src="./static\home\home_enrollment-Girls.jpg" alt=""></li>
<li class="glide__slide"><img src="./static\home\home_studentsEating.jpg" alt=""></li>
<li class="glide__slide"><img src="./static\home\home_studentsInClassroom.jpg" alt=""></li>
</ul>
</div>
<div class="glide__bullets" data-glide-el="controls[nav]">
<button class="glide__bullet" data-glide-dir="=0"></button>
<button class="glide__bullet" data-glide-dir="=1"></button>
<button class="glide__bullet" data-glide-dir="=2"></button>
</div>
</div>
<div class="banner_text">
<p>Razia’s Ray of Hope Foundation is a non-profit organization that provides Afghan girls nurturing, inspiring
educational environments and essential resources and services to girls, women and their families.</p>
</div>
<div class="social_media">
<ul>
<li><a href="https://www.facebook.com/RaziasRayofHope/" class="fa fa-facebook"></a></li>
<li><a href="https://www.instagram.com/raziasrayofhope/" class="fa fa-instagram"></a></li>
<li><a href="https://www.linkedin.com/company/razia's-ray-of-hope/" class="fa fa-linkedin"></a></li>
<li><a href="https://x.com/raziasrayofhope?mx=2" class="fa fa-twitter"></a></li>
</ul>
</div>
</div>
<!-- End of Slide Show -->
<!-- Start of Current Initiatives Section -->
<section class="initiative">
<div class="initiative_text">
<h2>Current Initiatives</h2>
<p>Educating Girls, Removing Barriers to Education, and Providing Humanitarian Aid</p>
</div>
<!-- Start of Enrollment Expansion -->
<div class="initiative_items">
<div class="items">
<div class="initiative_img">
<img src="./static\home\enrollment_expansion.png" alt="">
</div>
<div class="initiative_header">
<h3>Enrollment Expansion</h3>
</div>
<div class="initiative_p">
<p> The Enrollment Expansion program has added additional classes at all K-6th grade levels. RRH’s
enrollment in grades K-6 has increased 60% since the Taliban’s return in 2021, and the wait list
continues to grow.</p>
</div>
<div class="initiative_button">
<a href="./pages/ourPrograms.html">Learn More -></a>
</div>
</div>
<!-- End of Enrollment Expansion -->
<!-- Nutrition Program Start-->
<div class="items">
<div class="initiative_img">
<img src="./static\home\programs_nutrition.png" alt="">
</div>
<div class="initiative_header">
<h3>Nutrition Program</h3>
</div>
<div class="initiative_p">
<p> Afghanistan is experiencing one of the worst food crises in the world. RRH’s Nutrition Program
provides meals and snacks to girls in school, take-home food staples and cooking supplies.</p>
</p>
</div>
<div class="initiative_button">
<a href="./pages/ourPrograms.html">Learn More -></a>
</div>
</div>
<!-- End of Nutrition Program -->
<!-- Start of Menstrual & Hygiene Health -->
<div class="items">
<div class="initiative_img">
<img src="./static/home/menstrual_hygiene_health.png" alt="">
</div>
<div class="initiative_header">
<h3>Menstrual & Hygiene Health</h3>
</div>
<div class="initiative_p">
<p>RRH’s Menstrual Health and Hygiene Program distributes hygiene essentials to over 2,000 girls and
women, with provisions of menstrual products, laundry and body soap, shampoo, and new underwear.</p>
</p>
</div>
<div class="initiative_button">
<a href="./pages/ourPrograms.html">Learn More -></a>
</div>
</div>
</div>
</section>
<!-- End of Current Initiative Section -->
<!-- Start of Donate Video -->
<div class="content-before-footer">
<div class="video-container">
<video controls class="video-element" autoplay loop muted plays-inline>
<source src="https://video.wixstatic.com/video/864a67_0b4226bc6a8a4333aaa9e19e5563294e/1080p/mp4/file.mp4" type="video/mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="overlay">
<p>Educating Afghan girls is the best hope for a better, brighter future for Afghanistan and our world.</p>
<p>Your donations make it possible.</p>
<a href="./pages/donate.html" class="video-link">DONATE</a>
</div>
</div>
</div>
<!-- End of Donate Video -->
<!-- Start of Founder Section -->
<div class="founder">
<div class="founder_image">
<img src="static\home\founder_image.png" alt="">
</div>
<div class="founder_text">
<p>"We will continue to support Afghan girls and their families, no matter what tomorrow brings."</p>
<p>Razia Jan, Founder</p>
</div>
</div>
<!-- End of Founder Section -->
</main>
<footer>
<section class="contact">
<div class="contact-subscription">
<form action="">
<label id="subscription-text" for="subscription-email">
Subscribe to our mailing list:</label>
<br />
<input type="email" id="subscription-email" placeholder="Enter your Email" required />
<button type="submit" id="subs-email" href="#">SUBSCRIBE</button>
</form>
</div>
<div class="contact-info">
<p>P.O. BOX 81052, WELLESLEY, MA 02481</p>
<p>MOREINFO@RAZIASRAYOFHOPE.ORG</p>
</div>
</section>
<section class="authors">
<p>G{CODE} House</p>
<p class="authors__names">© Christelle Nkera, Aminata Siby, Lima Eftekhar, and Lina Martinez</p>
<p>2024</p>
</section>
</footer>
<script src="./script/index.js"></script>
</body>
</html>