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: 7 days ago
JSON representation
CSS Flexbox project.
- Host: GitHub
- URL: https://github.com/prasad-k-s/trillo
- Owner: prasad-k-s
- Created: 2025-02-11T07:19:13.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-24T11:24:08.000Z (8 months ago)
- Last Synced: 2025-07-01T11:02:24.423Z (4 months ago)
- Topics: css-animations, css3, flexbox, html5, media-queries, resposive-design, scss
- Language: SCSS
- Homepage: https://trillo-prasad.netlify.app
- Size: 4.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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