Coast — Multi-page Hotel Website Template (SASS/JS)
A responsive layout for the premium "Coast" resort hotel multi-page landing website. The project was built based on a Figma design layout, with precise preservation of all proportions, typography, and element placement.
SCOPE OF WORK:
- Multi-page Development: Created a clean, semantic multi-page HTML5 layout. The portfolio preview highlights the homepage layout on both desktop and mobile viewports.
- Styling & Architecture: Authored clean, scalable CSS using the SASS (SCSS) preprocessor. The stylesheet architecture is highly modular for easy project maintenance.
- Responsiveness & Cross-browser Compatibility: The user interface fluidly adapts to any screen size (from mobile phones to ultra-wide desktop monitors) and functions properly across all modern browsers.
- Interactivity (JS): Integrated image sliders for the hero banner and testimonials block, a mobile hamburger menu, interactive galleries, and AJAX contact forms using vanilla JavaScript.
TECH STACK:
- HTML5, semantic markup
- CSS3, SASS (SCSS) preprocessor
- JavaScript (animations, sliders, mobile navigation)
- Figma (asset export and design auditing)
This project serves as a showcase of practical skills in semantic multi-page frontend development, modular CSS workflows with SASS, and modern responsive design implementation.
Live project link is in the "Work details" section (or follow the link here: https://slavaslavav.github.io/hotel-site/dist/index.html).
#html5 #css #sass #scss #javascript #responsive #layout
SCOPE OF WORK:
- Multi-page Development: Created a clean, semantic multi-page HTML5 layout. The portfolio preview highlights the homepage layout on both desktop and mobile viewports.
- Styling & Architecture: Authored clean, scalable CSS using the SASS (SCSS) preprocessor. The stylesheet architecture is highly modular for easy project maintenance.
- Responsiveness & Cross-browser Compatibility: The user interface fluidly adapts to any screen size (from mobile phones to ultra-wide desktop monitors) and functions properly across all modern browsers.
- Interactivity (JS): Integrated image sliders for the hero banner and testimonials block, a mobile hamburger menu, interactive galleries, and AJAX contact forms using vanilla JavaScript.
TECH STACK:
- HTML5, semantic markup
- CSS3, SASS (SCSS) preprocessor
- JavaScript (animations, sliders, mobile navigation)
- Figma (asset export and design auditing)
This project serves as a showcase of practical skills in semantic multi-page frontend development, modular CSS workflows with SASS, and modern responsive design implementation.
Live project link is in the "Work details" section (or follow the link here: https://slavaslavav.github.io/hotel-site/dist/index.html).
#html5 #css #sass #scss #javascript #responsive #layout