Landing pages
HREBET — mountain expeditions
A one-page site for a mountain-expedition company: alternating dark and light sections, two themes, two languages.
Gallery
-
Light sections alternate with dark ones — the device works in both themes -
About the project
A landing page in plain HTML, CSS and JavaScript — no build step, no dependencies, deployable to any static host. The design system runs on CSS custom properties: to add a section with an inverted theme you just add a class and the components pick up the right colours themselves.
What is inside
- Dark and light themes are applied by an inline script before first paint — no flash of the wrong theme
- Russian and English: all copy is marked with data attributes, the dictionary lives in a single object
- A seamless marquee: both halves of the ribbon are built in code from one list, otherwise translation makes their widths differ and a visible jump appears every half-minute
- Route filter, testimonial slider, FAQ accordion that recalculates its height when the language changes
- Verified in headless Chromium: four theme-and-language combinations on desktop and mobile