Live preview: click me
Watch on YouTube: https://youtu.be/4y-_3Ayiauw
Made with ❤️ by Shaif Arfan
Like my works and want to support me?
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.
- HTML, CSS
- CSS Grid
- Scroll Animation
- Netlify Deployment
- Netlify Form functionality
- More . . .
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.
- Basic HTML, CSS
- Shaif Arfan
- Anwar saeed
- MD Moniruzzaman Sojol
- Lovekesh Pal
- Houmayan Rashid Chy
- icons - (flat & Feather icons)
- illustration - https://storyset.com/
- UI Design: Figma
- Code Editor: VS Code
📚 All Web Cifar Project Tutorials
You can get started by following the YouTube tutorial of this project. Here is the full tutorial video link: [coming soon].
Just open your favorite code editor and follow along with the YouTube Tutorial.
The project is for the people who wanna get more skilled in HTML & CSS.
If you have any feedback, please reach out to us at @web_cifar
For support, join our Community Group.

