-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
238 lines (193 loc) · 9.64 KB
/
index.html
File metadata and controls
238 lines (193 loc) · 9.64 KB
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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" defer src="/js/main.js"></script>
<link type="text/css" rel="stylesheet" media="screen and (max-width:1160px)" href="css/widescreen.css">
<link type="text/css" rel="stylesheet" media="screen and (max-width:768px)" href="css/mobile.css">
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> -->
<link type="text/css" rel="stylesheet" href="css/style.css" />
<title>globalHelpers | Home Page</title>
</head>
<body>
<!-- Navbar -->
<nav id="navbar">
<img src="img/LOGO.png" alt="The Logo" class="logo">
<ul>
<li><a href="#what" class="btn-dark">WHAT'S HAPPENING</a></li>
<li><a href="#about-us" class="btn-dark">ABOUT US</a></li>
<li><a href="#help" class="btn" data-modal-target="#modal">HELP THE CAUSE</a></li>
</ul>
</nav>
<!-- Header: Showcase -->
<header id="showcase">
<div class="showcase-container">
<div class="showcase-content">
<h1 class="l-heading">IT IS NEVER TOO LATE TO HELP FOR A GOOD CAUSE</h1>
<p>A LITTLE KINDNESS. A LITTLE HELP CAN MAKE A BIG DIFFERENCE</p>
<a href="#what" class="btn">Read More</a>
</div>
</div>
</header>
<!-- News Article -->
<section id="what" class="slideshow-container">
<div id="news-title">
<img src="img/LOGO.png" alt="The Logo" width="15%"><h3>NEWS</h3>
</div>
<div class="container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="what">
<div class="news-text">
<h3>Abdul: Leaving son behind is ‘biggest sadness’</a></h3>
<p>Abdul, a father of three who has worked with Afghan security forces, said he was
“terrorised” by the Taliban’s sweep across the country. “We knew what the Taliban
are and how they behave,” he told Al Jazeera. As reports of revenge killings in
Taliban-controlled areas spread, he says he and his family had no choice but to flee.
The Taliban has promised to not seek retaliation against Afghans who worked with the
government or US forces. “I was panicking. On the one hand, I felt like I needed to
go, but I was feeling so sad to be leaving my country and my family,” he told Al Jazeera.
Abdul’s panic grew as his nine-year-old son fell ill while the family was trying to
reach the airport in Kabul. He said his initial attempts to reach the compound failed
because Taliban fighters at checkpoints near the airport simply pushed people back and
denied them passage. With time running out, he said he had to leave his sick child with
his parents in the capital and try to reach an airport gate guarded by American and Afghan
forces. “That is my biggest sadness,” said Abdul, of having to leave his son in Afghanistan.
</p>
</div>
<img src="img/ezgif.com-gif-maker.jpg" alt="Abdul">
</div>
</div>
<div class="mySlides fade">
<div class="what">
<div class="news-text">
<h3>Abas: ‘Our Hazara community will suffer’</a></h3>
<p>“They were happy until the Taliban captured the province,” he said. “We resisted against the
Taliban all the time, and now that they are ruling, our Hazara community will suffer.”
Amnesty International documented a massacre by Taliban fighters against Hazara men earlier this year.
Abas said he was shocked and “felt hopeless” when the Taliban reached Kabul on August 15, capturing
the city with hardly any resistance. “Because I had worked for the US military in the past, I went
and hid at a relative’s house on the day when the Taliban entered Kabul,” he said. “I chose to stay
in a high populated but working area, which does not get attention … I thought all my wait and struggle
to get SIV was just drowning in the ocean.”
</p>
</div>
<img src="img/ezgif.com-gif-maker3.jpg" alt="Abas">
</div>
</div>
<div class="mySlides fade">
<div class="what">
<div class="news-text">
<h3>Hashima: ‘Everyone wants a good life’</a></h3>
<p>Hashima, 23, was studying international relations at a private university in Kabul before
the Afghan government collapsed. She said she had no immediate plans to leave the country
before the Taliban captured Kabul, but with two family members who worked with American
forces, she felt she had to flee. She first headed to the airport in Kabul, but with large
crowds at the gates, Hashima was not able to reach the compound. Her brother, who worked
with the US military and fled Afghanistan to China, instructed her to head to the northern city
of Mazar-i-Sharif to catch a flight, she said. “We went to Mazar and waited for two days over
there, then we were put on a flight to Qatar,” she said. But Hashima, who has no children,
had to leave her husband behind. “My husband’s name was not in the list of evacuees, so I had
to come alone,” she said. “It is because this all happened all of a sudden, and my brother
had not submitted my husband’s name in his SIV case yet...”
</p>
</div>
<img src="img/ezgif.com-gif-maker2.jpg" alt="Hashima">
</div>
</div>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<br>
</section>
<!-- About Us -->
<section id="about-us">
<a href="#about-us"></a>
<img src="img/pexels-fauxels-3184405.png" alt="Boss" width="20%">
<div id="about-us-content">
<h2>ABOUT US</a></h2>
<img src="img/LOGO.png" alt="The Logo">
</div>
<p>We are the bestfundraising and helping website worldwide. We are group of young adults ready make change to society</p>
</section>
<!-- Review -->
<section>
<img src="img/REVIEW.png" alt="Review Section" width="100%">
</section>
<section id="ready">
<p>ARE YOU READY TO HELP WITH A GOOD CAUSE?</p>
<button data-modal-target="#modal" class="btn">HELP THE CAUSE</button>
</section>
<div class="modal" id="modal">
<button data-close-button class="close-button">×</button>
<div class="modal-header ">
<h3>HOW DO YOU WANT TO HELP WITH <br>THE CAUSE?</h3>
</div>
<div class="modal-body">
<button type="submit" class="btn" id="donate">Donate</button>
<button type="submit" class="btn" id="volunteer">Volunteer</button>
</div>
<i>A LITTLE KINDNESS. A LITTLE HELP. CAN MAKE A BIG DIFFERENCE</i>
</div>
<div id="overlay"></div>
<!-- Footer -->
<footer class="footer ">
<div class="container">
<p>Copyright & copy; 2019, All Rights Reserved</p>
</div>
</footer>
<!-- JQuery CDN -->
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<!-- Slideshow JS section -->
<script>
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<!-- PopUp Form JS section -->
<script>
function openForm() {
document.getElementById("help").style.display = "block";
}
function closeForm() {
document.getElementById("help").style.display = "none";
}
</script>
<!-- Local JS File -->
<script src="js/main.js"></script>
</body>
</html>