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