test1.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>SDSU Computer Science Club</title>
        <link rel="stylesheet" href="helpers/main.css" />
        <link href="https://fonts.googleapis.com/css?family=Calibri:400,600%7CHind:400,400i,700" rel="stylesheet">
        <link rel="icon" type="image/png" href="https://csclub.sice.indiana.edu/assets/images/fav-red.ico" />
        <link href="helpers/hamburgers.min.css" rel="stylesheet">
    </head>
    <body>

        <script src="helpers/js/jquery.min.js"></script>
        <script src="helpers/js/jquery-ui.min.js"></script>
        <script src="helpers/js/jquery.scrollify.js"></script>
        <script src="helpers/js/main.js"></script>

        <div class="menu-button">
            <div class="hamburger hamburger--vortex" tabindex="0" aria-label="Menu" role="button" aria-controls="navigation">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>

        <div class="menu-screen">
            <ul>
                <a href="./"><li>Home</li></a>
                <a href="./Calendar/"><li>Event Calendar</li></a>
                <a href="./exec/"><li>Executive Board</li></a>
                <a href="./constitution/"><li>ACM Constitution</li></a>
                <a href="./contact/"><li>Contact Us</li></a>
                <a href="./join/"><li>Join!</li></a>
            </ul>
        </div>

        <div id="container">
            <div class="top-nav">
                <img src="assets/images/logos/logotype-logomark-white.png" height="27px" />
            </div>
            <div class="fullscreen-section" style="background-image: linear-gradient( 90deg, rgba(10, 10, 10, 0.9), rgba(0,0,0,0.5)), url('images/hepnerhall.jpg'); background-position: center 70%;">
                <div class="text-area text-left">
                    <h2>Connect</h2>
                    <h2 style="position: left: 25%;"><font color ="red">Collaborate</font></h2>
                    <h2 style="position: left: 35%;">Elevate</h2>


                </div>
                <h1 style="position: absolute; top: 40px; left: 15%;"><font color="red">SDSU</font> Computer Science Club</h1>

            </div>
            <div class="fullscreen-section" style="background-image: linear-gradient(-90deg, rgba(10,10,10,0.9), rgba(10,10,10,0.3)), url('images/hepnerhall.jpg'); background-position: center 60%;">
                <div class="text-area text-right" style="top: 150%;">
                    <h2>Test</h2><br />
                    Test test test
                </div>
            </div>
            <div class="fullscreen-section" style="background-image: linear-gradient(90deg, rgba(10,10,10,0.9), rgba(10,10,10,0.3)), url('images/hepnerhall.jpg'); background-position: center 50%;">
                <div class="text-area text-left" style="top: 250%;">
                    <h2>insert mission statement</h2><br />
                    placeholder text
                </div>
            </div>
            <div class="fullscreen-section" style="background-image: linear-gradient( rgba(10,10,10,0.9), rgba(10,10,10,0.5)), url('images/hepnerhall.jpg'); background-position: center 100%;">
                <div class="text-area text-center" style="top: 350%;">
                    <h2>Interested?</h2><br />
                    Awesome! Head over to our <a href="./join/">registration</a> page to get signed up and check out our <a href="./events/">event calendar</a> to find out when our next meeting or workshop is.
                    <br /><a href="./join/" class="red-button" style="margin-top: 30px;">Sign me up!</a>
                </div>
            </div>
        </div>
    </body>
</html>