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>
153 lines
6.2 KiB
HTML
153 lines
6.2 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 Studios — SaborFlow Da Nang</title>
|
|
<meta name="description" content="Latin dance studios in Da Nang, Vietnam. Find schools teaching Salsa, Bachata, Kizomba, and Zouk.">
|
|
<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" class="active">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">
|
|
<h1>Dance <span class="accent">Studios</span></h1>
|
|
<p class="subtitle">Dedicated schools and venues where you can take Latin dance lessons in Da Nang.</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>
|
|
</div>
|
|
|
|
<div class="card-grid">
|
|
|
|
<!-- Frog Goose Bachata School -->
|
|
<div class="card studio-card filterable-card" data-styles="bachata">
|
|
<div class="card-stripe"></div>
|
|
<div class="card-body">
|
|
<div class="card-title">Frog Goose Bachata School</div>
|
|
<div class="tags">
|
|
<span class="tag tag-bachata">Bachata</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> 292 Vo Nguyen Giap, Bac My Phu, Ngu Hanh Son, Da Nang
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>🕘</strong> Monday workshops 8:30 PM · Social from 9:30 PM
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>👩🏫</strong> Luu Nhat Phuong, Phong & Shai
|
|
</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>
|
|
|
|
<!-- Salsa Da Nang -->
|
|
<div class="card studio-card filterable-card" data-styles="salsa">
|
|
<div class="card-stripe"></div>
|
|
<div class="card-body">
|
|
<div class="card-title">Salsa Da Nang</div>
|
|
<div class="tags">
|
|
<span class="tag tag-salsa">Salsa On1</span>
|
|
<span class="tag tag-salsa">Salsa On2</span>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> Da Nang (various venues — check website for current location)
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>👨🏫</strong> Lucho Giraldes — 20+ years experience, professional performer
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📚</strong> Beginner · Intermediate · Advanced
|
|
</div>
|
|
<div class="card-links">
|
|
<a href="https://salsadanang.com" target="_blank" rel="noopener" class="card-link">🌐 Website</a>
|
|
<a href="https://www.instagram.com/salsadanang/" target="_blank" rel="noopener" class="card-link">📸 Instagram</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- LearnToDanceDANANG -->
|
|
<div class="card studio-card filterable-card" data-styles="salsa,bachata,kizomba,zouk">
|
|
<div class="card-stripe"></div>
|
|
<div class="card-body">
|
|
<div class="card-title">LearnToDance Da Nang</div>
|
|
<div class="tags">
|
|
<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>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📍</strong> Da Nang
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>📞</strong> <a href="tel:+84855085903" style="color:var(--orange)">+84 85 508 5903</a>
|
|
</div>
|
|
<div class="card-info">
|
|
<strong>✉️</strong> <a href="mailto:LearnToDanceDANANG@gmail.com" style="color:var(--orange)">LearnToDanceDANANG@gmail.com</a>
|
|
</div>
|
|
<div class="card-links">
|
|
<a href="mailto:LearnToDanceDANANG@gmail.com" class="card-link">✉️ Email</a>
|
|
</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">Know a studio we’re missing? Let us know!</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>
|