PIE or BYE delivery 🥧 | LIVE DEMO

1. Project Description

PIE or BYE delivery is a restaurant website and it is a personal project. The project was made only by me in Visual Studio Code to check my knowledge about HTML, CSS and JavaScript. Also, with this project I improved my knowledge about CSS FlexBox, CSS Grid, animations and transitions made with CSS and JavaScript.

In short terms, in this project you will find:

• Responsive Web Desing
• Single-Page
• Animations and Transitions on scroll
• Dark and Light Mode

For switch to Dark or Light Mode, be sure that you don't have Dark Theme active on your browser.

2. How to Install / Run the Project

You have two choices:

1. download the entire project on your computer from Code -> Download Zip and open the index.html file on your browser for running the project
2. click on LIVE DEMO for running the project on your browser (you won't download the project)

I recommend you to see the LIVE DEMO of the project.

3. How to Use the Project

The project is divided into three parts:

1. header
2. main
3. footer

I have prepared two gifs to present you PIE or BYE delivery website.

In the first gif you can see that the website has a navbar with the logo of the restaurant, the menu and a button for switch to dark/light theme. This is the header of the website. For every item of the menu I made a section, so the website has five sections, plus one extra for app download. These are the main of the page. And finally the footer, where I put some informations about the restaurant such as links to social media, address, services etc.

I used ScrollReveal JavaScript library for animating elements as they enter/leave the viewport.

In the second gif you can see that the design is responsive.

See more on LIVE DEMO!

4. Credits

• Images
• Icons
• Fonts