generated from Victor-Gold/Foundation-Site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
240 lines (194 loc) · 9.32 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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.88.1">
<title>Eden Foundation</title>
<link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/carousel/">
<!-- Bootstrap core CSS -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="css/carousel.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/Color logo - no background.png" width="200" height="60" alt="Eden Foundation">
</a>
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarCollapse">
<ul class="navbar-nav mb-2 mb-md-0 justify-content-right">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="donate.html">Donate</a>
<!-- Insert Bitcoin Address Here -->
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
<!-- Insert About Link Here -->
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true"
aria-label="Slide 1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/help.jpg" class="bd-placeholder-img" width="100%" height="100%"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice"
focusable="false">
<rect width="100%" height="100%" fill="#777" /></img>
<div class="container">
<div class="carousel-caption text-start">
<h1>Children's lives and futures are at stake.</h1>
<p> </p>
<p><a class="btn btn-lg btn-success" href="donate.html">YOU CAN HELP</a></p>
<!-- Insert bitcoin donation address -->
</div>
</div>
</div>
<div class="carousel-item">
<!--first division image-->
<img src="images/donate_back.jpg" class="bd-placeholder-img" width="100%" height="100%"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice"
focusable="false">
<rect width="100%" height="100%" fill="#777" /></img>
<div class="container">
<div class="carousel-caption">
<h1>Our mission is to save lives</h1>
<p> </p><!-- TEXT ENTERS HERE -->
<p><a class="btn btn-lg btn-success" href="donate.html">DONATE NOW</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<!--second division image-->
<img src="images/kyiv-attack-damage-ukraine-war-qanon.jpg" class="bd-placeholder-img" width="100%"
height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice"
focusable="false">
<rect width="100%" height="100%" fill="#777" /></img>
<div class="container">
<div class="carousel-caption text-end">
<h1>Say no to Ukraine Invasion</h1>
<p></p>
<!-- <p><a class="btn btn-lg btn-success" href="#">DONATE NOW</a></p> -->
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing ">
<!-- Three columns of text below the carousel REMOVED -->
<!-- START THE FEATURETTES -->
<!-- THIS IS WHERE WE WRITE WHAT WE ARE CURRENTLY UP TO AND HOW WE HAVE HELPED THOSE IN NEED. -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">We need your support<span class="text-muted"></span>
<!-- THERE ARE TEXTS IN BETWEEN THE SPANS, BOTH HAVE DIFFERENT COLOURS -->
</h2>
<p class="lead">The Foundation helps provide psychological and
psychosocial support to children affected by the armed conflict.
Voices of Children's efforts of support for kids include art therapy, video storytelling, providing mobile
psychologists and even individual help for families</p>
</div>
<div class="col-md-5">
<img src="images/ph_47569_182582.jpg"
class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500"
xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500"
preserveAspectRatio="xMidYMid slice" focusable="true">
<title>Placeholder</title>
<rect width="100%" height="100%" fill="#eee" /><text x="50%" y="50%" fill="#aaa" dy=".3em">Art therapy and
video storytelling,</text></img>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">We need your help. <span class="text-muted"></span></h2>
<p class="lead">We provide health, nutrition, HIV prevention, education, safe drinking water, sanitation and
protection for children and families caught in the conflict in Ukraine.
"Heavy weapons fire along the line of contact has already damaged critical water infrastructure and
education facilities in recent days.</p>
</div>
<div class="col-md-5 order-md-1">
<img src="images/house.jpg"
class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500"
xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500"
preserveAspectRatio="xMidYMid slice" focusable="true">
<title>Placeholder</title>
<rect width="100%" height="100%" fill="#eee" /><text x="50%" y="50%" fill="#aaa" dy=".3em"></text>
</img>
</div>
</div>
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">We need your voice.<span class="text-muted"></span></h2>
<p class="lead">Our nonprofit organization is raising money to prepare first aid medical tactical backpacks
for paramedics and doctors on the front lines.
Each backpack is designed for groups of 5 to ten people and includes an array of first aid supplies</p>
</div>
<div class="col-md-5">
<img src="images/cyril.webp"
class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="600"
xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500"
preserveAspectRatio="xMidYMid slice" focusable="false">
<title>Placeholder</title>
<rect width="100%" height="100%" fill="#eee" /><text x="50%" y="50%" fill="#aaa" dy=".3em"></text>
</img>
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<!-- FOOTER -->
<footer class="container">
<p class="float-end"><a href="#">Back to top</a></p>
<p>© 2017–2021 Christ Eden Foundation, Inc.</p>
</footer>
</main>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>