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
Never seen such a tutorial. You are great sir thanks a lot 🙏🙏🙏🙏🙏🙏🙏🙏🙏
I been searching for ages! Now I found your Channel Ur awesome. I can understand ur way more than my professors. Thank you!
This is not an html css project, this is a bootstrap project Didn't like it
sory bro i steal learn i have error when im use bg-gradient not work can you healp me
So once you create this in live server, how do you post it to web hosting?
Sir in the banner section on Work Together a tag cursor is not working
Wonderful..very impressive…please what kind of website is it? Is it a marketing site?
Using HTML, CSS with complete responsive website design this tutorial was very nice. Thanks for sharing your valuable words.
56:03
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
Fantastic Video!! Love it! Thank you very much!
bro really i love your content♥♥♥
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?
hello sir why this website look different in my laptop
can i get all the code or send the url to get the code
this video looks amazing but it will take sooo much time
please help me
Which vs code theme are you using ?
THANKS!!!
i dont know why u use git command for what ? what is the useful ? and how create the master branch ?
Hi man, sorry to bother you, but can you tell me, link me what version of VS Code you are using?
What is your laptop specifications?
there is no source code on github files
hello sir can you provide source code
description source code is empty
Where the source code? for style.css
This is amazing
You r best, plz make more videos all will get benefited
hello sir i saw your video it was amazing actually while making nv bar i got some issue in js can you please provide sourse code of that part
Where the source code?
Can use blogger website?
is your project mobile-first?
All your tutorials can understand and smooth. Keep it up🔥🔥🔥
it's a great video . Let such videos come more often.
great
Kindly upload more tutorials on Website that must be create just using HTML/CSS.Thanks
Great! Thank you 🙂
You sound like Mosh. Are you watching his videos?
Boss
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.
and great videos really great thank you for making such videos
Amazing 🔥🔥
Can you please share your source code
Bro I love your content
You don't disappoint with your tutorials 👏 🔥🔥🔥You deliver amazing, beautiful, unique and creative contents. Thank you!
Please sir make a multipage website using html,css,bootstrap 5🙏
Nice 🔥🔥🔥
You are amazing the way you make project along with the their use and how to use something is 🔥
wow man 🔥🔥🔥 such a nice content 😀