-
Notifications
You must be signed in to change notification settings - Fork 0
/
getstarted.html
95 lines (92 loc) · 4.84 KB
/
getstarted.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
<!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.0">
<title>Reiler Spende</title> <!--adding a title to the website-->
<link rel="icon" href=""> <!--still need to add the icon for the website-->
<link rel="stylesheet" href=".\css\style.css">
<link rel="stylesheet" href=".\css\style-category.css">
</head>
<body>
<header> <!--defining the header-->
<div class="nav-bar">
<div class="nav-bar-container">
<!--navigation bar-->
<div id="why-donate">
<a href=".\why-donate.html" class="nav-bar-item" target="_blank">Why Donate</a>
</div>
<div id="aboutus">
<a href=".\aboutus.html" class="nav-bar-item" target="_blank">About Us</a> <!--About Us link-->
</div>
<div class="logo-container">
<a href=".\index.html" id= "header-home">
<img src=".\resources\logo-transparent.png" alt="" id="logo-img">
</a>
</div>
</div>
</div>
</header>
<div class="main-body">
<h1 id="pickcategory-heading">
What category would you like to donate to?
</h1>
<div class="allcategories">
<div class="category-container">
<!-- <img src="" alt="" class="category-image"> -->
<h2>Elderly</h2>
<p>Senior citizens who are retired are far more vulnerable to a variety of diseases, and many with a low pension and minimal support are not able to afford the treatment and care they require. Donation programmes provide them with financial and direct aid for the same. </p>
<div class="categoryLink-container">
<a href="">Donate to the elderly</a>
</div>
</div>
</div>
<div class="allcategories">
<div class="category-container">
<!-- <img src="" alt="" class="category-image"> -->
<h2>Children</h2>
<p>Orphans and children born in poverty lack the resources to eat food, go to school etc. Education leads to the overall growth of the economy and the country as a whole. Donation programmes provide children with educational resources and financial aid. </p>
<div class="categoryLink-container">
<a href="">Donate to children</a>
</div>
</div>
</div>
<div class="allcategories">
<div class="category-container">
<!-- <img src="" alt="" class="category-image"> -->
<h2>Healthcare</h2>
<p>There are an infinite number of people out in the world who are not able to afford the various medical treatments they require. Some don't even know that they have disorders or diseases. Donation programmes provide them with health checkups and treatements</p>
<div class="categoryLink-container">
<a href="">Donate to children</a>
</div>
</div>
</div>
<div class="allcategories">
<div class="category-container">
<!-- <img src="" alt="" class="category-image"> -->
<h2>Economy</h2>
<p>Several groups and individuals struggle to perform everyday necessities like eating adequate amounts of food. They don't have the financial resources to send their children to school and afford decent housing. Donation programmes work towards changing that</p>
<div class="categoryLink-container">
<a href="">Donate to children</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="float-left">
<div class="footer-item">
<a target="_blank">Made with 💖 by <!-- insert team name here --></a>
</div>
</div>
<div class="float-right">
<div class="footer-item">
<a href="https://github.com/Vringster/Reiler-Spende" target="_blank">GitHub</a>
</div>
<div>
<a href="https://linktr.ee/keefeeilish" target="_blank">Developed by Keefe Eilish</a>
</div>
</div>
</div>
</body>
</html>