An open API service indexing awesome lists of open source software.

https://github.com/prasad-k-s/trillo

CSS Flexbox project.
https://github.com/prasad-k-s/trillo

css-animations css3 flexbox html5 media-queries resposive-design scss

Last synced: 8 days ago
JSON representation

CSS Flexbox project.

Awesome Lists containing this project

README

          

# Hotel Booking Website (Flexbox & SASS)

This is a simple hotel booking website created as part of my learning journey with CSS Flexbox and SASS. The project focuses on responsive design and smooth navigation animations. It is fully built using Flexbox to create a clean and flexible layout. The site is also responsive across various screen sizes using media queries.

## Features
- Fully responsive layout designed using CSS Flexbox
- Smooth vertical hover animation on the navigation menu
- Styled using SASS (CSS preprocessor)
- Clean and user-friendly interface
- Desktop-first design

## Live Demo
You can view the live version of the website here:
[Trillo Hotel Booking Website](https://trillo-prasad.netlify.app/)

## Technologies Used
- **HTML5**: For structure and content
- **CSS3**: For styling
- Flexbox for layout
- SASS for CSS preprocessing

## Installation

1. Clone the repository:
```bash
git clone https://github.com/prasad-k-s/Trillo.git
2. Navigate to the project folder:
```bash
cd trillo
3. Install the necessary dependencies:
```bash
npm install
4. Build the CSS:
```bash
npm run build:css