Floating Flows static site + Coolify Dockerfile deploy
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+224
@@ -0,0 +1,224 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Courses — Floating Flows AcroYoga Freiburg</title>
|
||||
<meta name="description" content="AcroYoga courses in Freiburg with Luciana — Beginner Flows, Classic Washing Machines 1, the Absolute Beginner workshop and private personal training." />
|
||||
<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=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Lato:wght@400;700;900&family=Poiret+One&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="nav nav--solid" id="nav">
|
||||
<div class="wrap nav__inner">
|
||||
<a class="brand" href="index.html" aria-label="Floating Flows home">
|
||||
<img class="brand__icon" src="assets/brand/floating-flows-icon.png" alt="" onerror="this.style.display='none'" />
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</a>
|
||||
<nav class="nav__links" aria-label="Primary">
|
||||
<a href="courses.html">Courses</a>
|
||||
<a href="index.html#experience">The Practice</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="index.html#contact">Contact</a>
|
||||
</nav>
|
||||
<div class="nav__right">
|
||||
<div class="nav__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
<a class="btn nav__cta" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class</a>
|
||||
<button class="nav__toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="drawer" id="drawer" aria-hidden="true">
|
||||
<a class="drawer__link" href="courses.html">Courses</a>
|
||||
<a class="drawer__link" href="index.html#experience">The Practice</a>
|
||||
<a class="drawer__link" href="about.html">About</a>
|
||||
<a class="drawer__link" href="index.html#contact">Contact</a>
|
||||
<div class="drawer__meta">
|
||||
<a href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book a class →</a>
|
||||
<span>Seepark Glashaus · Freiburg</span>
|
||||
<div class="drawer__icons icons">
|
||||
<a class="icon-btn" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="pagehead">
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">Courses & Workshops</p>
|
||||
<h1>Term courses, <span class="accent">workshops</span> & private training.</h1>
|
||||
<p class="lede">All courses are taught by Luciana in small, attentive groups. You never need to bring a partner — we work in rotating teams.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BEGINNER FLOWS -->
|
||||
<section class="course" id="beginner-flows">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">01 / Term Course</span>
|
||||
<h2>Beginner Flows</h2>
|
||||
<p class="lede">A continuation of the Absolute Beginner 1 & 2 workshops — seven sessions to solidify the basics and grow into confident, flowing movement.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Starts</span><strong>12 June 2026</strong></div>
|
||||
<div class="fact"><span>Schedule</span><strong>Thursdays, 18:30–20:00<small>18 & 25 Jun · 2, 9, 16, 23 Jul · +1 by arrangement</small></strong></div>
|
||||
<div class="fact"><span>Location</span><strong>Seepark Glashaus<small>Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact fact--price"><span>Energy exchange</span><strong>€126<small>full course · 7 sessions</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>In seven sessions (six fixed dates plus one by arrangement) we review the basics from Absolute Beginner 1 & 2 to create a solid foundation for more complex flows.</p>
|
||||
<p>The core of the course is four short beginner flows, which you’ll learn step by step and practise together as a group. Over the weeks we build confidence in the individual positions, the transitions between them, and the interplay between base, flyer and spotter.</p>
|
||||
<p>Alongside figures and transitions, we focus on fall training, breathing, and the foundations of a safe AcroYoga practice. It’s the ideal preparation for the Washing Machine 1 course.</p>
|
||||
<h3>Good to know</h3>
|
||||
<ul>
|
||||
<li>No partner required — we work in rotating teams. Couples are very welcome too.</li>
|
||||
<li>Drop-in via Hansefit is possible — please get in touch first.</li>
|
||||
<li>The content builds week to week, so attending as many sessions as possible is recommended.</li>
|
||||
</ul>
|
||||
<div class="callout">After registering, please message Luciana so she can add you to the course Signal group.</div>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book this course</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- WASHING MACHINES -->
|
||||
<section class="course" id="washing-machines">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">02 / Term Course</span>
|
||||
<h2>Classic Washing Machines 1</h2>
|
||||
<p class="lede">The natural next step after Beginner Flows — review the basics and link figures into continuous, flowing “washing machine” rotations.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Starts</span><strong>18 June 2026</strong></div>
|
||||
<div class="fact"><span>Schedule</span><strong>Thursdays, 18:30–20:00<small>18 & 25 Jun · 2, 9, 16, 23 Jul · +1 by arrangement</small></strong></div>
|
||||
<div class="fact"><span>Location</span><strong>Seepark Glashaus<small>Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact fact--price"><span>Energy exchange</span><strong>€126<small>full course · 7 sessions</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>Over seven sessions (six fixed dates plus one by arrangement) we review the basics to create a strong foundation for more complex flows, then begin to connect figures into smooth, continuous transitions.</p>
|
||||
<p>We develop confidence in the individual positions, the transitions between them, and the interplay between base, flyer and spotter — supported throughout by fall training, breathing and safe practice.</p>
|
||||
<p>This course is perfect if you want to consolidate your figures and transitions and gain more experience applying them in flowing movement.</p>
|
||||
<h3>Good to know</h3>
|
||||
<ul>
|
||||
<li>No partner required — we work in rotating teams. Couples are welcome.</li>
|
||||
<li>Drop-in via Hansefit is possible — please get in touch first.</li>
|
||||
<li>The content builds on itself, so regular attendance is recommended.</li>
|
||||
</ul>
|
||||
<div class="callout">After registering, please message Luciana so she can add you to the course Signal group.</div>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Book this course</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ABSOLUTE BEGINNER -->
|
||||
<section class="course" id="absolute-beginner">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">03 / Beginner Workshop</span>
|
||||
<h2>Absolute Beginner 1 · Freiburg Outdoor</h2>
|
||||
<p class="lede">A warm, mindful introduction for complete beginners — and the perfect way to bring a friend, partner or family member into the world of AcroYoga.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Date</span><strong>28 June 2026</strong></div>
|
||||
<div class="fact"><span>Time</span><strong>10:00–16:00<small>two 2.5-hour sessions</small></strong></div>
|
||||
<div class="fact"><span>Location</span><strong>Seepark Glashaus — outdoor<small>Brandensteinstraße 24, 79110 Freiburg</small></strong></div>
|
||||
<div class="fact"><span>Includes</span><strong>Potluck & Thai massage<small>shared vegetarian break + guided relaxation</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>This workshop is for complete beginners of any age — and for anyone who would like to introduce their loved ones, friends or relatives to AcroYoga with support.</p>
|
||||
<p>Across two 2.5-hour sessions, Luciana mindfully teaches you the basics. During the break in between we share a vegetarian potluck. To close, you can look forward to a guided Thai massage for deep relaxation.</p>
|
||||
<div class="callout">Please bring something to share for the potluck, and warm clothes for the Thai massage.</div>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="https://floatingflows.com/v2/" target="_blank" rel="noopener">Reserve a place</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PERSONAL TRAINING -->
|
||||
<section class="course" id="personal-training">
|
||||
<div class="wrap course__grid">
|
||||
<div class="course__head-wrap">
|
||||
<span class="course__num">04 / Private</span>
|
||||
<h2>Personal Training · 90 minutes</h2>
|
||||
<p class="lede">Prefer to train at home, can’t make the course dates, or want to work on something specific? Private sessions come to you.</p>
|
||||
</div>
|
||||
<aside class="course__facts">
|
||||
<div class="fact"><span>Format</span><strong>90 minutes<small>for 2 people</small></strong></div>
|
||||
<div class="fact"><span>Where</span><strong>Your home<small>anywhere within Freiburg · 4 cm safety mats provided</small></strong></div>
|
||||
<div class="fact fact--price"><span>Booking</span><strong>via Hansefit<small>plus €16 surcharge</small></strong></div>
|
||||
<div class="fact"><span>To arrange</span><strong>0176 35708720<small>call to discuss goals & a date</small></strong></div>
|
||||
</aside>
|
||||
<div class="course__body">
|
||||
<p>Ninety minutes of personal training for two people, bookable via Hansefit (plus a €16 surcharge). I’ll come to your home anywhere within Freiburg and bring 4 cm thick puzzle mats for your safety, and together we’ll work individually on your AcroYoga goals.</p>
|
||||
<h3>My repertoire</h3>
|
||||
<ul>
|
||||
<li>All AcroYoga poses and flows — except Icarians (pops and throws with brief loss of contact).</li>
|
||||
<li>Standing acrobatics is not currently offered.</li>
|
||||
</ul>
|
||||
<p>We always discuss your goals and a suitable date beforehand. Feel free to call me — I look forward to hearing from you.</p>
|
||||
<div class="course__cta">
|
||||
<a class="btn" href="tel:+4917635708720">Call 0176 35708720</a>
|
||||
<a class="link-arrow" href="mailto:floatingflows@web.de">floatingflows@web.de <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="footer">
|
||||
<div class="wrap">
|
||||
<div class="footer__top">
|
||||
<div>
|
||||
<div class="brand" style="margin-bottom:var(--space-sm);">
|
||||
<img class="brand__icon" src="assets/brand/floating-flows-icon.png" alt="" onerror="this.style.display='none'" />
|
||||
<span class="brand__name">Floating <b>Flows</b></span>
|
||||
</div>
|
||||
<p>Premium AcroYoga in Freiburg — trust, breath and the quiet joy of flight. For every body, every level.</p>
|
||||
<div class="icons" style="margin-top:var(--space-md);">
|
||||
<a class="icon-btn icon-btn--on-night" href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="1.1" fill="currentColor" stroke="none"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="tel:+4917635708720" aria-label="Call"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M5 3h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 12l3 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z"/></svg></a>
|
||||
<a class="icon-btn icon-btn--on-night" href="mailto:floatingflows@web.de" aria-label="Email"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M3.5 7.5l8.5 5.5 8.5-5.5"/></svg></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__cols">
|
||||
<div><h4>Explore</h4><a href="courses.html">Courses</a><a href="about.html">About</a></div>
|
||||
<div><h4>Visit</h4><a href="index.html#location">Location</a><a href="index.html#booking">Book</a><a href="index.html#contact">Contact</a></div>
|
||||
<div><h4>Connect</h4><a href="https://www.instagram.com/floatingflows/" target="_blank" rel="noopener">@floatingflows</a><a href="mailto:floatingflows@web.de">floatingflows@web.de</a><a href="tel:+4917635708720">0176 35708720</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom"><span>© 2026 Floating Flows · Luciana · Freiburg</span><span>Made for movement.</span></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var toggle = document.getElementById('navToggle');
|
||||
var drawer = document.getElementById('drawer');
|
||||
var close = function(){ document.body.classList.remove('menu-open'); toggle.setAttribute('aria-expanded','false'); drawer.setAttribute('aria-hidden','true'); };
|
||||
toggle.addEventListener('click', function(){ var open = document.body.classList.toggle('menu-open'); toggle.setAttribute('aria-expanded', open); drawer.setAttribute('aria-hidden', !open); });
|
||||
drawer.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', close); });
|
||||
document.addEventListener('keydown', function(e){ if(e.key==='Escape') close(); });
|
||||
var io = new IntersectionObserver(function(entries){ entries.forEach(function(en){ if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); } }); }, {threshold: 0.1, rootMargin: '0px 0px -40px 0px'});
|
||||
document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user