How To Make Website Like Facebook Using HTML & CSS | Build Social Media Website Step By Step
ฝัง
- เผยแพร่เมื่อ 6 ก.ค. 2021
- Learn How To Make Social Media Website Design Using HTML And CSS | Create Social Network Website Design Like Facebook
👉 Buy Source Code: greatstack.dev/go/socialbook
Watch Part 2: • How To Make Social Med...
👉 Learn and create this Facebook Clone project on your own and Get a Web Development Project Completion Certificate from GreatStack.
👉 Email us at 📧 greatstackdev@gmail.com to know more about it.
In this video we will learn how to make a social media website design like Facebook. We will make this social media website template using HTML and CSS step by step. As you can see on my computer screen, this is the social media website design that we are going to create in this video, and this website design looks like Facebook.
We will add a toggle button on this website design, that button will change the website from dark mode to light or from the light mode to the dark mode.
We will create this drop-down menu, light mode and dark mode switching option using simple JavaScript. So keep Watching this video till the end to create a Social Network Website design using HTML, CSS and JavaScript.
Request you to like and share this video, please help me to get 10 thousand likes on this video.
❤️ SUBSCRIBE: goo.gl/tTFmPb
Download all images: greatstack.dev/assets/faceboo...
----------------------------
Recommended course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
--------------------------------
Image credit:
unsplash.com
-------------------------------------
Like - Follow & Subscribe us:
◼️ TH-cam: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr
👉 Learn and create this Facebook Clone project on your own and Get a Web Development Project Completion Certificate from GreatStack.
👉 Email us at 📧 [greatstackdev@gmail.com] to know more about it.
This website looks exercly like Facebook
22:29
U are generous cause you sharimg your knownledge I'm appreciate that
Second u deserve more than big respect
Keep turorial plz help the section of security
And wordpress tutorials
Hi, I want to Thank you so much for your tutorial videos. You are an amazing teacher who breaks everything down in details which makes it easier to understand. I am just studying HTML and CSS for a month now and watching your videos helps me improve my skills a lot.
My drop-down menu is not working please help me
Thank you Very Much...
That is unbelievable to make a website like this only using HTML and CSS!!!
This is the MOST crazy website tutorial I've ever seen. Absolutely wonderful job. I tip my hat to you Sir!!! Awesome explanation.
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
Damnit 😂
love these longer videos with full builds like this; thanks for all the hard work!
this guy is a legend! only use html, css and js, you got my respect bro!!!
Thanks from all my heart, what a great guy you are , I’m your fan from Saudí Arabia, all my respects 🙏🏻
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
U did it giving much efforts, really appreciated 👏🏻👏🏻
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
@@user-ri2ms2mm7w tlb
Thanks for this awesome tutorial. Expecting an another awesome dashboard design tutorial. 🙂
WoW. Brother You are really a Real LEGEND. Thank you very very much for uploading that's kind of videos for free. Salute boss.
Mind-blowing sir. Awesome tutorial 👍
What a great free course from great guy like you ! I appreciate all this effort , And i wish you all the best in what's coming.
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
I had been following your tutorials and they are just great, very helpful and you take every step gradually so that everyone following along will understand how exactly the project is achieved. Unlike other developers who are more concerned of finishing the project so, they don't actually care whether those following along are understanding how the codes works or aware of what is going on. Thanks so much for your dedication 🙏🏻
right he is not right he is saying bad he is bad
DAMNNN this is sooooooo helpful, I was a complete noob till today.. I learned nothing in my college and my assignment deadline is approaching.. just paused this video at 1hr 26mins to say that I'm soooo much better at HTML/CSS already, I can pretty much design alot of things.. and that site font awesome is REALLLYYY AWESOME.. thanks for the tutorial man, keep it going 😍
finally the legend use vs code
that's nice man love your work 👍👍keep it up
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
Much appreciated. Your tutorials are very relevant in terms of timing. Keep up the good work.
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
This is really amazing sir!
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
मैं अपका बहुत आभारी रहूंगा हमेशा
Thanks you )
for Many Projects
I'm Beginner !
You are real person that is able to do this.....job
Kindly make the other pages also...It will be a lot helpful...Thanks :)
That's really perfect 💜🔥
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
One of the greatest tutorial thanks sir for making a free tutorial.
Really great content both knowledgeable and informative. Keep these coming.
This is the content we signed up for 👌❤️❤️❤️
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
Finally he is using vs-code ):
😂😂
🙃🙃🙃
We don’t care about ur vs-code and ur comment we care only about SublimeText.
:)
Vs- only for pro level🥀
Top demais❤ aprendendo muito com esse canal❤❤ sucesso amigo! Aqui é PT-BR 🇧🇷
Wah, Such wonderful things you made, Really your work is so much affordable
Omg so much hard work ❤️
Nothing good comes easy especially in programming except if you have alternative
Can you make subtitle on english for this video please. This is amazing 🤩
This is a very importent video for biggerner student for Html. Thak You Broo
I really enjoy your video. You actually show the full process and not cut and skip any part of it. If you could include connecting database would be better 😎👍👍👍
whats data base means .explain easily
Database part means the backend
@@princeglen2719 thanks
@@princeglen2719 what is backend ?
@@RealAmay Admin Dashboard
Great! But I'd like to see how do you make this a responsive website for al screen sizes.
Thanks from all my heart, I’m from Algeria, all my respects
This video is very helpful for everyone. We need this type of videos more and more. Thank you for this.......
can you make a website with a database if you can pls use node js(also packages of npm) and MySQL
Este vídeo é sensacional! Parabéns pelo conteúdo, ajudou bastante!
ಇದು ಯಾವ ಭಾಷೆ
@@drdycreations7895 PT-BR 🇧🇷 certeza kkk os Br está em tudo 😂
i love you bro. in a PROGRAMMABLE way
This is verry wonderful & it verry important.....thanks 💓✌️
Tq so much sir for ur efforts m aapki sites ko.dekh ke site bnati hu
Sir maine abhi tk 7-8 sites bna li h aapko videos ki help se
Backend ka kaam hua hai apke site pe ??
Vaisa kuch Abhi banaya nahi h mne
@@tarunasharma2718 ohhh means only design kiye hain
Hanji Mne bss abhi noraml site design kri h
I'll wait to see if you create a back end explanation to watch this, but I also want to say thank you for your revolutionary work. This knowledge changes the game.
Lllp
Lpol
Pll
L
Ĺ
I just like this guy
Thank you sir
Finally! I have found the greatest video!!!!!!
This is what I needed 🤩
Is it Responsive?
@@md.mohiuddin4281 i don't think so
Exactly broo
2:04:55
Very well understood sir. Thank you so much for explaining so beautifully.
This is the most beautiful tutoriel i've never seen, it's very helpful to all students.
Wow. Just curious why not build the same in react? Haven't seen the full video but how did you manage state?
This is just frond end design
No real data
He surely broke the rules by using only HTML and CSS.
@@kendallpinto oh i didint know bcz of his caption says only html and css.
@@yaminabrar2253 every website frontend is made with HTML CSS and Javascript so there is now way of breaking the rule
@@kendallpinto of course he did
This is good tutorial where i have found a lot of inspirations
I'm Korean student! Thank you very much, teacher!
Just found you, watching ur video, its Honstly described by you everything I rearly see that type of tutoral. ❤️
Your channel has great content. Thank you Sir!
Absolutely, you never ever disappoint us. All the way, one million likes.
Thank You so much for the amazing session this is very helpful ....
I learned so many things
thanks again!😊😊
Respect brother! I will subscribe you and all my 10 account and will promote this. This is a super knowledge for a person who don’t even know coding. He can watch this and create his own!
Help me make a website
Your are toooo amazing.......zing. i respect from my HEART...
You’re the best!!!!!!! You’re the master!!!!!
This is more beautiful than Facebook itself!
You are very good intelligent.
Thank you sir.
I like you Website 😍😍😍
Hats off to this genuis ❣️👌
This guy is a very good tutor ❤❤
Genius, thx so much Brother : ). Regards Khalikad. Unique because You show everything step by step slowly not like many others.
you are legend ❤️
i always love to watch your videos. and your tutorials are soo easy thank you so much
You should get millions of likes & subscribers dear brother. I keep a wish in my mind to meet you at least once. May you have a long life...
Best PRACTICAL bro....super smooth understanding
DANG...!! Me learn-eee so mucho!! Super DANKE!!
thank you so much sir i am very thankful to you please continue this type toturials
Man, you are a genius. Grettings from Bolivia
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
You did a great job . I learn a lot from this video . Thanks you so much.
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
Respect to you Sir ! it was really awesome!
Thanks a lot for this.
It helped me understand css better.
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
This is fantastic. Thank you so much
the it looks good is iconic! indian guys when it comes to coding stuff are the goats.
Ty for this fam
Thank you sir, it was very helpful
Thankyou so much you deserve a lot of respect ❤️❤️❤️❤️❤️
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life--
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
thank'u so much for this web tutorial !
This is the video which i was waiting for
Respect for you sir
Amazing Work
Properly explained!
Appreciate You, Good Job
Please continue your good work.
wonderful guy you did absolutely amazing in very short time
Great. Thank you. Please keep it coming.
My dear gentleman, your website is very useful as you. I have gotten a lot information in the context of your website, Thank you to make your productive website for a lay/old man. ishtiaq Ahmed Siddiqui - Karachi - PAKISTAN,
Thank you my friend for this video.
Need next part ❤️💕
Amazing.... it's just wow able
I did this in the library in 1 sitting. The hour long videos are very helpful for study!
Glad it helped. I will be making more tutorials like this.
@@GreatStackDev❤❤ Thank you dear sir, God bless u. I'm watching you regularly
@@GreatStackDev One doubt my setting menu bar is showing under right-side bar . i have gave proper html and css code.
Sir aap to bahoot pro ho 🔥🔥
woooow... after i will end to see this video im sure i learned alot with only this video! is just woooow thats why i will give like before seeing it
Can u send me source code of this tutorial if u made
I love your videos, they are usefull and great.
Great job boss God bless you. I'm still waiting for the next tutorials to complete it.Thanks very much
If you write the code can you send it to me pls?
Thank you for this great job
It's useful to me.
Amazing I can say Wow!
Thanks so much, your tutorial is good and easy to learn ❤❤❤ love it.
Thank you very much for the tutorials, very helpful for beginner. So, we hope you give nice tutorials to us.
thanks,
Thank you so much sir
We want more video like this.......html,css,javascript 🥰🥰🥰
Excellent and very informative....One of the best tutorials ever.
Glad it was helpful!
It's really incredible. I learn more work from you. Thank you so much sir.