Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>College Football Archive</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="homepage.css">
</head>
<header>
    <div class="topnav" id="myTopnav">
        <img src="fb-helmet.png" alt="Logo" class = "helmet-logo">
        <div id ="teams-btn">

           <button class = "nav-btn" ><a href="#Teams">Teams</a></button>

        </div>
        <div class="dropdown">
            <button class="dropbtn">Seasons
                <i class="fa fa-caret-down"></i>
            </button>
            <div class="dropdown-content">
                <a href="www.collegefbarchive.com/seasons/2022">2022</a>
                <a href="www.collegefbarchive.com/seasons/2021">2021</a>
                <a href="www.collegefbarchive.com/seasons/2020">2020</a>
            </div>
        </div>

        <div id ="login-btn">
            <button class = "nav-btn" ><a href="#Login">Log In</a></button>
        </div>

        <div id ="signUp-btn">
        <button class = "nav-btn" ><a href ="#signup">Sign Up</a></button>
        </div>
    </div>
</header>
<body>

<div class = "main">
    <span class ="title-span">
    <h1 class = "titles" id = "main-title">College Football Archive</h1>
    <h2 class = "titles" id = "sub-title"> The place for College Football Scores</h2>
    </span>
</div>

<script src="" async defer></script>
</body>
<footer>
    <div class="footer-logo">
        <img src="fb-helmet.png" alt="Logo" class="helmet-logo">
    </div>
    <div class="footer-links">
        <a href="#contact">Contact Us</a>
        <a href="Terms%20of%20Use.html">Terms of Use</a>
    </div>
</footer>

</html>