Shaif’s Cuisine is a HTML CSS Project. In this HTML CSS Project we are going to make this full restaurant website and will make it responsive. In the end we will push it to GitHub and deploy it to Netlify, Also we will make all the forms functional. We are gonna learn so many things through this project.
🔔 Subscribe and turn on the notification bell.
📚 Source code: https://github.com/ShaifArfan/shaif-s-cuisine
👉 Live Preview: https://shaif-s-cuisine.netlify.app/
✨ Like our works and want to support us? 🚀
We’d really appreciate a coffee: https://www.buymeacoffee.com/shaifarfan08
Timestamps –
00:00:00 – Project Intro
00:05:43 – Starter Files
00:07:50 – Intro
00:09:03 – File Structure
00:16:14 – Global Styles
00:26:42 – Nav Menu
01:14:01 – Footer
01:45:20 – Add Nav & Footer to All Pages
01:49:05 – Hero Section
02:03:03 – AOS Init
02:07:24 – Store Info Section
02:21:13 – Our Specials Section
02:49:02 – Top Dishes Section
03:07:29 – Discount Section
03:31:40 – Events Media Section
03:40:10 – Events Info Section
03:58:52 – Why Us Section
04:16:37 – Testimonial Section
04:37:00 – Newsletter Section
04:52:26 – Menu Page
05:20:25 – About Page
05:40:07 – Contact Page
05:58:45 – Booking Page
06:11:55 – Push to GitHub
06:15:20 – Deploy to Netlify
06:27:05 – Final Goodbye
🤵Follow Shaif Arfan 👇👇
Instagram: https://www.instagram.com/shaifarfan08/
Facebook: https://www.facebook.com/fb.ShaifArfan08
Twitter: https://twitter.com/shaifarfan08/
🐱🏍 Support The Channel
PayPal : https://paypal.me/webcifar
▶ Similar Projects:
Amy’s Portfolio – HTML, CSS Project https://youtu.be/78l05_nuDIg
Ayan’s Portfolio – React JS Project https://youtu.be/esC2k9z7w2U
One Page portfolio- HTML CSS Project https://youtu.be/ZFQkb26UD1Y
▶ Some useful Playlist :
HTML & CSS: https://www.youtube.com/playlist?list=PLRv_Gd5w9e7mmrNLpQTB9RWMsVoRt2moe
🌐 Join The Community :
Our website : https://webcifar.com/
Facebook Page : https://facebook.com/webcifar
Facebook group : http://bit.ly/fb-group-webcifar
Instagram : https://www.instagram.com/web_cifar/
twitter : https://twitter.com/webcifar
GitHub: https://github.com/WebCifar & https://github.com/shaifarfan
#shaifsCuisine #htmlCss #restaurantWebsite
to remember where I've been 26:28
Hello, I am using Atom software and make your project but some part of java script (main.js) is not working in mobile layout, remaining project will working good.
Thank you sir, very helpful.
this and other projects are amazing I built my portfolio with the help of your videos these content are amazing keep on posting them
Where are you from brother?
Amazing frontend, can you create a backend sample ? It would go a long way in helping me for my final year project.
This is soo cool great tutorial
i have been following your tuitorial however am stuck at the ul tag. am using the visual studiocode and every time i type the tag and add the class a red line is shown indicating an error and am seeing no error. what could be the problem?
would you please tell me which ide you use??
🔔subscribe and turn on the notification bell.
👉 Hire Us : https://webcifar.com
👉 Facebook group : https://facebook.com/groups/webcifar
👉 Instagram : https://www.instagram.com/web_cifar/