https://github.com/emersonramos3lt/restaurant-landinpage

A fictional restaurant website, with responsive design and smooth scrolling animations with a modern javascript library.
https://github.com/emersonramos3lt/restaurant-landinpage

css css-flexbox frontend html html-css html-css-javascript html5 javascript responsive scrollreveal scrollrevealjs webdevelopment website

Last synced: 12 days ago
JSON representation

A fictional restaurant website, with responsive design and smooth scrolling animations with a modern javascript library.

• Host: GitHub
• URL: https://github.com/emersonramos3lt/restaurant-landinpage
• Owner: emersonramos3lt
• Created: 2025-01-14T20:24:14.000Z (27 days ago)
• Default Branch: main
• Last Pushed: 2025-01-14T20:37:41.000Z (27 days ago)
• Last Synced: 2025-01-14T21:36:41.347Z (27 days ago)
• Topics: css, css-flexbox, frontend, html, html-css, html-css-javascript, html5, javascript, responsive, scrollreveal, scrollrevealjs, webdevelopment, website
• Language: HTML
• Homepage: https://emersonramos3lt.github.io/restaurant-landinpage/
• Size: 2.49 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **👨‍🍳 Restaurant Website**

This project is a modern, **fully responsive** website for a fictional restaurant, showcasing a sleek and inviting design built with **HTML, CSS, and JavaScript**. The site 

incorporates **ScrollReveal** to create engaging **scroll-based animations**, enhancing the user experience with dynamic and interactive elements.

The **responsive layout** adapts effortlessly to various screen sizes, ensuring a consistent and enjoyable browsing experience on desktops, tablets, and smartphones. This 

project allowed me to **practice and refine my UI/UX Design skills**, focusing on creating an intuitive and visually appealing interface. Additionally, I utilized **advanced 

Flexbox** techniques to build a structured and adaptable design that maintains harmony across all devices.

# **🛠️ Main Features**

- **HTML/CSS for structure and styling**

- **JavaScript for interactivity and animations**

- **ScrollReveal for scroll-based animations**

- **Responsive Design using advanced Flexbox techniques**

- **UI/UX Design with a focus on usability and aesthetics**

# **📷 Screenshots**

![Screenshot](./screenshot/img1.PNG)

![Screenshot](./screenshot/img2.PNG)