Javier Blanco
704c6afcf9
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>
206 lines
8.6 KiB
HTML
206 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dance Classes — SaborFlow Da Nang</title>
|
|
<meta name="description" content="Latin dance classes in Da Nang. Find Salsa, Bachata, Kizomba, and Zouk classes for all levels.">
|
|
<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" class="active">Classes</a></li>
|
|
<li><a href="festivals.html">Festivals</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<div class="page-header">
|
|
<h1>Dance <span class="accent">Classes</span></h1>
|
|
<p class="subtitle">Whether you’re just starting out or looking to sharpen your moves — there’s a class for you.</p>
|
|
</div>
|
|
|
|
<div class="filter-bar">
|
|
<button class="filter-pill active" data-filter="all">All</button>
|
|
<button class="filter-pill" data-filter="salsa">Salsa</button>
|
|
<button class="filter-pill" data-filter="bachata">Bachata</button>
|
|
<button class="filter-pill" data-filter="kizomba">Kizomba</button>
|
|
<button class="filter-pill" data-filter="zouk">Zouk</button>
|
|
<button class="filter-pill" data-filter="beginner">Beginner</button>
|
|
<button class="filter-pill" data-filter="advanced">Advanced</button>
|
|
</div>
|
|
|
|
<div class="card-grid">
|
|
|
|
<!-- Lucho Giraldes — Salsa -->
|
|
<div class="card filterable-card" data-styles="salsa,beginner,intermediate,advanced">
|
|
<div class="card-body">
|
|
<div class="card-title">Lucho Giraldes — Salsa</div>
|
|
<div class="tags">
|
|
<span class="tag tag-salsa">Salsa On1</span>
|
|
<span class="tag tag-salsa">Salsa On2</span>
|
|
<span class="tag tag-beginner">Beginner</span>
|
|
<span class="tag tag-intermediate">Intermediate</span>
|
|
<span class="tag tag-advanced">Advanced</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>👨🏫</strong> Lucho Giraldes — 20+ years experience
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> Various venues in Da Nang (see website for details)
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📅</strong> Check website for current schedule
|
|
</div>
|
|
<div class="card-links">
|
|
<a href="https://salsadanang.com" target="_blank" rel="noopener" class="card-link">🌐 salsadanang.com</a>
|
|
<a href="https://www.instagram.com/salsadanang/" target="_blank" rel="noopener" class="card-link">📸 @salsadanang</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Daisy Nguyen -->
|
|
<div class="card filterable-card" data-styles="bachata,kizomba,intermediate">
|
|
<div class="card-body">
|
|
<div class="card-title">Daisy Nguyen</div>
|
|
<div class="tags">
|
|
<span class="tag tag-bachata">Bachata</span>
|
|
<span class="tag tag-kizomba">Kizomba</span>
|
|
<span class="tag tag-intermediate">Intermediate</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>👩🏫</strong> Daisy Nguyen — local instructor & social organizer
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> Da Nang (venues change — follow for updates)
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📅</strong> Tuesday at Caliz Bar (Sensual Night) · Sunday at Corner Bar
|
|
</div>
|
|
<div class="card-links">
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="card-link">📸 Check Instagram</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Frog Goose — Bachata Workshop -->
|
|
<div class="card filterable-card" data-styles="bachata,beginner,intermediate">
|
|
<div class="card-body">
|
|
<div class="card-title">Frog Goose — Bachata Workshop</div>
|
|
<div class="tags">
|
|
<span class="tag tag-bachata">Bachata</span>
|
|
<span class="tag tag-beginner">Beginner</span>
|
|
<span class="tag tag-intermediate">Intermediate</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>👩🏫</strong> Luu Nhat Phuong, Phong & Shai
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> 292 Vo Nguyen Giap, Ngu Hanh Son, Da Nang
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📅</strong> Every Monday — Workshop 8:30 PM · Social from 9:30 PM
|
|
</div>
|
|
<div class="card-links">
|
|
<a href="https://www.facebook.com/frog.goose/" target="_blank" rel="noopener" class="card-link">👥 Facebook</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sean Kim — Kizomba & Bachata -->
|
|
<div class="card filterable-card" data-styles="kizomba,bachata,intermediate">
|
|
<div class="card-body">
|
|
<div class="card-title">Sean Kim — Kizomba & Bachata</div>
|
|
<div class="tags">
|
|
<span class="tag tag-kizomba">Kizomba</span>
|
|
<span class="tag tag-bachata">Bachata</span>
|
|
<span class="tag tag-intermediate">Intermediate</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>👨🏫</strong> Sean Kim — organizer of the Wednesday Bachata Kiz Night
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> Ket Fai Bar, Da Nang
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📅</strong> Wednesday — Kizomba from 19:30 · Bachata from 21:00
|
|
</div>
|
|
<div class="card-links">
|
|
<a href="connect.html" class="card-link">📩 Contact via SaborFlow</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 50 Decibels -->
|
|
<div class="card filterable-card" data-styles="kizomba,zouk,salsa,bachata,beginner">
|
|
<div class="card-body">
|
|
<div class="card-title">50 Decibels</div>
|
|
<div class="tags">
|
|
<span class="tag tag-kizomba">Kizomba</span>
|
|
<span class="tag tag-zouk">Zouk</span>
|
|
<span class="tag tag-salsa">Salsa</span>
|
|
<span class="tag tag-bachata">Bachata</span>
|
|
<span class="tag tag-beginner">Beginner-friendly</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> 36 Đ. Ng. Thi Si, Bac My An, Ngu Hanh Son, Da Nang
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📅</strong> Monday 9 PM — Kizomba & Zouk night
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📅</strong> Friday 9 PM — Latin Vibes (Salsa, Bachata, Kizomba)
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>💰</strong> ~$3 USD cover
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mt-3" 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">Teaching in Da Nang and not listed here? Get in touch!</p>
|
|
<a href="connect.html" class="btn btn-secondary">📩 Contact Us</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>
|