-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathsupport.html
185 lines (185 loc) · 10 KB
/
support.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A.S.T.R.A.L. | Support</title>
<link rel="stylesheet" href="homepage.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="faqs.css">
<link rel="stylesheet" href="support.css">
<link rel="icon" href="logo.ico">
</head>
<body>
<div class="cursor">
<p></p>
</div>
<div class="blob"></div>
<div class="navbar bg-nav">
<a href="index.html">
<img src="logo.svg" alt="" class="logo">
</a>
<div class="menu-icon">
<a onclick="toggleMenu();">
<div class="text">
<p>menu</p>
<p>close</p>
</div>
</a>
<a class="img-icon" onclick="toggleMenu();"><img src="menu-icon.svg" alt="" class="menu-img"></a>
</div>
<div class="menu">
<div class="links">
<div class="categories">
<a href="index.html">HOME</a>
<a onclick="toggleOptions('about-options');">ABOUT</a>
<a onclick="toggleOptions('work-options');">Work</a>
<a onclick="toggleOptions('cohort-options');">COHORT</a>
<a href="apply.html">APPLY</a>
<a href="events.html">EVENTS</a>
<a onclick="goTo('.hero');">SUPPORT</a>
<a href="contact.html">CONTACT</a>
<a href="faqs.html">FAQS</a>
</div>
<div class="options">
<div class="about-options nav-options">
<a href="about.html">Vision and Mission</a>
<a href="team.html">Mentors</a>
<a href="code-of-conduct.html">Code of Conduct</a>
</div>
<div class="work-options nav-options">
<a href="projects.html">Projects</a>
<a href="tools.html">Online Tools</a>
</div>
<div class="cohort-options nav-options">
<a href="cohort.html">Current ASTRAL Cohort</a>
</div>
</div>
</div>
</div>
</div>
<div class="scroll-container">
<div class="hero with-bg">
<div class="title-container">
<h1 class="glitch-header" data-value="SUPPORT US_">SUPPORT US_</h1>
<a onclick="lenis.scrollTo('.contact-div');"><img class="hero-button" src="circle_arrow_white.svg" alt=""></a>
</div>
</div>
<div class="contact-div">
<div class="services">
<h2>Here's how you can support</h2>
<a class="accordion"><div><p>VOLUNTEERING TIME</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>WE APPRECIATE EVERYONE'S TIME AND EFFORT IN CONTRIBUTING TO THE ASTRAL INSTITUTE'S NON-PROFIT PROGRAMS. IF YOU ARE SOMEONE WHO WOULD LIKE TO SUPPORT US, ONE GREAT WAY IS BY VOLUNTEERING SOME TIME AND ASSISTING MENTORS IN RUNNING PROGRAMS OR PUBLIC LECTURES. THESE PROGRAMS AIM TO EMPOWER STUDENTS IN SKILLS FOR THE FUTURE, SUCH AS LEADERSHIP, TEAM COLLABORATION AND TECHNICAL SKILLS SUCH AS PROGRAMMING.</p>
<p>IF YOU ARE INTERESTED IN DEDICATING YOUR TIME TO THE ASTRAL INSTITUTE, PLEASE CONTACT US THROUGH THE EMAIL BELOW.</p>
<a class="underline-button" href="mailto:mbailes@swin.edu.au">
<div>
<div class="text-indicator">
<p>EMAIL HERE</p>
<p>EMAIL HERE</p>
</div>
<div class="img-indicator">
<img src="arrow-link.svg" alt="">
<img src="arrow-link.svg" alt="">
</div>
</div>
</a>
</div>
<a class="accordion"><div><p>FINANCIAL SUPPORT</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>EVERYONE'S CONTRIBUTIONS MATTER A LOT TO US, AS OUR FUNDING IS USED TO ORGANISE AND RUN PROGRAMS WITH STUDENTS AND CONNECT THEM WITH THE PEOPLE WORKING IN RESEARCH INSTITUTIONS IN AUSTRALIA. THIS FUNDING IS ALSO USED TO RUN OUTREACH PROGRAMS WITH THE REST OF THE COMMUNITY THROUGH PUBLIC LECTURES AND OTHER PROGRAMS. WE BELIEVE IT IS THIS COMMUNITY CURIOUSITY THAT WILL SPARK AN INTEREST AMONGST YOUNG PEOPLE AND GIVE THEM EXPOSURE TO SUCH OPPORTUNITIES.</p>
<p>Our donation process is done through Swinburne University of Technology using the "DONATE" link below. <b>NOTE!</b> To ensure that your support reaches us, please ensure the following: </p>
<div>
<p>1. Select the option "Other" for the field labelled "Please direct my support to"</p>
<p>2. In the "Other" text field, type "ASTRAL Institute"</p>
</div>
<a class="underline-button" href="https://alumni.swin.edu.au/giving-to-swinburne">
<div>
<div class="text-indicator">
<p>DONATE</p>
<p>DONATE</p>
</div>
<div class="img-indicator">
<img src="arrow-link.svg" alt="">
<img src="arrow-link.svg" alt="">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="footer">
<div class="supporters">
<h2>A.S.T.R.A.L. is supported by </h2>
<div class="partners">
<a href="https://www.swinburne.edu.au">
<img src="swin.jpg" alt="">
</a>
<a href="https://ozgrav.org">
<img src="ozgrav.png" alt="">
</a>
</div>
</div>
<div class="final-info">
<div class="copyright">
<p>We acknowledge and pay respects to the Elders and Traditional Owners of the land on which our program runs.</p>
<p>© 2024. astrophysics, supercomputing, technology, research analytics, technology program (A.S.T.R.A.L.). all rights reserved. designed and developed by rudra sekhri</p>
<p>credit to carl knox from ozgrav, nasa</p>
<a class="underline-button" href="privacy-policy.html">
<div>
<div class="text-indicator">
<p>PRIVACY POLICY</p>
<p>PRIVACY POLICY</p>
</div>
<div class="img-indicator">
<img src="arrow-link.svg" alt="">
<img src="arrow-link.svg" alt="">
</div>
</div>
</a>
</div>
<div class="socials">
<h2>SOCIALS</h2>
<div class="links">
<a href="" class="footer-link">TWITTER</a>
<a href="" class="footer-link">YOUTUBE</a>
<a href="" class="footer-link">LINKEDIN</a>
<a href="" class="footer-link">INSTAGRAM</a>
<a href="" class="footer-link">EMAIL</a>
</div>
</div>
<div class="sitemap">
<h2>SITEMAP</h2>
<div class="links">
<a href="index.html" class="footer-link">HOME</a>
<a onclick="lenis.scrollTo('.hero')" class="footer-link">ABOUT</a>
<a href="projects.html" class="footer-link">PROJECTS</a>
<a href="tools.html" class="footer-link">TOOLS</a>
<a href="cohort.html" class="footer-link">COHORT</a>
<a href="team.html" class="footer-link">MENTORS</a>
<a href="apply.html" class="footer-link">APPLY</a>
<a href="events.html" class="footer-link">EVENTS</a>
<a href="support.html" class="footer-link">SUPPORT</a>
<a href="contact.html" class="footer-link">CONTACT</a>
<a href="faqs.html" class="footer-link">FAQS</a>
</div>
</div>
<div class="back-to-top">
<a onclick="lenis.scrollTo('.hero')"><img src="circle_arrow.svg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.19/bundled/lenis.min.js"></script>
<script src="smooth-scroll.js"></script>
<script src="cursor.js"></script>
<script src="glitch_effect.js"></script>
<script src="navbar.js"></script>
<script src="parallax_bg.js"></script>
<script src="white-cursor-bg.js"></script>
<script src="accordian.js"></script>
</body>
</html>