Added Sushi Website with a Readme file.

projects/Sushi_Website/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

projects/Sushi_Website/README.md

@@ -0,0 +1,46 @@
+# Sushi Website
+
+## Overview
+
+**Sushi Website** is a simple, modern website project designed to showcase various sushi options. This project is built using HTML, CSS, and JavaScript and focuses on delivering a clean, responsive design that users can easily interact with to browse sushi items.
+
+## Features
+
+- Interactive sushi menu with item descriptions.
+- Clean, user-friendly interface.
+- Fully responsive across multiple devices and screen sizes.
+- Basic dynamic functionality using JavaScript.
+
+## Tech Stack
+
+- **HTML**: Provides the structure for the webpage.
+- **CSS**: Adds styling to make the website visually appealing.
+- **JavaScript**: Used for interactivity and dynamic content updates.
+
+## Installation
+
+To get the project running locally on your machine, follow these steps:
+
+1. **Clone the repository**:
+
+   ```bash
+   git clone https://github.com/sudo-parnab/Its-webtober.git
+   cd Its-webtober/Sushi_Website
+
+## View the project:
+
+
+   - Open index.html file in your browser to view the Sushi Website.
+
+## Usage
+This website can serve as a portfolio for restaurants or sushi enthusiasts to showcase sushi items with details like ingredients or price. You can modify or add new sushi items, improve the styling, or implement new interactive features by editing the HTML, CSS, and JavaScript files in the respective folders.
+
+## Screenshots :
+
+![Sushi Image](./assets/sc-1.png "Delicious Sushi")
+
+![Sushi Image](./assets/sc-2.png "Delicious Sushi")
+
+![Sushi Image](./assets/sc-3.png "Delicious Sushi")
+
+

projects/Sushi_Website/css/sections/about.css

@@ -0,0 +1,84 @@
+.about-us {
+    display: flex;
+    min-height: 720px;
+    overflow: hidden;
+  }
+
+  .about-us__image {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    background: var(--color-white);
+
+    position: relative;
+  }
+
+  .about-us__image div {
+    padding: 32px 64px;
+
+    flex: 1;
+    display: flex;
+    align-items: center;
+
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+
+  .about-us__image-sushi3 {
+    border-bottom: 8px solid var(--color-creamson);
+
+    background-image: url("../../assets/about_bg1.png")
+  }
+
+  .about-us__image-sushi2 {
+    background-image: url("../../assets/about_bg2.png")
+  }
+
+  .about-us__image-sushi3 img {
+    width: 225px;
+    height: 200px;
+  }
+
+  .about-us__image-sushi2 img {
+    width: 240px;
+    height: 160px;
+  }
+
+  .about-us__button {
+    position: absolute;
+    right: 0;
+
+    padding: 12px 32px;
+    min-height: 64px;
+
+    background: var(--secondary-color);
+    border-radius: 32px 0 0 32px;
+    border: 0;
+    outline: 0;
+
+    color: #fff;
+    font-family: var(--plus-jakarta-sans);
+    font-weight: 500;
+    font-size: 18px;
+    line-height: 23px;
+
+    cursor: pointer;
+  }
+
+  .about-us__button img {
+    object-fit: contain;
+    margin-left: 32px;
+  }
+
+  .about-us__content {
+    padding: 64px;
+
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+

projects/Sushi_Website/css/sections/footer.css

@@ -0,0 +1,62 @@
+.footer {
+    width: 100%;
+    padding: 20px 40px;
+    background: var(--color-white);
+
+    flex-wrap: wrap;
+    gap: 20px;
+
+    overflow: hidden;
+  }
+
+  .footer__logo {
+    font-size: 24px;
+    font-weight: bold;
+    font-family: var(--playfair-display);
+    text-transform: uppercase;
+    color: var(--secondary-color);
+
+    cursor: pointer;
+  }
+
+  .footer__logo span {
+    color: var(--primary-color)
+  }
+
+  .footer ul {
+    list-style: none;
+
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    gap: 64px;
+  }
+
+  .footer ul:last-child {
+    gap: 32px;
+  }
+
+  .footer__nav li {
+    font-size: 16px;
+    font-weight: 500;
+    font-family: var(--plus-jakarta-sans);
+    text-transform: uppercase;
+    color: var(--secondary-color);
+
+    cursor: pointer;
+  }
+
+  .footer__social li {
+    width: 42px;
+    height: 42px;
+
+    background-color: var(--secondary-color);
+    border-radius: 100%;
+  }
+
+  .footer__social li img {
+    width: 45%;
+    height: 45%;
+
+    object-fit: contain;
+  }

projects/Sushi_Website/css/sections/header.css

@@ -0,0 +1,65 @@
+.header__nav{
+  display: flex;
+  overflow: hidden;
+}
+
+.header__logo{
+  flex: 1;
+  display: flex;
+
+  position: relative;
+  padding: 20px;
+}
+
+.header__logo-overlay{
+  position: absolute;
+  inset: 0;
+  width: 100%;
+
+  background-color: var(--primary-color);
+  z-index: -1;
+}
+
+.header__logo h4{
+  padding-left: 30px;
+
+  color: #fff;
+  font-weight: 700;
+  text-transform: uppercase;
+  font-family: var(--playfair-display);
+  opacity: 0.8;
+}
+
+.header__menu, .header__menu-mobile {
+  padding: 20px;
+  flex: 1.236;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 64px;
+
+  list-style: none;
+}
+
+.header__menu li{
+  font-weight: 500;
+  font-family: var(--plus-jakarta-sans);
+  color: var(--secondary-color);
+  font-size: 16px;
+  text-transform: uppercase;
+  line-height: 20px;
+  cursor: pointer;
+}
+
+.header__menu li img{
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+}
+
+.header__menu-mobile{
+  display: none;
+  gap: 20px;
+
+  position: relative;
+}