index.html

<!-- Made with <3 by Matthieu B. de Fontenay after taking the WebDecDecal at UC Berkeley ;) -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>STAR</title>

    <link rel="stylesheet" href="assets/style/main_style.css">
    <link rel="icon" type="image/x-icon" href="assets/img/svg/star_tab_logo.svg">

    <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=Sometype+Mono:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
</head>
<body>
    <div id="navbar">
        <a href="index.html"><img src="assets/img/svg/star_logo.svg" class="star-logo"></a>
        <div class="navbar-pages">
            <a href="projects.html" class="page"><b>PROJECTS</b></a>
            <a href="leads.html" class="page"><b>LEADS</b></a>
            <a href="subteams.html" class="page"><b>SUBTEAMS</b></a>
            <a href="sponsors.html" class="page"><b>SPONSORS</b></a>
            <a href="outreach.html" class="page"><b>OUTREACH</b></a>
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSfN6vKqfo1dXSTKda6Ac9OkFDMLKT0_OR3boKxwBz5j6lUiVQ/viewform" style="margin: auto 15px; padding: 0;"><button><b>JOIN US</b></button></a>
            <a href="https://crowdfund.berkeley.edu/project/47409" style="margin: auto 15px; padding: 0;"><button><b>DONATE NOW</b></button></a>
        </div>
        <div id="burger-menu">
            <input type="checkbox" id="menuCheckbox" />
    
            <span></span>
            <span></span>
            <span></span>
    
            <div id="menu">
                <a href="projects.html" class="page"><b>PROJECTS</b></a>
                <a href="leads.html" class="page"><b>LEADS</b></a>
                <a href="subteams.html" class="page"><b>SUBTEAMS</b></a>
                <a href="sponsors.html" class="page"><b>SPONSORS</b></a>
                <a href="outreach.html" class="page"><b>OUTREACH</b></a>
                <a href="https://docs.google.com/forms/d/e/1FAIpQLSfN6vKqfo1dXSTKda6Ac9OkFDMLKT0_OR3boKxwBz5j6lUiVQ/viewform" style="margin: 7.5px; padding: 0;"><button><b>JOIN US</b></button></a>
                <a href="https://crowdfund.berkeley.edu/project/47409" style="margin: 7.5px; padding: 0;"><button><b>DONATE NOW</b></button></a>
            </div>
        </div>
    </div>
    <div class="we-are-star"><b>WE ARE<br>UC BERKELEY'S SPACE TECHNOLOGIES AND ROCKETRY</b><br><a href="#first-img"><button><b>ABOUT US</b></button></a></div>
    <img src="assets/img/cover.jpg" class="main-cover" style="font-size: 0;">
    <div class="text-img">
        <img src="assets/img/team_photo.png" id="first-img">
        <div class="paragraph first-para">
            <h1>Who We Are</h1>
            STAR boasts the longest and most successful launch history on campus, with a total of eighteen complete vehicles engineered over our decade lifetime, and three liquid engines!<br><br>
            These vehicles have been completely student-designed and tested, from our in-house avionics to our liquid-fuel propulsion to our array of payloads -- ranging from microbial power cells to muon detectors, and even rocket-deployed aircraft! STAR also boasts the longest competition history on campus, having previously launched as NASA Student Launch, and now participating in the ESRA Spaceport America Cup and Far Out.
        </div>
    </div>

    <div class="ambition-background">
        <div class="paragraph ambitions">
            <h1 style="width: 100%; text-align: center;">
                Our Ambitions
            </h1>
            <div class="ambition-card">
                <img src="assets/img/svg/amb_competition.svg" class="amb-svg">
                <h1>Competitions</h1>
                Reaching new heights in national and international rocketry competitions
            </div>
            <div class="ambition-card">
                <img src="assets/img/svg/amb_connections.svg" class="amb-svg">
                <h1>Connections</h1>
                Gaining industry-level experience and making lifelong friendships
            </div>
            <div class="ambition-card">
                <img src="assets/img/svg/amb_community.svg" class="amb-svg">
                <h1>Community</h1>
                Educating local students and residents about aerospace technologies
            </div>
        </div>
    </div>

    <div class="text-img-sqr">
        <div class="paragraph third-para">
            <h1>Sounds Interesting?</h1>
            What makes STAR special is that we are a very education-focused team, and new members do not need any prior experience at all -- we teach them everything they need to know! We pair all new members with a mentor and have them complete an intro project which will teach them everything they need to know to become a fully functional member of our team.<br><br>
            We have a variety of sub-teams available to our members like airframe, avionics, propulsion, payload, recovery, operations, systems, business, outreach, and media. We welcome all majors and backgrounds!<br><br>
            Regular recruitment season begins at the start of Fall semester, though if you are super passionate please contact the lead of the team you are interested in to enquirement further information (Found under Teams > Specialty Leads)
        </div>
        <img src="assets/img/sounds_interesting_photo.jpg" id="square-img">
    </div>
    
    <footer>
        <div class="footer-content">
            <div id="footer-social">
                <a href="https://www.facebook.com/ucberkeleystar/" target="_blank"><img src="assets/img/svg/facebook-logo.svg" id="social"></a>
                <a href="https://www.instagram.com/starberkeley/" target="_blank"><img src="assets/img/svg/instagram-logo.svg" id="social"></a>
                <a href="https://www.youtube.com/channel/UC-ceqnZp3XVz5mH8297izJA" target="_blank"><img src="assets/img/svg/youtube-logo.svg" id="social"></a>
                <a href="https://www.linkedin.com/company/calstar" target="_blank"><img src="assets/img/svg/linkedin_logo.svg" id="social"></a>
                <br>© 2023 by Space Technologies and Rocketry
            </div>
            
            <div id="footer-contact-us">
                <a href="mailto:contact@stars.berkeley.edu?subject="><button><b>CONTACT US</b></button></a>
            </div>
    
            <div id="footer-join-today">
                <h1 style="font-size: 20pt; margin: 0">Join Today!</h1><br>
                For more information about what STAR is and who we are, check us out at <u><a href="https://rocketry.gitbook.io/public/" target="_blank" id="text-link">rocketry.gitbook.io</a></u>, and come out to our infosessions at the beginning of each semester! Also, feel free to reach out to any of our team members here and check out the FAQs.
            </div>
        </div>
        <div class="ocf">
            <a href="https://www.ocf.berkeley.edu/" target="_blank"><img src="assets/img/svg/ocf-hosted-penguin-dark.svg" style="width: 70px;"></a>
            <span style="margin: auto 0 auto 10px">We are a student group acting independently of the University of California. We take full responsibility for our organization and this website.</span>
        </div>
    </footer>

    <script src="assets/script/script.js"></script>
</body>
</html>