-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
180 lines (160 loc) · 10.1 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
<!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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
<link rel="stylesheet" href="assets/styles/reset.css">
<link rel="stylesheet" href="assets/styles/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/>
<title>ReaCharity</title>
<link rel="shortcut icon" type="image/jpg" href="assets/designs/favicon.png"/>
<link src="https://img.icons8.com/ios/50/000000/non-profit-organisation.png"/>
</head>
<body>
<!-- banner -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark justify-content-between">
<!-- Brand/logo -->
<a class="navbar-brand" href="index.html">
<img src="assets/designs/reacharity-logo.png" height= "75px" alt="Reacharity Logo">
</a>
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="bookmarks.html"><i class="fas fa-bookmark"></i> Saved Charities</a>
</li>
</ul>
</nav>
<div class="jumbotron">
<div id="slideshow">
<ul class="bxslider">
<li>
<img src="assets/designs/charity1.jpg" alt="ReaCharity Banner 1">
</li>
<li>
<img src="assets/designs/charity2.jpg" alt="ReaCharity Banner 1">
</li>
<li>
<img src="assets/designs/charity3.jpg" alt="ReaCharity Banner 3">
</li>
</ul>
</div>
<div class="d-flex justify-content-center">
<p>
<button class="btn btn-primary searchButton" type="button" data-toggle="collapse" data-target="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch">
Search Charities
</button>
</p>
</div>
</div>
<!-- search: form with dropdown box, causes as options -->
<div class="collapse jumbotron" id="collapseSearch">
<div class="container beginSearch" >
<h3 class="search-heading textHeading" id="searchHeading">Search for your charity</h3>
<div class="row justify-content-center facts">
<div class="col">
<select id="causeDropdown" class="custom-select searchBtn">
<option selected>Select Cause</option>
<option value="Preventing_or_relieving_suffering_of_animals">Animals</option>
<option value="Advancing_Culture">Culture</option>
<option value="Advancing_Education">Education</option>
<option value="Advancing_Health">Health</option>
<option value="Promote_or_oppose_a_change_to_law__government_poll_or_prac">Changing of laws</option>
<option value="Advancing_natual_environment">Environment</option>
<option value="Promoting_or_protecting_human_rights">Human rights</option>
<option value="Purposes_beneficial_to_ther_general_public_and_other_analogous">Miscellaneous</option>
<option value="Promoting_reconciliation__mutual_respect_and_tolerance">Reconciliation, respect, and tolerance</option>
<option value="Advancing_Religion">Religion</option>
<option value="Advancing_social_or_public_welfare">Social and public welfare</option>
<option value="Advancing_security_or_safety_of_Australia_or_Australian_public">Public security</option>
<option value="Aboriginal_or_TSI">Indigenous and/or Torres Strait Islanders</option>
<option value="Adults">Adults</option>
<option value="Aged_Persons">Elderly</option>
<option value="Children">Children</option>
<option value="Communities_Overseas">Overseas communities</option>
<option value="Early_Childhood">Early Childhood</option>
<option value="Ethnic_Groups">Ethnic Groups</option>
<option value="Families">Families</option>
<option value="Females">Females</option>
<option value="Financially_Disadvantaged">Financially Disadvantaged</option>
<option value="Gay_Lesbian_Bisexual">LGBTQIA</option>
<option value="General_Community_in_Australia">Australian Community</option>
<option value="Males">Males</option>
<option value="Migrants_Refugees_or_Asylum_Seekers">Migrants, Refugees and Asylum Seekers</option>
<option value="Other_Beneficiaries">Other Beneficiaries</option>
<option value="Other_Charities">Other Charities</option>
<option value="People_at_risk_of_homelessness">At Risk of Homelessness</option>
<option value="People_with_Chronic_Illness">Chronic Illness</option>
<option value="People_with_Disabilities">People with Disabilities</option>
<option value="Pre_Post_Release_Offenders">Pre and Post Release Offenders</option>
<option value="Rural_Regional_Remote_Communities">Rural and Remote Communities</option>
<option value="Unemployed_Person">Unemployed Persons</option>
<option value="Veterans_or_their_families">Veterans</option>
<option value="Victims_of_crime">Victims of Crime</option>
<option value="Victims_of_Disasters">Victims of Disasters</option>
<option value="Youth">Youth</option>
</select>
<br>
<select id="stateDropdown" class="custom-select">
<option selected>Select State</option>
<option value="Operates_in_ACT">ACT</option>
<option value="Operates_in_NSW">NSW</option>
<option value="Operates_in_NT">NT</option>
<option value="Operates_in_QLD">QLD</option>
<option value="Operates_in_SA">SA</option>
<option value="Operates_in_TAS">TAS</option>
<option value="Operates_in_VIC">VIC</option>
<option value="Operates_in_WA">WA</option>
</select>
<div id="searchDiv">
<button type="submit" class="btn btn-dark btn-lg searchBtn" id="searchBtn" ><i class="fas fa-search"></i> Search</button>
</div>
</div>
<div class="col-7 factBox">
<div class="jumbotron background">
<h2 class="textHeading">Charity Facts</h3>
<div>
<span class="card-text"></span>
</div>
<h3 class="reference"><br><br>Facts found on https://www.philanthropy.org.au/tools-resources/fast-facts-and-stats/</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<br />
<!-- results -->
<div class="jumbotron hiding" id="charityResults">
<div class="container" id="searchResultsContainer">
<h4 id="charityName"></h4>
<div class="row d-flex justify-content-evenly responsive-screen" id="searchResults">
</div>
</div>
<button onclick="topFunction()" id="backToTop" title="Go to top"><i class="fas fa-chevron-up"></i></button>
</div>
<footer class="footer" id="footer">
<p><img src="assets/designs/teamLogo.jpg" alt="Icons made by Freepik from www.flaticon.com" class="icon">STLScollaborativeEffort(2021)</p>
<div class="ftrattr"> Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
<br>
<aside class="contactUs">
<h6>Contact Us via GitHub:</h6>
<ul>
<li><a href="https://github.com/SamuelHeal">Sam</a></li>
<li><a href="https://github.com/thomas-nicholson">Tom</a></li>
<li><a href="https://github.com/leonhsu95">Leon</a></li>
<li><a href="https://github.com/SarahHn92">Sarah</a></li>
</ul>
</aside>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/ca22f23350.js" crossorigin="anonymous"></script>
<script src="assets/scripts/script.js"></script>
<script src="assets/scripts/slideshow.js"></script>
</body>
</html>