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

147
index.html
View File

@@ -1,21 +1,146 @@
<!DOCTYPE html>
<html lang="es">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hola Mundo</title>
<link rel="stylesheet" href="style.css">
<title>SaborFlow Da Nang — Latin Dance Community</title>
<meta name="description" content="Da Nang's Latin dance community. Find weekly socials, studios, classes, and festivals for Salsa, Bachata, Kizomba, and Zouk.">
<link rel="icon" type="image/jpeg" href="assets/logo.jpg">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<canvas id="particles"></canvas>
<div class="scanline"></div>
<div class="container">
<h1 class="glitch" data-text="Hola Mundo">Hola Mundo 2</h1>
<p class="subtitle"><span id="typed"></span></p>
<p class="counter" id="counter"></p>
</div>
<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" class="active">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">Festivals</a></li>
</ul>
</div>
</nav>
<script src="main.js"></script>
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<img src="assets/logo.jpg" alt="SaborFlow Da Nang" class="hero-logo">
<p class="hero-tagline">Da Nang's Latin Dance Community</p>
<p class="hero-sub">where the music never stops</p>
<div class="hero-ctas">
<a href="schedule.html" class="btn btn-primary">📅 Weekly Schedule</a>
<a href="studios.html" class="btn btn-secondary">🏫 Studios &amp; Classes</a>
<a href="festivals.html" class="btn btn-ghost">🎉 Festivals</a>
</div>
</div>
</section>
<!-- ABOUT -->
<section>
<div class="container">
<h2 class="section-title">What is SaborFlow?</h2>
<div class="about-grid">
<div class="about-card">
<div class="icon">💃</div>
<h3>Social Dancing</h3>
<p>Almost-daily gatherings at bars, clubs, and restaurants in Da Nang and Hoi An. Everyone is welcome — whether you&rsquo;re a total beginner or a seasoned pro.</p>
</div>
<div class="about-card">
<div class="icon">🎵</div>
<h3>Salsa · Bachata · Kizomba</h3>
<p>We dance to the best Latin rhythms. Salsa, Bachata, Kizomba, and the fast-growing Zouk. Good music, great vibes, amazing people.</p>
</div>
<div class="about-card">
<div class="icon">🌴</div>
<h3>Community First</h3>
<p>SaborFlow is a free, non-profit initiative created to support and grow the Da Nang Latin dance scene. No drama, just dancing.</p>
</div>
</div>
</div>
</section>
<!-- COMING UP THIS WEEK -->
<section>
<div class="container">
<h2 class="section-title">Coming Up This Week</h2>
<div class="card-grid" id="schedule-teaser"></div>
<div class="mt-3 text-center">
<a href="schedule.html" class="btn btn-secondary">View Full Schedule &rarr;</a>
</div>
</div>
</section>
<!-- INSTAGRAM CTA -->
<section>
<div class="container">
<div class="ig-banner">
<h2>Follow us on <span class="accent">Instagram</span></h2>
<p>Catch the latest social dance photos, videos, and event announcements from the community.</p>
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="btn btn-primary">
📸 @saborflowdanang
</a>
</div>
</div>
</section>
<!-- EXPLORE -->
<section>
<div class="container">
<h2 class="section-title">Explore</h2>
<div class="card-grid">
<a href="studios.html" class="card">
<div class="card-body">
<div class="icon" style="font-size:2rem;margin-bottom:.5rem">🏫</div>
<div class="card-title">Dance Studios</div>
<p class="card-text">Dedicated schools offering Salsa, Bachata, Kizomba and more in Da Nang.</p>
</div>
</a>
<a href="classes.html" class="card">
<div class="card-body">
<div class="icon" style="font-size:2rem;margin-bottom:.5rem">📚</div>
<div class="card-title">Dance Classes</div>
<p class="card-text">From total beginner to advanced — find the right class for your level.</p>
</div>
</a>
<a href="festivals.html" class="card">
<div class="card-body">
<div class="icon" style="font-size:2rem;margin-bottom:.5rem">🎊</div>
<div class="card-title">Festivals</div>
<p class="card-text">Multi-day Latin dance festivals with international artists, workshops, and socials.</p>
</div>
</a>
</div>
</div>
</section>
<footer class="footer">
<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>