-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f61a832
commit 069b7b5
Showing
1 changed file
with
183 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,183 @@ | ||
| <!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. | Contact</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="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. <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="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> |