<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Menu | Scallywags Boardwalk Seafood</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/styles.css">
</head>
<body>

    <div id="header"></div>

    <main>
        <section id="menu-hero" class="py-5">
            <div class="container text-center">
                <h1 class="mb-3">Scallywags Menu</h1>
                <p class="lead mb-4">
                    Big platters, fried favorites, and dockside drinks for the whole crew.
                </p>
            </div>
        </section>

        <section id="menu-main" class="py-5">
            <div class="container">
                <div id="menu-container" class="row g-4"></div>
            </div>
        </section>
    </main>

    <div id="footer"></div>

    <script src="../js/includes.js"></script>
    <script src="../js/menu.js"></script>
</body>
</html>