146 lines
6.1 KiB
HTML
146 lines
6.1 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 — Junction's Oldest Bar</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">Home</a></li>
|
||
<li><a href="menu.html">Menu</a></li>
|
||
<li><a href="events.html">Events</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<!-- ===== Hero ===== -->
|
||
<section class="landing-hero">
|
||
<div class="landing-hero__overlay"></div>
|
||
<div class="landing-hero__content">
|
||
<h1 class="landing-hero__title">AXIS</h1>
|
||
<p class="landing-hero__subtitle">Junction's Oldest Bar</p>
|
||
<p class="landing-hero__address">3048 Dundas Street West</p>
|
||
<div class="landing-hero__ctas">
|
||
<a href="menu.html" class="btn btn--gold">View Menu</a>
|
||
<a href="events.html" class="btn btn--outline">Upcoming Events</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ===== About ===== -->
|
||
<section class="about-section">
|
||
<div class="container about-section__inner">
|
||
<div class="about-section__text">
|
||
<p class="section-eyebrow">Est. 1987</p>
|
||
<h2 class="section-heading">A Junction Institution</h2>
|
||
<p>Axis has been pouring pints and pulling neighbours together since 1987. Tucked along Dundas Street West, we've watched the Junction transform around us — but our commitment to a cold beer, a warm welcome, and a no-fuss good time has never changed.</p>
|
||
<p>Over three decades, we've become the spot where regulars have a stool with their name on it, where strangers become friends over a round of trivia, and where live music on a Monday night can turn an ordinary week around. We're not trendy. We're better than that — we're yours.</p>
|
||
<p>Whether you're stopping in for a quiet pint after work, settling in for brunch with friends on a Sunday morning, or catching a band on a Friday night, Axis is the kind of bar that feels like it was made for you specifically. Because, in a way, it was.</p>
|
||
<div class="about-section__hours">
|
||
<div class="about-section__hours-block">
|
||
<strong>Bar Hours</strong>
|
||
<p>Tuesday–Sunday · 5pm–2am</p>
|
||
</div>
|
||
<div class="about-section__hours-block">
|
||
<strong>Brunch</strong>
|
||
<p>Thursday–Sunday · 9am–3pm</p>
|
||
</div>
|
||
</div>
|
||
<p class="about-section__addr">3048 Dundas Street West, Toronto</p>
|
||
</div>
|
||
<div class="about-section__image">
|
||
<img
|
||
src="https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=800&q=80&auto=format&fit=crop"
|
||
alt="Axis bar interior"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ===== What's On ===== -->
|
||
<section class="whats-on-section">
|
||
<div class="container">
|
||
<h2 class="section-heading section-heading--center">What's On</h2>
|
||
<div class="poster-grid">
|
||
|
||
<div class="poster-card">
|
||
<div class="poster-card__icon">◆</div>
|
||
<div class="poster-card__tag">Weekly</div>
|
||
<h3 class="poster-card__name">Trivia Night</h3>
|
||
<p class="poster-card__when">Every Tuesday · 8pm</p>
|
||
<p class="poster-card__desc">Teams of up to 6. Prizes include bar tabs and Axis swag. Arrive early to grab a table.</p>
|
||
</div>
|
||
|
||
<div class="poster-card">
|
||
<div class="poster-card__icon">♬</div>
|
||
<div class="poster-card__tag">Recurring</div>
|
||
<h3 class="poster-card__name">Live Music</h3>
|
||
<p class="poster-card__when">Every Monday & Friday · 9pm</p>
|
||
<p class="poster-card__desc">Local and touring acts across folk, rock, soul, and jazz. No cover charge, ever.</p>
|
||
</div>
|
||
|
||
<div class="poster-card">
|
||
<div class="poster-card__icon">♟</div>
|
||
<div class="poster-card__tag">Monthly</div>
|
||
<h3 class="poster-card__name">Board Games & Chess Night</h3>
|
||
<p class="poster-card__when">2nd Thursday of the month · 7pm</p>
|
||
<p class="poster-card__desc">Bring your A-game. Classic board games, chess sets, and cold drinks. All skill levels welcome.</p>
|
||
</div>
|
||
|
||
</div>
|
||
<p class="whats-on-link"><a href="events.html">See full calendar →</a></p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ===== Promotions ===== -->
|
||
<section class="promos-section">
|
||
<div class="container">
|
||
<h2 class="section-heading section-heading--center">Specials</h2>
|
||
<div class="promo-grid">
|
||
|
||
<div class="promo-card">
|
||
<h3 class="promo-card__title">Happy Hour</h3>
|
||
<p class="promo-card__when">Tuesday–Friday · 5pm–7pm</p>
|
||
<p class="promo-card__desc">$2 off all draught pints. Kick off your evening right.</p>
|
||
</div>
|
||
|
||
<div class="promo-card">
|
||
<h3 class="promo-card__title">Weekend Brunch</h3>
|
||
<p class="promo-card__when">Thursday–Sunday · 9am–3pm</p>
|
||
<p class="promo-card__desc">Eggs benny, poutine, french toast, and mimosas. The only brunch you need.</p>
|
||
</div>
|
||
|
||
<div class="promo-card">
|
||
<h3 class="promo-card__title">Live Music</h3>
|
||
<p class="promo-card__when">Every Monday & Friday from 9pm</p>
|
||
<p class="promo-card__desc">No cover charge. Just great music and a full bar. Every week.</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ===== Footer ===== -->
|
||
<footer>
|
||
<p><span>Axis</span> — 3048 Dundas Street West — Open Tue–Sun 5pm–2am — Brunch Thu–Sun 9am–3pm</p>
|
||
<p style="margin-top:0.4rem;">Please drink responsibly. Must be of legal drinking age.</p>
|
||
</footer>
|
||
|
||
<script>
|
||
function toggleNav() {
|
||
document.getElementById('nav-links').classList.toggle('open');
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|