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>
183 lines
11 KiB
HTML
183 lines
11 KiB
HTML
<!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-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">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">
|
|
<p class="section-label">Da Nang 2026</p>
|
|
<h1>Festivals</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">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
|
|
<strong>May 15–17, 2026</strong>
|
|
</div>
|
|
<div class="festival-meta-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
|
|
Royal Lotus Hotel · <strong>My Khe Beach, Da Nang</strong>
|
|
</div>
|
|
<div class="festival-meta-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
|
|
<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’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">
|
|
<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>
|
|
Facebook
|
|
</a>
|
|
<a href="https://www.instagram.com/latin.escape.danang/" target="_blank" rel="noopener" class="btn btn-ghost">
|
|
<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>
|
|
Instagram
|
|
</a>
|
|
<a href="https://www.tickettailor.com/events/latinescapedanang" target="_blank" rel="noopener" class="btn btn-primary">
|
|
<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="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2z"/></svg>
|
|
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">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
|
|
<strong>October 2–4, 2026</strong>
|
|
</div>
|
|
<div class="festival-meta-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
|
|
Da Nang Beach · <strong>Da Nang</strong>
|
|
</div>
|
|
<div class="festival-meta-item">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
|
|
<strong>Salsa · Bachata · Kizomba · Zouk & 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’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">
|
|
<svg width="13" height="13" 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="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
|
|
Website
|
|
</a>
|
|
<a href="https://www.facebook.com/VietnamLatinXperience/" target="_blank" rel="noopener" class="btn btn-ghost">
|
|
<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>
|
|
Facebook
|
|
</a>
|
|
<a href="https://www.tickettailor.com" target="_blank" rel="noopener" class="btn btn-primary">
|
|
<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="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2z"/></svg>
|
|
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(--muted);margin-bottom:1rem">Know of a festival we should add? Or organizing one yourself?</p>
|
|
<a href="connect.html" class="btn btn-ghost">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
<span>Tell Us About It</span>
|
|
</a>
|
|
</div>
|
|
</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>
|