Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tinspham209/the-rosa-restaurant
Build a Restaurant Website fully responsive with HTML/CSS
https://github.com/tinspham209/the-rosa-restaurant
animations css html javascript
Last synced: about 8 hours ago
JSON representation
Build a Restaurant Website fully responsive with HTML/CSS
- Host: GitHub
- URL: https://github.com/tinspham209/the-rosa-restaurant
- Owner: tinspham209
- Created: 2020-05-23T05:53:01.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T08:40:15.000Z (11 months ago)
- Last Synced: 2023-12-15T09:46:02.710Z (11 months ago)
- Topics: animations, css, html, javascript
- Language: HTML
- Homepage:
- Size: 1.98 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mini Project: The Rosa Restaurant
## Date: 23 - May - 2020
### Functions
Build a Responsive Website with Animations
### Template
https://pixelgrade.com/themes/restaurants/rosa2/
### Screenshot
### Tech-Stack
- HTML
- CSS
- Javascript
### Plan Of Action
- Initial project
- Header component
- Add function open menu
- Add button Explore
- Decorate headline
- Discover Story component
- Add asterisk for discover
- Tasteful recipes component
- Discover our menu component
- The perfect blend component
- Culinary-delight component
- Footer component
- Responsive for PC Screen
- Add animations
- Make Reveal animation
### After this project
After this project, i learn a little more about HTML 5 and CSS 3
- Layout HTML
- Use keyframes and hover effect animations with `CSS` & `JS`
- a new tool to animate on scroll called `Scroll Reveal`
- Use media queries to make responsive
### Directory Structure
```
.
├── images
├── README.md
├── index.html
├── styles.css
└── main.js
```
### Set up
Use the cmd line to clone repo to your computer
```
git clone [github_repo_url]
```
Open `index.html` to run the application