Complete Responsive Website with HTML/CSS – For [2022]
If you are confused and want to make your own website with HTML and CSS. Here it is. In this tutorial, we are going to make this complete website really from the beginning with the use of HTML and CSS.

I am going to show you how you can make your own grid system to make the website completely responsive. we will look at how to use rellax js and particles.css files in the website to add amazing effects.

In this tutorial, we are going to learn how to make the website completely responsive for all devices. we will make this beautiful website really from the scratch and make this website responsive.

Comment us if you have any questions or

👉 Support Me on Patreon 😊:
https://www.patreon.com/dailytuition

🚀 Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/

🎅 Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

🛠️ Tools I use:
🟠 My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
🟠 Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

👉 Follow us:
🟠https://www.instagram.com/akki.2013/

📂 Source Project
📦 https://github.com/akashyap2013/HTML_CSS_Complete-Website-Design.git

⏱️ Timestamps ⏱️
00:00:00 – Intro
00:00:51 – Getting Started
00:06:04 – Variables
00:14:18 – Global Classes
00:30:36 – Navigation
00:43:18 – Nav Collapse
00:49:10 – Media Query
00:57:58 – Banner Area
01:07:30 – Agency Area
01:17:14 – Digital Life Area
01:30:01 – Counting Area
01:38:43 – Card Area
01:44:26 – Recent Work Area
01:53:43 – Article Area
02:00:52 – Ready Area
02:07:23 – Footer
02:22:21 – Animation
02:27:54 – CSS Particles
02:32:13 – Scrolling Effect
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

More Videos:

💡 Complete Node Course
https://youtu.be/-27HAh8c0YU
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Mobile Shopee E-Commerce Website Course – PHP & MySQL
https://youtu.be/KLWA2vCERSQ
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Portfolio Website with Bootstrap – HTML/CSS
https://youtu.be/dgKSqz3it50
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Responsive Blooger Website Using HTML/CSS
https://youtu.be/CrSC1ZA9j0M
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Asp.net Registration Form Design with Validation Part – 1
https://youtu.be/_lij8yPO2Ms
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 What is Node.js? How to install it?
https://youtu.be/3my8uNAUJAE
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 PHP Complete Registration & Login System Using MySQLi – Complete Guide
https://youtu.be/XBTA-ofG8gc
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Hosting WordPress Website with Free Hosting
https://youtu.be/cGWRRl3L8IU
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Bootstrap Grid System The Complete Guide – In Action
https://youtu.be/hrKMGFkTKF8

Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.

Thank You…! 🙏

⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

#dailytuition #programming #tutorials #code #vscode

source

48 Comments

  1. Thanks for this amazing tutorial but I have a problem with the mansonry part for the recent work area. I did this part 5 times but my flex item are aligned in column and with your design. Can you help me pls and thanks for this tutorial

  2. Thank you very much for this very helpful vıdeo. Thanks to you, I started understood the global classes. But I have a question. I want to fill the background-image on the main section, what should I do? I tried to resize the image but it didn't work. Is it necessary to implement it in another way due to the use of the global class?

  3. I really like the way you explain and make us understand the things you are doing.
    Could you please explain grid system used in this video in detail?
    I would appreciate if you could make the same or similar video with FLEX rather than using GRID.

Leave A Reply

Please enter your comment!
Please enter your name here