index.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' type='text/css' href='./styles.css'>
    <title>Programming Club</title>
</head>

<body>
    <header>
        <!-- Page Banner and NavBar (same on every page) -->
        <div id="header">
            <div id="banner">

            </div>
            <div id="navbar">
                <div class="navlink"><a href="index.html">Home</a></div>
                <div class="navlink"><a href="about.html">About Us</a></div>
                <div class="navlink"><a href="projects.html">Current Projects</a></div>
                <div class="navlink"><a href="calendar.html">Calendar</a></div>
                <div class="navlink"><a href="newsletter.html">Newslettter</a></div>
                <div class="navlink"><a href="membership.html">Membership</a></div>
                <div class="navlink"><a href="contact.html">Contact Us</a></div>
            </div>
        </div>
        </div>
    </header>
    <div id="animated-background"></div>

    <!-- Center everything -->
    <div style="text-align: center;">

        <!-- Round logo -->
        <img style="border-radius: 50%;" src="./logo.png" alt="programming club logo" height="200rem">

        <!-- Title -->
        <h1>PROGRAMMING CLUB</h1>


        <!-- links to socials as a list -->
        <ul>
            <li style="display: inline;"><a href="https://discord.gg/Ab2eKxQh5D">Discord</a></li>
            <!-- <li style="display: inline;"><a href="https://www.facebook.com/UTASProgrammingClub/">Facebook</a></li> -->
            <li style="display: inline;"><a href="https://www.instagram.com/programmingclub.utas/">Instagram</a></li>
            <!-- <li style="display: inline;"><a href="https://github.com/UTAS-Programming-Club">Github</a></li> -->
            <li style="display: inline;"><a href="mailto: President@ProgrammingClub.com.au">Contact email</a></li>
        </ul>

        <!-- Link to contributors page -->
        <p>
            <a href="./contributors">Contributors</a>
        </p>


        <br>Todo: make website...:)</br>
    </div>
</body>

</html>