index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>FlyUC</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
    <link rel="stylesheet" href="assets/css/Dark-NavBar-1.css">
    <link rel="stylesheet" href="assets/css/Dark-NavBar.css">
    <link rel="stylesheet" href="assets/css/Footer-Basic.css">
    <link rel="stylesheet" href="assets/css/Footer-Dark.css">
    <link rel="stylesheet" href="assets/css/Navigation-Clean.css">
    <link rel="stylesheet" href="assets/css/Navigation-Menu.css">
    <link rel="stylesheet" href="assets/css/Navigation-with-Search.css">
    <link rel="stylesheet" href="assets/css/Sammy-Timeline.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/Team-Clean.css">
    <link rel="stylesheet" href="assets/css/Timeline-F19687.css">
</head>

<body style="color: var(--gray-dark);background: var(--white);">
    <header></header>
    <div>
        <nav class="navbar navbar-light navbar-expand-md fixed-top bg-white navigation-clean-button" style="height:80px;background-color:#37434d;color:#ffffff;">
            <div class="container-fluid"><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"></button>
                <div style="height: 98px;"><a class="btn btn-primary bg-white border-white shadow-none" role="button" href="index.html" style="background: url(&quot;assets/img/thumbnail_FlyUC.png&quot;) center / contain no-repeat, rgba(0,123,255,0);width: 179px;height: 88px;"></a></div>
                <div class="collapse navbar-collapse text-dark" id="navcol-1">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item"></li>
                        <li class="nav-item"><a class="nav-link text-dark" style="color:#ffffff;" href="About.html"><i class="fa fa-wpexplorer"></i>&nbsp;ABOUT</a></li>
                        <li class="nav-item"><a class="nav-link text-dark" style="color:#ffffff;" href="Sponsors.html"><i class="fa fa-star-o"></i>&nbsp;SPONSORS</a></li>
                        <li class="nav-item"><a class="nav-link text-dark" style="color:#ffffff;" href="Team.html"><i class="fa fa-user-circle-o"></i>&nbsp;MEET THE TEAM</a></li>
                        <li class="nav-item"><a class="nav-link text-dark" style="color:#ffffff;" href="ContactUs.html"><i class="fa fa-sign-in"></i>&nbsp;CONTACT US</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="jumbotron text-left" style="background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%), url(&quot;assets/img/AERIAL%20UC.jpg&quot;) center / cover, #ffffff;filter: brightness(100%);height: 250px;">
        <h1 style="color: var(--white);padding-top: 15px;">The Future of Aviation&nbsp;</h1>
        <p style="color: #f4e7e7;">A team of innovative and visionary students coming together to disrupt the way people will travel.</p>
        <p><a class="btn text-white border-white" role="button" href="About.html">Learn more</a></p>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-auto col-md-8" style="max-width: 50%;">
                <h1>Want to Join?</h1>
                <p><br>We are looking for students who aren't afraid of tackling difficult problems and pushing their creativity, technical knowledge, and eagerness to learn. We have three sub-teams that provide different opportunities.<br><br><strong><span style="text-decoration: underline;">DESIGN</span></strong><br>Focuses on the design and propulsion system of the aircraft. Responsible for creating parts in SolidWorks, running simulations, material selection, and propulsion system.<br><br><strong><span style="text-decoration: underline;">ELECTRONICS</span></strong><br>Focuses on the electronics and software aboard the aircraft. Responsible for battery selection, flight controller, wiring layout, and necessary software.<br><br><strong><span style="text-decoration: underline;">OPERATIONS</span></strong><br>Focuses on the business and management of the club. Responsible for sponsorship acquisition, fund management, recruiting, and club oversight.&nbsp;<br>*<em>We are currently looking for a Treasurer to join our Executive Team, no experience required</em>*<br><br>Even though the club is primarily engineering, we are open to all majors regardless of engineering knowledge or experience! We also encourage our members to be apart of multiple sub-teams to learn new skills and viewpoints.<br><br><a class="btn text-dark border-dark" role="button" style="color: var(--gray-dark);" href="https://forms.gle/bYPeF3ZtjeGdt4Zy7">Interest Form</a><br></p>
            </div>
            <div class="col-md-4 align-self-center" style="max-width: 50%;height: 744;"><img class="border rounded-0 border-dark" src="assets/img/FlyUCP1Old2020.png" style="border-style: solid;border-color: var(--dark);border-top-color: rgb(255,;border-right-color: 255,;border-bottom-color: 255);border-left-color: 255,;width: 470px;"></div>
        </div>
    </div>
    <section style="width: 600px;"></section>
    <footer class="footer-basic">
        <div class="social"><a href="#"><i class="icon ion-social-instagram"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-linkedin"></i></a></div>
        <p class="copyright">FLYUC © 2021</p>
    </footer>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>