180 lines
7.3 KiB
HTML
180 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Connect — Sabor Flow Da Nang</title>
|
|
<meta name="description" content="Follow Sabor Flow Da Nang on Instagram and get in touch with the Latin dance community.">
|
|
<link rel="icon" type="image/jpeg" href="assets/logo.jpg">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="sfB-bg" aria-hidden="true"></div>
|
|
|
|
<nav class="sfB-mobile-nav" id="sfB-mobile-nav">
|
|
<button class="mnav-close" id="sfB-mobile-nav-close">✕</button>
|
|
<a href="/">Home</a>
|
|
<a href="schedule.html">Schedule</a>
|
|
<a href="connect.html" class="active">Connect</a>
|
|
<a href="studios.html">Studios</a>
|
|
<a href="classes.html">Classes</a>
|
|
<a href="festivals.html">Festivals</a>
|
|
</nav>
|
|
|
|
<header class="sfB-topbar">
|
|
<a href="/" class="logo">
|
|
<div class="mark"><img src="assets/logo.jpg" alt="Sabor Flow Da Nang"></div>
|
|
<div class="name">SABOR FLOW<span class="city">Da Nang</span></div>
|
|
</a>
|
|
<nav class="sfB-nav">
|
|
<a href="/">Home</a>
|
|
<a href="schedule.html">Schedule</a>
|
|
<a href="connect.html" class="active">Connect</a>
|
|
<a href="studios.html">Studios</a>
|
|
<a href="classes.html">Classes</a>
|
|
<a href="festivals.html">Festivals</a>
|
|
</nav>
|
|
<div class="topbar-right">
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="sfB-ig">
|
|
<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>
|
|
<button class="sfB-hamburger" id="sfB-hamburger" aria-label="Open menu">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="sfB-page">
|
|
<div class="sfB-page-head">
|
|
<h1>Stay <em>Connected</em></h1>
|
|
<div class="info">
|
|
Sabor Flow lives on Instagram and inside a few group chats. There's no app, no email list, no spam — just
|
|
messages from real dancers about real parties. Pick whichever channel fits.
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Instagram profile hero -->
|
|
<div class="sfB-connect-hero">
|
|
<div class="ch-left">
|
|
<div class="ava"><img src="assets/logo.jpg" alt="Sabor Flow Da Nang"></div>
|
|
<div>
|
|
<div class="h">@saborflowdanang</div>
|
|
<h2>The Instagram is the source of truth.</h2>
|
|
<p>Photos, videos, and announcements from Da Nang's Latin dance community. Social dances almost every day of the
|
|
week.</p>
|
|
</div>
|
|
</div>
|
|
<div class="ch-right">
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="sfB-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">
|
|
<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>
|
|
Follow on Instagram
|
|
</a>
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="sfB-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="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
|
|
</svg>
|
|
DM Us
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Instagram grid -->
|
|
<div style="margin-top: 48px;">
|
|
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;">
|
|
<h2
|
|
style="font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 28px; letter-spacing: -1px;">
|
|
Latest from the <em
|
|
style="font-family: 'Caveat Brush', cursive; font-style: normal; font-weight: 400; color: var(--sf-coral);">floor</em>
|
|
</h2>
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener"
|
|
style="font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--sf-gold); letter-spacing: 1px; text-decoration: none;">VIEW
|
|
ALL ↗</a>
|
|
</div>
|
|
<div class="sfB-igrid">
|
|
<div class="ig">
|
|
<span class="heart">♡ 142</span>
|
|
<span class="lbl">// caliz · sensual night</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 89</span>
|
|
<span class="lbl">// shai · workshop</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 211</span>
|
|
<span class="lbl">// hoi an · la riva</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 67</span>
|
|
<span class="lbl">// malibu · salsa</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 178</span>
|
|
<span class="lbl">// bachata party</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 93</span>
|
|
<span class="lbl">// ket fai · kizomba</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 134</span>
|
|
<span class="lbl">// last call · sunday</span>
|
|
</div>
|
|
<div class="ig">
|
|
<span class="heart">♡ 256</span>
|
|
<span class="lbl">// vlx · da nang</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Collaborate banner -->
|
|
<div class="sfB-collab">
|
|
<div class="l">/ COLLABORATE</div>
|
|
<h2>Run a venue? <em>Teach?</em><br>DJ Latin?</h2>
|
|
<p>We're always looking to expand the floor. If you're an instructor, DJ, or you run a bar that wants to host a
|
|
Latin night — let's talk. Sabor Flow is non-profit and connects people, never charges.</p>
|
|
<div class="acts">
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="sfB-btn primary">Get
|
|
in touch ↗</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="sfB-foot">
|
|
<div><strong>Sabor Flow</strong> Da Nang — Latin dance community © <span id="footer-year">2025</span></div>
|
|
<nav class="foot-links">
|
|
<a href="/">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="foot-social">
|
|
<a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener">Instagram</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
|
|
</html> |