🎞️ Hansset — Multi‑Page Creative Agency Website

A responsive multi‑page website built for a creative agency. The project focuses on clean UI, smooth user interactions, and modular JavaScript logic.

Includes:

• Custom form validation
• Dynamic content switching
• Enhanced UX features across all pages

🚀 Features

Multi‑page structure

• Home
• Blog
• Blog Single
• Works / Portfolio
• Contact
• 404 Page

Custom JavaScript interactions

• Active‑state switching for blog and work items
• Auto‑expanding textarea (data-fls-input-autoheight)
• Modular JS architecture (app.min.js + page‑specific modules)
• Dynamic footer styling depending on page type

Advanced form validation

• Email validation
• Required fields
• Checkbox validation
• Error/success UI states
• Custom error messages
• Form reset logic
• AJAX submission support
• Integration with popups (flsPopup)

Responsive & accessible UI

• SCSS architecture
• Adaptive layout
• Clean semantic HTML
• Cross‑browser compatibility

🛠 Tech Stack

• HTML5
• SCSS
• JavaScript (ES6 Modules)
• Gulp / Build system
• Custom form validation logic
• Modular UI scripts

Project Structure

/src /components /js app.min.js blog.min.js works.min.js contact.min.js /scss /pages

Key Responsibilities (Your Role)

-Developed modular JavaScript logic for UI interactions -Implemented full custom form validation system -Built auto‑height textarea functionality -Created responsive SCSS architecture -Designed and implemented multi‑page layout -Improved UX with dynamic active states and focus handling -Integrated AJAX form submission and popup feedback

Live Demo

https://stalmax76.github.io/hansset/

📁 GitHub Repository

https://github.com/Stalmax76/hansset