Trillo 🏨

Trillo is a modern and responsive hotel booking website interface built with HTML, CSS, and Sass.

The project focuses on creating a clean and professional travel booking UI while practicing modern CSS techniques, responsive layouts, Flexbox, and Sass architecture.

✨ Features

• Fully responsive design
• Modern hotel booking interface
• Responsive navigation
• Hotel information and booking sections
• Flexible page layout
• Modern typography and spacing
• CSS animations and transitions
• Mobile, tablet, and desktop support
• Sass / SCSS architecture
• Flexbox-based layout

🛠️ Technologies

• HTML5
• CSS4
• Sass / SCSS
• Flexbox
• npm
• Google Fonts
• SVG Icons

📱 Responsive Design

Trillo is designed to provide a consistent experience across different screen sizes:

• Desktop
• Laptop
• Tablet
• Mobile

📁 Project Structure

Trillo/
│
├── assets/
│
├── css/
│
├── sass/
│
├── index.html
├── package.json
├── package-lock.json
│
└── README.md

🚀 Getting Started

Clone the repository

git clone https://github.com/ElyarDev/Trillo.git

Open the project

cd Trillo

Install dependencies

npm install

Run the project

Open index.html in your browser or use the Live Server extension in VS Code.

🌐 Live Demo

View Live Demo

📚 What I Learned

While building Trillo, I practiced and improved my skills in:

• Building responsive layouts
• Advanced CSS techniques
• Flexbox
• Sass and SCSS
• Component-style CSS organization
• Responsive navigation
• CSS animations and transitions
• Creating modern user interfaces
• Maintaining scalable stylesheets
• Organizing frontend projects

🎯 Project Focus

The main goal of this project was to improve my understanding of modern CSS and Sass by building a realistic, responsive hotel booking interface from scratch.

🔮 Future Improvements

Possible future improvements include:

• Adding JavaScript interactions
• Implementing functional booking forms
• Adding dynamic hotel data
• Adding search and filtering functionality
• Connecting the interface to a backend
• Converting the project into a full-stack booking application

📌 Project Status

Completed — Frontend Practice Project

👨‍💻 Author

Elyar Athari

Frontend Developer

GitHub