Javi/saborflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Launch SaborFlow Da Nang website

Browse Source 
Multi-page static site for Da Nang's Latin dance community.
Pages: Home, Schedule, Connect, Studios, Classes, Festivals.
Colors match the logo palette; fully responsive with mobile nav.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Javier Blanco
2026-04-30 15:10:13 +07:00
parent a8f33dc0ba
commit 704c6afcf9
11 changed files with 1737 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
festivals.html Normal file
View File

@@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Festivals — SaborFlow Da Nang</title>
<meta name="description" content="Latin dance festivals in Da Nang, Vietnam. Multi-day events with international artists, workshops, and social dancing.">
<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-logo">
<img src="assets/logo.jpg" alt="SaborFlow Da Nang">
</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">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" class="active">Festivals</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="page-header">
<h1>Upcoming <span class="accent">Festivals</span></h1>
<p class="subtitle">Multi-day Latin dance events right here in Da Nang — workshops, performances, and non-stop social dancing.</p>
</div>
<!-- Latin Escape Da Nang 2026 -->
<div class="festival-card festival-card-le">
<div class="festival-poster">
<div class="festival-poster-content">
<h2>Latin Escape Da Nang</h2>
<div class="festival-dates">May 15 – 17, 2026</div>
</div>
</div>
<div class="festival-body">
<div class="festival-meta">
<div class="festival-meta-item">
📅 <strong>May 15–17, 2026</strong>
</div>
<div class="festival-meta-item">
📍 Royal Lotus Hotel &middot; <strong>My Khe Beach, Da Nang</strong>
</div>
<div class="festival-meta-item">
🎵 <strong>Bachata · Kizomba</strong>
</div>
</div>
<div class="tags" style="margin-bottom:1rem">
<span class="tag tag-bachata">Bachata</span>
<span class="tag tag-kizomba">Kizomba</span>
</div>
<p class="festival-desc">
A destination-style festival set against the backdrop of Da Nang&rsquo;s stunning beach. Three days of workshops, social parties, and performances with international artists. The perfect excuse to combine dancing with a beach getaway!
</p>
<div class="festival-links">
<a href="https://www.facebook.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">👥 Facebook</a>
<a href="https://www.instagram.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">📸 Instagram</a>
<a href="https://www.tickettailor.com/events/latinescapedanang" target="_blank" rel="noopener" class="btn btn-primary">🎟️ Buy Tickets</a>
</div>
</div>
</div>
<!-- Vietnam Latin Xperience 2026 -->
<div class="festival-card festival-card-vlx">
<div class="festival-poster">
<div class="festival-poster-content">
<h2>Vietnam Latin Xperience</h2>
<div class="festival-dates">October 2 – 4, 2026</div>
</div>
</div>
<div class="festival-body">
<div class="festival-meta">
<div class="festival-meta-item">
📅 <strong>October 2–4, 2026</strong>
</div>
<div class="festival-meta-item">
📍 Da Nang Beach &middot; <strong>Da Nang</strong>
</div>
<div class="festival-meta-item">
🎵 <strong>Salsa · Bachata · Kizomba · Zouk &amp; more</strong>
</div>
</div>
<div class="tags" style="margin-bottom:1rem">
<span class="tag tag-salsa">Salsa</span>
<span class="tag tag-bachata">Bachata</span>
<span class="tag tag-kizomba">Kizomba</span>
<span class="tag tag-zouk">Zouk</span>
<span class="tag tag-tango">Urban Kiz</span>
<span class="tag tag-tango">Konpa</span>
</div>
<p class="festival-desc">
Now in its 7th edition and recently moved to Da Nang, the Vietnam Latin Xperience (VLX) is one of Southeast Asia&rsquo;s most beloved Latin festivals. Three days of workshops, bootcamps, and social parties with a warm, family-like community vibe. International artists, beautiful beach setting, unforgettable nights.
</p>
<div class="festival-links">
<a href="https://vietnamlatinxperience.com" target="_blank" rel="noopener" class="btn btn-ghost">🌐 Website</a>
<a href="https://www.facebook.com/VietnamLatinXperience/" target="_blank" rel="noopener" class="btn btn-ghost">👥 Facebook</a>
<a href="https://www.tickettailor.com" target="_blank" rel="noopener" class="btn btn-primary">🎟️ Buy Tickets</a>
</div>
</div>
</div>
<div style="background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center">
<p style="color:var(--subtle);margin-bottom:1rem">Know of a festival we should add? Or organizing one yourself?</p>
<a href="connect.html" class="btn btn-secondary">📩 Tell Us About It</a>
</div>
</div>
<footer class="footer" style="margin-top:4rem">
<div class="container">
<div class="footer-content">
<a href="index.html" class="footer-logo">
<img src="assets/logo.jpg" alt="SaborFlow Da Nang">
</a>
<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>
<p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>