Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shaifarfan/shaif-s-cuisine

A HTML, CSS Project. Made with ♥ by the web cifar community.
https://github.com/shaifarfan/shaif-s-cuisine

css html5 netlify webcifar

Last synced: 1 day ago
JSON representation

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

Awesome Lists containing this project

README

        

![](./readmeImg/banner.png)

# Shaif's Cuisine 👨‍🍳

**Live preview: [click me](http://shaif-s-cuisine.netlify.app)**

**Watch on YouTube: ![YouTube Video Views](https://img.shields.io/youtube/views/4y-_3Ayiauw) [https://youtu.be/4y-_3Ayiauw](https://youtu.be/4y-_3Ayiauw)**

---

### Made with ❤️ by [Shaif Arfan](https://www.instagram.com/shaifarfan08/)

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/](https://storyset.com/)
3. UI Design: Figma
4. Code Editor: VS Code

## Other projects

📚 [All Web Cifar Project Tutorials](https://github.com/ShaifArfan/wc-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](https://youtu.be/4y-_3Ayiauw).

### 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](http://instagram.com/web_cifar)

## Support

For support, join our [Community Group](http://facebook.com/groups/webcifar).

## License

[MIT](https://choosealicense.com/licenses/mit/)