https://github.com/andrew07373/my-first-frontend-project
A creative restaurant website that blends food, art, and animation.
https://github.com/andrew07373/my-first-frontend-project
animated-website bootstrap css frontend html portfolio-project restaurant web-design
Last synced: about 1 month ago
JSON representation
A creative restaurant website that blends food, art, and animation.
- Host: GitHub
- URL: https://github.com/andrew07373/my-first-frontend-project
- Owner: Andrew07373
- Created: 2025-06-01T22:37:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-01T23:40:34.000Z (about 1 year ago)
- Last Synced: 2025-06-02T09:14:14.106Z (about 1 year ago)
- Topics: animated-website, bootstrap, css, frontend, html, portfolio-project, restaurant, web-design
- Language: HTML
- Homepage:
- Size: 179 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# π ArtWorld β A Creative Restaurant Website
Welcome to **ArtWorld**, a beautifully designed restaurant website where artistic inspiration meets culinary delight. This is a beginner-friendly front-end project that uses HTML, CSS, and Bootstrap to create an engaging and responsive user experience.
## πΈ Preview
> A colorful and interactive landing page, with a unique animated message and easy navigation to different sections like Menu, Location, Blog, and About.
## π Tech Stack
- **HTML5**
- **CSS3** (`styles.css`, `styles2.css`)
- **Bootstrap 5** (`bootstrap.min.css`)
- **Responsive Images** (`logo.png`)
- **Open Graph Meta Tags** (for better social sharing)
## π Project Structure
## π Pages
- **Home (`index.html`)**
- Animated message: "Don't Worry Be Happy"
- Registration form with validation
- Table booking form
- **About (`about.html`)**
- ArtWorldβs philosophy and concept
- **Menu (`menu.html`)**
- Dishes like Falafel, Pasta Salad, Greek Salad, etc.
- **Location (`location.html`)**
- Address: `123 Home Road, Main District, Capital City`
- **Blog (`blog.html`)**
- Updates and promotions
## π§ͺ How to Run
1. Clone or download the repo.
2. Open `index.html` in your browser.
3. Use the nav links to explore the site.
## π Features
- π¨ Bright and engaging UI
- π± Responsive layout
- π Basic form validation
- π§± Organized file structure
## βοΈ Author
Created by **Andrew**, 2025
Copyright Β© ArtWorld