Mistral Sailing Club — sailing school website demo
Sailing · Yacht Charter School — a demo build by Codelith Lab, live and open to click through.
Marseille école de voile — cinematic film-grain hero with a hand-drawn sloop that heels & sails, a live NAUTICAL CONDITIONS BOARD (compass wind-rose + ticking dials + tide curve + 5-day Beaufort forecast + GO/REEF signal), and an interactive CHART ROUTE-PLANNER: click the hand-drawn coastal chart to drop waypoints → live NM distance & sail-time, then press Sail It and a boat sails your plotted passage. Hand-written log-book reviews, regatta results + standings podium, wax-seal & gold-foil finish. Chart-paper + navy ink + signal red, Fraunces/Arvo. The build runs as a 14-section page with 609 words of real copy and 7 images, and it holds up from desktop down to a 390px phone screen.
What this build includes
- The conditions board
- Plot your own passage
- The school
- The fleet
- When the mistral blows, we teach knots ashore.
- What the crew wrote
- Coupe du Mistral · results
- The wind is free. Lessons aren't. Almost.
- Matelot
- Skipper Côtier
- Yachtmaster
- Lark 420
- Sirocco 32
- Tramontane 44
Inside the build
Fifty-two years of teaching people to read a gust before it arrives. Read the live board, plot a passage on the chart — and watch a boat sail it.
The conditions boardSixteen years ago we bolted an anemometer to the clubhouse roof. It has not stopped talking since.
Plot your own passageClick the water to drop waypoints, then press Sail it and watch her go.
When the mistral blows, we teach knots ashore.Our club is named for the wind that closes the bay. Respecting it is lesson zero: we sail to the forecast, never to the calendar.
What the crew wroteEntries copied, unedited, from the ledger by the bar.
The wind is free. Lessons aren't. Almost.First taster sail ₹2,500 — refunded if you enrol. Lifejackets, oilskins and strong opinions provided.
Functionality built in
Build facts
| Type of build | Sailing School Website |
|---|---|
| Industry | Sailing · Yacht Charter School |
| Sections on the page | 14 |
| Words of real copy | 609 |
| Images used | 7 |
| Page weight | 61 KB of HTML |
Measured from the live build. Demos are built in-house, not client projects.
Want something like this for your business?
Same build, your brand and your content.
Other builds in the same space
Fathom — immersive dive school website demo
A boutique dive school built as a <b>descent</b> — scroll and the water darkens from sunlit turquoise to…
EdtechNEET Result Checker — wp plugin demo demo
NTA-style result portal — roll number + DOB + captcha → instant scorecard, admin-managed data, reusable for any…
EducationAscent Academy — coaching website demo
Results-driven NEET/JEE academy — toppers wall with count-up ranks, live batch timetable with seat status, fee accordion &…