Skip to content

Commit 4c1cfc9

Browse files
committed
Add README
1 parent ebc3456 commit 4c1cfc9

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed

README.md

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
# Sushi Website Project
2+
3+
## 🍣 Introduction
4+
Welcome to the sushi website project, a showcase of popular food, trending sushi, and drinks crafted using HTML and CSS. This project features smooth and subtle animations to enhance the user experience, providing a visually appealing presentation of various sushi dishes and beverages.
5+
6+
## ⚙️ Tech Stack
7+
- HTML 5
8+
- CSS 3
9+
- Vite
10+
11+
## 🔋 Features
12+
- **CSS Variables**: Utilize CSS variables to maintain a consistent and easily adjustable styling approach throughout the project.
13+
- **Importing CSS Files**: Import CSS files into others, promoting modularity and organization in styling.
14+
- **Flex and Position Properties**: Use of flex and position properties in CSS to create responsive and well-structured layouts.
15+
- **Rendering HTML through JavaScript**: Rendering HTML through JavaScript using reusable functions, enhancing code efficiency.
16+
- **Smooth Animations**: Smooth and subtle animations to enhance the overall user experience, focusing on fluid transitions.
17+
- **BEM Method**: Follow the Block Element Modifier (BEM) methodology for naming classes, promoting a clear and maintainable structure.
18+
- **Organized File and Folder Structure**: Maintain a well-organized file and folder structure for easy navigation and management of project assets.
19+
- **Responsive Design**: The application is completely responsive across all devices, employing responsive design techniques such as media queries and fluid layouts.
20+
21+
All these features were implemented while creating the sushi website, which includes:
22+
23+
- **Navigation Bar**
24+
- **Creative Hero Section**
25+
- **About Us Section**
26+
- **Popular Food, Trending Sushi, and Drinks Sections**
27+
- **Newsletter Signup and Footer**
28+
29+
## 🤸 Quick Start
30+
Follow these steps to set up the project locally on your machine.
31+
32+
### Prerequisites
33+
Make sure you have the following installed on your machine:
34+
- Git
35+
- Node.js
36+
- npm (Node Package Manager)
37+
38+
### Cloning the Repository
39+
```bash
40+
git clone https://github.com/adrianhajdin/project_html_css_website.git
41+
cd project_html_css_website
42+
npm install
43+
npm run dev
44+
````

0 commit comments

Comments
 (0)