• Stars
    star
    99
  • Rank 332,670 (Top 7 %)
  • Language
    HTML
  • License
    MIT License
  • Created almost 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A HTML, CSS Project. Made with ♥ by the web cifar community.

Shaif's Cuisine 👨‍🍳

Live preview: click me

Watch on YouTube: YouTube Video Views https://youtu.be/4y-_3Ayiauw


Made with ❤️ by Shaif Arfan

Like my works and want to support me?

Buy Me A Coffee


A HTML, CSS Project. Made with by the web cifar community. There will be 5 pages in the website (HomePage, MenuPage, AboutPage, ContactPage, BookingPage). In this project we gonna learn how we can create a website using simple HTML, CSS. The main purpose of the project is to get more used to with HTML, CSS. Although we used a few lines of JavaScript in the project for necessary cases. Later on, in this project, we gonna learn how we can deploy this site using Netlify. Also, we gonna learn the process from the zero to end and make the website ready for live production.

What we are going to learn

  • HTML, CSS
  • CSS Grid
  • Scroll Animation
  • Netlify Deployment
  • Netlify Form functionality
  • More . . .

Starter files

You can find all the starter files in starter_files branch. You can to go to the starter_files branch and download zip the the starter files or You can clone the project and git checkout to starter_files branch.

Requirements

  • Basic HTML, CSS

Developer team of Shaif's Cuisine

  • Shaif Arfan
  • Anwar saeed
  • MD Moniruzzaman Sojol
  • Lovekesh Pal
  • Houmayan Rashid Chy

Tools Used

  1. icons - (flat & Feather icons)
  2. illustration - https://storyset.com/
  3. UI Design: Figma
  4. Code Editor: VS Code

Other projects

📚 All Web Cifar Project Tutorials

FAQ

How can i get started?

You can get started by following the YouTube tutorial of this project. Here is the full tutorial video link: [coming soon].

What i need to start the project?

Just open your favorite code editor and follow along with the YouTube Tutorial.

Who the project is for?

The project is for the people who wanna get more skilled in HTML & CSS.

Feedback

If you have any feedback, please reach out to us at @web_cifar

Support

For support, join our Community Group.

License

MIT

More Repositories

1

one-page-website-html-css-project

This project is for html & css practice. We made this for youtube tutorial purpose.
CSS
658
star
2

30days30submits

This is a challenge that I took to boost my HTML, CSS & JS skills. I made 30 submits and they are basically some little components or js apps.
CSS
471
star
3

react-todo-app

A complete Todo application with all features.
JavaScript
185
star
4

AYANs-portfolio

A portfolio for a web designer. We used React js to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also we added smooth scroll in the portfolio which will make the user experience really elegant.
JavaScript
154
star
5

frontend-mentor-challenge

Here you will find all the challenges that we took from frontend-mentor.
CSS
131
star
6

AMYs-Portfolio

This project is for HTML & CSS practice. AMY is a fictional character. She is a freelance web designer. We made this nice portfolio for her with mainly HTML & CSS. Though we used few lines of js but the main purpose of this project is to practice HTML & CSS
HTML
122
star
7

HTML-CSS-Mini-Project-portfolio

CSS
117
star
8

techHub-blog

A complete blog website using sanity.io + gatsby.js
JavaScript
45
star
9

wc-project-tutorials

List of all the project tutorials from Web Cifar YouTube Channel ✨
44
star
10

artistic

Artistic is a landing page for a photography studio. This is a well-designed and responsive landing page with dark mode feature.
JavaScript
39
star
11

html-css-resume

Simple Resume built in HTML CSS only!
HTML
38
star
12

meal-khuj

A react app, where you can find meals recipe and save your favorite recipe for later.
JavaScript
28
star
13

mern-task-management-tool

A simple task management tool using MERN Stack.
JavaScript
21
star
14

react-tailwind-portfolio

A simple responsive portfolio website with dark mode feature.
JavaScript
20
star
15

tailwind-podcast-landing-page

HTML & tailwindCSS landing page for podcast
HTML
8
star
16

next-mdx-simple-blog

A simple blog website using Next.js, MDX.
JavaScript
8
star
17

express-mongodb-crud

Basic CRUD operations with Express.js and MongoDB
JavaScript
5
star
18

ShaifArfan

4
star
19

jwt_auth_with_access_n_refresh_token

JWT complete auth with access token and refresh token
TypeScript
3
star
20

Displacement-images

3
star
21

zustand-quick-tutorial

Zustand Quick Tutorial
TypeScript
2
star
22

rock-paper-scissore-react

Rock Paper Scissors with React.js
JavaScript
2
star
23

express-ts-quick-server

A quick server using Express & typescript.
TypeScript
2
star
24

react-admonition-component

JavaScript
2
star
25

react-router-progressbar

Router Progressbar setup using NProgressbar.
JavaScript
2
star
26

private-routes

Privat rotues with different techs.
JavaScript
1
star
27

postgres-express-crud

POSTGRES & Express Crud API
JavaScript
1
star
28

job-finder-pern-porject

TypeScript
1
star
29

shaifarfan.com

My Personal Portfolio Website
Astro
1
star
30

markdown-previewer

JavaScript
1
star
31

socket.io-test

TypeScript
1
star