Javier Blanco
3ad3b0b497
- Replace all emoji with inline SVG icons across all pages - New font stack: Syne (800) for headings/UI + Inter for body - Editorial hero with clamp() type, slide-fill buttons, tight grid system - Consistent nav-brand + 3-col footer-inner across all 6 pages - Add btn-ghost style to CSS - Remove amateur decorations; professional, impactful visual result Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
100 lines
4.8 KiB
HTML
100 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Weekly Schedule — SaborFlow Da Nang</title>
|
|
<meta name="description" content="The weekly Latin social dance schedule in Da Nang and Hoi An. Salsa, Bachata, Kizomba, Zouk — every day of the week.">
|
|
<link rel="icon" type="image/jpeg" href="assets/logo.jpg">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="nav">
|
|
<div class="nav-container">
|
|
<a href="index.html" class="nav-brand">
|
|
<img src="assets/logo.jpg" alt="SaborFlow">
|
|
<span class="nav-brand-name">SABORFLOW</span>
|
|
</a>
|
|
<button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
<ul class="nav-links" id="nav-links">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="schedule.html" class="active">Schedule</a></li>
|
|
<li><a href="connect.html">Connect</a></li>
|
|
<li><a href="studios.html">Studios</a></li>
|
|
<li><a href="classes.html">Classes</a></li>
|
|
<li><a href="festivals.html">Festivals</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<div class="page-header">
|
|
<p class="section-label">Da Nang · Hoi An</p>
|
|
<h1>Weekly Schedule</h1>
|
|
<p class="subtitle">Your guide to social dancing — every single week.</p>
|
|
</div>
|
|
|
|
<div class="schedule-note">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
|
|
<span>Music ratios (e.g. <strong style="color:var(--text)">2 Salsa · 2 Bachata · 2 Kizomba</strong>) show approximate songs per style per rotation. Schedules may change — follow <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:var(--teal)">@saborflowdanang</a> and the <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" style="color:var(--teal)">Da Nang SBK group</a> for real-time updates. Pop-up parties for <strong style="color:var(--text)">Zouk</strong> and <strong style="color:var(--text)">Tango</strong> are announced there too.</span>
|
|
</div>
|
|
|
|
<div class="schedule-table-wrap">
|
|
<table class="schedule-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Day</th>
|
|
<th>Venue</th>
|
|
<th>Social</th>
|
|
<th>Music</th>
|
|
<th>City</th>
|
|
<th>Organizer</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="schedule-tbody"></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<p class="mt-3" style="color:var(--muted);font-size:.78rem">Schedule updated monthly — last update: <strong style="color:var(--text);font-weight:500">April 2026</strong></p>
|
|
</div>
|
|
|
|
<footer class="footer" style="margin-top:4rem">
|
|
<div class="container">
|
|
<div class="footer-inner">
|
|
<div>
|
|
<a href="index.html" class="footer-brand">
|
|
<img src="assets/logo.jpg" alt="SaborFlow">
|
|
<span class="footer-brand-name">SABORFLOW</span>
|
|
</a>
|
|
<p class="footer-tagline">Da Nang's Latin dance community</p>
|
|
</div>
|
|
<nav class="footer-nav">
|
|
<a href="index.html">Home</a>
|
|
<a href="schedule.html">Schedule</a>
|
|
<a href="connect.html">Connect</a>
|
|
<a href="studios.html">Studios</a>
|
|
<a href="classes.html">Classes</a>
|
|
<a href="festivals.html">Festivals</a>
|
|
</nav>
|
|
<div class="footer-social">
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
|
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
|
|
@saborflowdanang
|
|
</a>
|
|
<a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
|
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
|
|
Da Nang SBK Group
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">Made with love for the Da Nang dance community</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|