|
| 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