Untitled

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Book Reviews!</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <h1>MediocreReads</h1>
        <nav>
            <div class="center">
                <a href="#">Home</a> |
                <a href="#">Add A New Review</a> |
                <a href="#">Genres</a> |
                <a href="reviews.html#test">Test</a> |
                <a href="#">About Us</a> |
                <a href="#bottom">Bottom</a>
            </div>
        </nav>
    </header>

    <main>
        <h2>Our Catalogue</h2>
        <table>
            <tr>
                <td>
                    <a href="reviews.html#book001">
                        <figure>
                            <img src="./images/001.jpg" alt="Shadow and Bone -- Leigh Bardugo" height="400">
                            <figcaption>Shadow and Bone -- Leigh Bardugo</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book002">
                        <figure>
                            <img src="./images/002.jpg" alt="The Maze Runner -- James Dashner" height="400">
                            <figcaption>The Maze Runner -- James Dashner</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book003">
                        <figure>
                            <img src="./images/003.jpg" alt="Daughter of Smoke &amp; Bone -- Laini Taylor" height="400">
                            <figcaption>Daughter of Smoke &amp; Bone -- Laini Taylor</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book004">
                        <figure>
                            <img src="./images/004.jpg" alt="Thirteen R3asons Why -- Jay Asher" height="400">
                            <figcaption>Thirteen R3asons Why -- Jay Asher</figcaption>
                        </figure>
                    </a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="reviews.html#book005">
                        <figure>
                            <img src="./images/005.jpg" alt="Mockingjay -- Suzanne Collins" height="400">
                            <figcaption>Mockingjay -- Suzanne Collins</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book006">
                        <figure>
                            <img src="./images/006.jpg" alt="Catching Fire -- Suzanne Collins" height="400">
                            <figcaption>Catching Fire -- Suzanne Collins</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book007">
                        <figure>
                            <img src="./images/007.jpg" alt="The Hunger Games -- Suzanne Collins" height="400">
                            <figcaption>The Hunger Games -- Suzanne Collins</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book008">
                        <figure>
                            <img src="./images/008.jpg" alt="The Help -- Kathryn Stockett" height="400">
                            <figcaption>The Help -- Kathryn Stockett</figcaption>
                        </figure>
                    </a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="reviews.html#book009">
                        <figure>
                            <img src="./images/009.jpg" alt="Life of Pi -- Yann Martel" height="400">
                            <figcaption>Life of Pi -- Yann Martel</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book010">
                        <figure>
                            <img src="./images/010.jpg" alt="Maame -- Jessica George" height="400">
                            <figcaption>Maame -- Jessica George</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book011">
                        <figure>
                            <img src="./images/011.jpg" alt="Throne of Glass -- Sarah J." height="400">
                            <figcaption>Throne of Glass -- Sarah J.</figcaption>
                        </figure>
                    </a>
                </td>
                <td>
                    <a href="reviews.html#book012">
                        <figure>
                            <img src="./images/012.jpg" alt="Clockwork Angel -- Cassandra Clare" height="400">
                            <figcaption>Clockwork Angel -- Cassandra Clare</figcaption>
                        </figure>
                    </a>
                </td>
            </tr>
        </table>
    </main>

    <footer id="bottom">
        <div id="contact" class="content-section">
            <h2>Contact</h2>
            <p>
                Feel free to reach out via email at
                <a href="mailto:pbilakshan@gmail.com">pbilakshan@gmail.com</a>
                or connect on <a href="https://www.linkedin.com/in/bilakshan/">LinkedIn</a>.
            </p>
        </div>
        <p>&copy; 2024 Bilakshan Purohit. All rights reserved.</p>
    </footer>
</body>

</html>