Business card website
General Description
This is the code for a one-page website (Landing Page) for the fitness club "SPARTA," created using HTML, CSS, and JavaScript. Its main goal is to present a promotional offer and collect customer contact information through a booking form.
Structure and Styling (HTML/CSS)
The page has a logical structure with key blocks: a promo banner, a "sticky" site header, a full-height main screen (100vh) with a background image, a booking form, and an informative footer.
The design is executed in a bright yellow-black theme, with colors defined through CSS variables for easy modification. The site is fully responsive for mobile devices, uses standard fonts for readability, and features smooth interactive effects when hovering over buttons and links.
Interactivity (JavaScript)
All functionality is implemented in "pure" JavaScript:
Mobile Menu: A responsive burger menu that slides in from the right, with animation and background dimming. It supports nested submenus that expand on click.
Interface: The user can close the top promo banner.
Form Handling: The booking form sends data to an email using the external service FormSubmit.co, which does not require its own backend. After successful submission, the user is automatically redirected to a thank-you page (thank-you.html).
This is the code for a one-page website (Landing Page) for the fitness club "SPARTA," created using HTML, CSS, and JavaScript. Its main goal is to present a promotional offer and collect customer contact information through a booking form.
Structure and Styling (HTML/CSS)
The page has a logical structure with key blocks: a promo banner, a "sticky" site header, a full-height main screen (100vh) with a background image, a booking form, and an informative footer.
The design is executed in a bright yellow-black theme, with colors defined through CSS variables for easy modification. The site is fully responsive for mobile devices, uses standard fonts for readability, and features smooth interactive effects when hovering over buttons and links.
Interactivity (JavaScript)
All functionality is implemented in "pure" JavaScript:
Mobile Menu: A responsive burger menu that slides in from the right, with animation and background dimming. It supports nested submenus that expand on click.
Interface: The user can close the top promo banner.
Form Handling: The booking form sends data to an email using the external service FormSubmit.co, which does not require its own backend. After successful submission, the user is automatically redirected to a thank-you page (thank-you.html).