index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Mu Alpha Theta</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="img/favicon.png">
    <meta name="viewport" content="width-device-width, initial-scale=1.0">
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
    <section class="banner">
        <img src="img/banner.jpg" alt="banner" class="banner-img">
        <div class="banner-text">
            <h1>Mu Alpha Theta</h1>
            <h2>California Connections Academy</h2>
        </div>
    </section>

    <nav>
        <a href="index.html"><img src="img/logo.png" alt="MAT Logo" class = "nav-img"></a>
        <ul>
            <li><a href="index.html">Announcements</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="problems.html">Problems</a></li>
            <li><a href="topics.html">Topics</a></li>
        </ul>
    </nav>

    <main>
        <h1>Welcome to Mu Alpha Theta! Website version 0.1</h1>

        <div class="post">
            <strong class="title">New Topics Section</strong>
            <br>
            <span class="date">6/26/2022</span>
            <br><br>
            <p>
                A new topics section has been added! Visit it with the link in the navigation bar.
            </p>
        </div>

        <div class="post">
            <strong class="title">Problems Posted</strong>
            <br>
            <span class="date">6/25/2022</span>
            <br><br>
            <p>
                The monthly problems from last year and a new <em>interesting</em> problem have been posted on the site!
            </p>
        </div>

        <div class="post">
            <strong class="title">New Website!</strong>
            <br>
            <span class="date">6/25/2022</span>
            <br><br>
            <p>
                Welcome to the start of the Mu Alpha Theta website! Information about the club and problems can be found here.
            </p>
        </div>
    </main>

    <footer>
        Created by the members of Mu Alpha Theta - California Connections Academy
    </footer>
</body>
</html>