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