cw-hans/Bar-menu-and-calendar-events
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
9495766d0cd55dd40587fd8b90830d76071e8bc3
Bar-menu-and-calendar-events/index.html
Hans Heinemann 9495766d0c feat: update drinks menu with real bar menu from email 
- Replace placeholder cocktails with actual menu (Caesar, Margarita, LIIT, Mimosa, Old Fashioned, Screwdriver, Martini, Cosmo)
- Add Sangria section (glass + pitcher, red/white)
- Update Wine section with real pricing tiers (6oz/9oz/½L/bottle)
- Replace placeholder beer with full Draught list (12 taps incl. Guinness, Stella, Keith's, local crafts)
- Add Cans section (9 options)
- Add Bottles section (3 tiers)
- Add Non-Alcoholic section (Red Bull, Perrier, 0% Guinness, 0% Beer)
- Remove placeholder Spirits & Neat Pours section (not in actual menu)
2026-03-17 10:27:30 -04:00

414 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 &mdash; Downtown</p>
<h1 class="page-hero__title">Our Menu</h1>
<p class="page-hero__sub">Handcrafted cocktails &middot; Curated spirits &middot; 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">2oz 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">2oz tequila, 1/2oz 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">2oz 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.5oz 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">2oz 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">2oz 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">2oz vodka or gin, 1/2oz 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">2oz 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 &mdash; 3oz wine, 1oz 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 &mdash; 9oz wine, 2oz rum</div>
</div>
<div class="menu-item__price">$27</div>
</div>
</div>
<!-- Wine -->
<p class="section-subtitle">Wine <small style="font-weight:normal;font-size:0.75rem;">(6oz / 9oz / &frac12; litre / bottle)</small></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>
<!-- Draught Beer -->
<p class="section-subtitle">Draught Beer <small style="font-weight:normal;font-size:0.75rem;">(pint / pitcher)</small></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">473ml</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">500ml</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">473ml</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">568ml</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">473ml</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">500ml</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">473ml</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">500ml</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">473ml</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, or Labatt Blue</div>
<div class="menu-item__desc">341ml</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">341ml&ndash;355ml</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, or Corona</div>
<div class="menu-item__desc">330ml</div>
</div>
<div class="menu-item__price">$8</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% Beer</div></div>
<div class="menu-item__price">$5</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 &amp; 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 &amp; 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 &amp; 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> &mdash; Open Tue–Sun, 5pm–2am &mdash; 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>
Reference in New Issue View Git Blame Copy Permalink