Week 8 - HTML, CSS, JavaScript/Lab8/Trivia/index.html

<!-- https://cs50.harvard.edu/x/2023/labs/8/ -->

<!DOCTYPE html>

<html lang="en">
    <head>
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
        <link href="styles.css" rel="stylesheet">
        <title>Trivia!</title>
        <script src="script.js"></script>
    </head>
    <body>
        <div class="header">
            <h1>Trivia!</h1>
        </div>

        <div class="container">
            <div class="section">
                <h2>Part 1: Multiple Choice </h2>
                <hr>

                <h3>Which city is the state capital of California?</h3>

                <button class="incorrect">Los Angeles</button>
                <button class="correct">Sacramento</button>
                <button class="incorrect">San Francisco</button>
                <button class="incorrect">San Diego</button>
                <button class="incorrect">Bakersfield</button>

                <p id="feedback1"></p>

            </div>

            <div class="section">
                <h2>Part 2: Free Response</h2>
                <hr>

                <h3>Which mountain peak is the highest in North America?</h3>

                <input type="text"></input>
                <button id="check">Check</button>

                <p id="feedback2"></p>

            </div>
        </div>
    </body>
</html>