474 lines
18 KiB
HTML
474 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Axis — Menu</title>
|
||
<link rel="stylesheet" href="style.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ===== Navbar ===== -->
|
||
<nav class="navbar">
|
||
<a href="index.html" class="navbar__brand">Axis</a>
|
||
<button class="navbar__toggle" aria-label="Toggle menu" onclick="toggleNav()">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
<ul class="navbar__links" id="nav-links">
|
||
<li><a href="index.html" class="active">Menu</a></li>
|
||
<li><a href="events.html">Events</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<!-- ===== Hero ===== -->
|
||
<header class="page-hero">
|
||
<p class="page-hero__eyebrow">Est. 2018 — Downtown</p>
|
||
<h1 class="page-hero__title">Our Menu</h1>
|
||
<p class="page-hero__sub">Handcrafted cocktails · Curated spirits · Small plates</p>
|
||
</header>
|
||
|
||
<!-- ===== Main Content ===== -->
|
||
<main>
|
||
<div class="container">
|
||
|
||
<!-- ============ DRINKS ============ -->
|
||
<section class="menu-section" id="drinks">
|
||
<h2 class="section-title">Drinks</h2>
|
||
|
||
<!-- Cocktails -->
|
||
<p class="section-subtitle">Cocktails</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Caesar</div>
|
||
<div class="menu-item__desc">2 oz vodka</div>
|
||
</div>
|
||
<div class="menu-item__price">$13</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Margarita</div>
|
||
<div class="menu-item__desc">2 oz tequila, ½ oz triple sec</div>
|
||
</div>
|
||
<div class="menu-item__price">$14</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Long Island Iced Tea</div>
|
||
<div class="menu-item__desc">2 oz LIIT mix</div>
|
||
</div>
|
||
<div class="menu-item__price">$13</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Mimosa</div>
|
||
<div class="menu-item__desc">2.5 oz champagne</div>
|
||
</div>
|
||
<div class="menu-item__price">$9</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Old Fashioned</div>
|
||
<div class="menu-item__desc">2 oz whiskey</div>
|
||
</div>
|
||
<div class="menu-item__price">$13</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Screwdriver</div>
|
||
<div class="menu-item__desc">2 oz vodka</div>
|
||
</div>
|
||
<div class="menu-item__price">$13</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Martini</div>
|
||
<div class="menu-item__desc">2 oz vodka or gin, ½ oz dry vermouth</div>
|
||
</div>
|
||
<div class="menu-item__price">$14</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Cosmopolitan</div>
|
||
<div class="menu-item__desc">2 oz vodka</div>
|
||
</div>
|
||
<div class="menu-item__price">$13</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sangria -->
|
||
<p class="section-subtitle">Sangria</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Glass Sangria</div>
|
||
<div class="menu-item__desc">Red or white — 3 oz wine, 1 oz rum</div>
|
||
</div>
|
||
<div class="menu-item__price">$15</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Pitcher Sangria</div>
|
||
<div class="menu-item__desc">Red or white — 9 oz wine, 2 oz rum</div>
|
||
</div>
|
||
<div class="menu-item__price">$27</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Wine -->
|
||
<p class="section-subtitle">Wine</p>
|
||
<p class="section-note" style="font-size:0.8rem;color:var(--text-muted,#999);margin-bottom:0.75rem;">Prices listed for 6 oz / 9 oz / ½ litre / bottle</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">House Red / White</div>
|
||
</div>
|
||
<div class="menu-item__price">$9 / $13 / $24 / $30</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Other Red / White</div>
|
||
</div>
|
||
<div class="menu-item__price">$11 / $15 / $26 / $34</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Prosecco</div>
|
||
</div>
|
||
<div class="menu-item__price">$11 / $35</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Non-Alcoholic -->
|
||
<p class="section-subtitle">Non-Alcoholic</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Red Bull</div>
|
||
</div>
|
||
<div class="menu-item__price">$5</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Perrier</div>
|
||
</div>
|
||
<div class="menu-item__price">$4</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">0% Guinness</div>
|
||
</div>
|
||
<div class="menu-item__price">$6</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">0% Common Beer</div>
|
||
</div>
|
||
<div class="menu-item__price">$5</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Draught Beer -->
|
||
<p class="section-subtitle">Draught Beer</p>
|
||
<p class="section-note" style="font-size:0.8rem;color:var(--text-muted,#999);margin-bottom:0.75rem;">Prices listed for pint / pitcher</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Stella Artois</div>
|
||
</div>
|
||
<div class="menu-item__price">$10 / $28</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Alexander Keith's</div>
|
||
</div>
|
||
<div class="menu-item__price">$8 / $24</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Juicy AF IPA</div>
|
||
</div>
|
||
<div class="menu-item__price">$9 / $24</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Space Invaders IPA</div>
|
||
</div>
|
||
<div class="menu-item__price">$9 / $24</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Amsterdam Blonde</div>
|
||
</div>
|
||
<div class="menu-item__price">$9 / $24</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Steam Whistle</div>
|
||
</div>
|
||
<div class="menu-item__price">$8 / $23</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Moosehead</div>
|
||
</div>
|
||
<div class="menu-item__price">$8 / $23</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Beau's Lug Tread</div>
|
||
</div>
|
||
<div class="menu-item__price">$8 / $23</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">High Park Ale</div>
|
||
</div>
|
||
<div class="menu-item__price">$8 / $23</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">High Park Lager</div>
|
||
</div>
|
||
<div class="menu-item__price">$8 / $23</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Guinness</div>
|
||
</div>
|
||
<div class="menu-item__price">$10 / $28</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Cider</div>
|
||
</div>
|
||
<div class="menu-item__price">$10 / $28</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Cans -->
|
||
<p class="section-subtitle">Cans</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Moosehead</div>
|
||
<div class="menu-item__desc">473 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$7</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Sapporo</div>
|
||
<div class="menu-item__desc">500 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$8</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Tuborg</div>
|
||
<div class="menu-item__desc">473 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$8</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">3 Speed Tall Can</div>
|
||
<div class="menu-item__desc">568 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$8</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Brickworks Cider</div>
|
||
<div class="menu-item__desc">473 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$8</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Stiegl</div>
|
||
<div class="menu-item__desc">500 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$8</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">White Claw</div>
|
||
<div class="menu-item__desc">473 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$5</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Stiegl Radler</div>
|
||
<div class="menu-item__desc">500 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$9</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">PBR</div>
|
||
<div class="menu-item__desc">473 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$6</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Bottles -->
|
||
<p class="section-subtitle">Bottles</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Budweiser / Canadian / Coors Light / Labatt Blue</div>
|
||
<div class="menu-item__desc">341 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$6</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">MGD</div>
|
||
<div class="menu-item__desc">341–355 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$6</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Smirnoff Ice / Stella / Heineken / Corona</div>
|
||
<div class="menu-item__desc">330 ml</div>
|
||
</div>
|
||
<div class="menu-item__price">$8</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<hr class="divider" />
|
||
|
||
<!-- ============ FOOD ============ -->
|
||
<section class="menu-section" id="food">
|
||
<h2 class="section-title">Food</h2>
|
||
|
||
<!-- Small Plates -->
|
||
<p class="section-subtitle">Small Plates & Shareables</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Truffle Fries</div>
|
||
<div class="menu-item__desc">Hand-cut fries, black truffle oil, parmesan, fresh thyme, aioli</div>
|
||
</div>
|
||
<div class="menu-item__price">$14</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Charcuterie Board</div>
|
||
<div class="menu-item__desc">Cured meats, aged cheeses, cornichons, grainy mustard, crostini</div>
|
||
</div>
|
||
<div class="menu-item__price">$22</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Spiced Lamb Skewers</div>
|
||
<div class="menu-item__desc">Harissa-marinated lamb, tzatziki, sumac onions, grilled pita</div>
|
||
</div>
|
||
<div class="menu-item__price">$18</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Burrata & Heirloom Tomato</div>
|
||
<div class="menu-item__desc">Creamy burrata, heirloom tomatoes, basil oil, fleur de sel, balsamic</div>
|
||
</div>
|
||
<div class="menu-item__price">$16</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Crispy Calamari</div>
|
||
<div class="menu-item__desc">Lightly breaded, served with lemon aioli & smoked paprika dipping sauce</div>
|
||
</div>
|
||
<div class="menu-item__price">$15</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Korean BBQ Wings</div>
|
||
<div class="menu-item__desc">Gochujang glaze, sesame, scallions, pickled daikon — 8 wings</div>
|
||
</div>
|
||
<div class="menu-item__price">$17</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Mains -->
|
||
<p class="section-subtitle">Mains</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Axis Burger</div>
|
||
<div class="menu-item__desc">Double smash patty, aged cheddar, caramelized onion, house sauce, brioche</div>
|
||
</div>
|
||
<div class="menu-item__price">$20</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Pan-Seared Salmon</div>
|
||
<div class="menu-item__desc">Miso-glazed salmon, jasmine rice, bok choy, yuzu beurre blanc</div>
|
||
</div>
|
||
<div class="menu-item__price">$28</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Steak Frites</div>
|
||
<div class="menu-item__desc">8 oz hanger steak, chimichurri, pomme frites, watercress salad</div>
|
||
</div>
|
||
<div class="menu-item__price">$34</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Wild Mushroom Risotto</div>
|
||
<div class="menu-item__desc">Porcini & cremini, aged parmesan, truffle oil, crispy sage (v)</div>
|
||
</div>
|
||
<div class="menu-item__price">$24</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Desserts -->
|
||
<p class="section-subtitle">Desserts</p>
|
||
<div class="menu-grid">
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Chocolate Lava Cake</div>
|
||
<div class="menu-item__desc">Warm dark chocolate, vanilla bean ice cream, gold dust</div>
|
||
</div>
|
||
<div class="menu-item__price">$12</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Crème Brûlée</div>
|
||
<div class="menu-item__desc">Classic vanilla custard, caramelized sugar crust, fresh berries</div>
|
||
</div>
|
||
<div class="menu-item__price">$11</div>
|
||
</div>
|
||
<div class="menu-item">
|
||
<div class="menu-item__info">
|
||
<div class="menu-item__name">Affogato</div>
|
||
<div class="menu-item__desc">Double espresso over vanilla gelato, optional Frangelico shot</div>
|
||
</div>
|
||
<div class="menu-item__price">$10</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<!-- ===== Footer ===== -->
|
||
<footer>
|
||
<p><span>Axis</span> — Open Tue–Sun, 5pm–2am — 44 Commerce St</p>
|
||
<p style="margin-top:0.4rem;">Please drink responsibly. Must be 21+ to consume alcohol.</p>
|
||
</footer>
|
||
|
||
<script>
|
||
function toggleNav() {
|
||
document.getElementById('nav-links').classList.toggle('open');
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|