DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for HTML CSS full project
Shaif Arfan
Shaif Arfan

Posted on

HTML CSS full project

Shaif's Cuisine

Shaif's Cuisine πŸ‘¨β€πŸ³

Live preview: https://shaif-s-cuisine.netlify.app/

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

Source Code: https://github.com/ShaifArfan/shaif-s-cuisine


Project Description

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 starter files, or You can clone the project and git checkout to starter_files branch.

Requirements

  • Basic HTML, CSS

Tools Used

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

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[coming soon].

Who the project is for?

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

Similar Projects

Here are some Similar projects that you might be interested.

Feedback

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

Support

For support, join our Community Group.

License

MIT

Top comments (0)

πŸ‘‹ Hey, my name is Noah and I’m the one who set up this ad. My job is to get you to join DEV, so if you fancy doing me a favor, I’d love for you to create an account.

If you found DEV from searching around, here are a couple of our most popular articles on DEV: