How to Build Twitter Clone using HTML and CSS - Beginners Tutorial

Veröffentlicht am: 05 Juni 2021
auf dem Kanal: Future Coders

46,631

884

Do you want to improve your #html & #css skills? Then Watch this video and follow along with me where we build #twitter using just HTML & CSS. We will be using #flexbox and google font icons in this project.

Hope You Guys Enjoyed the Video. Like Share Comment and Subscribe to my channel for more videos like these.

Images : https://drive.google.com/drive/folder...

GET Source Code :
https://gum.co/iDGOv

Timestamps :
00:00 Intro & Demo
01:40 Project Setup
02:48 Importing Google Font Icons
03:46 Importing Font Awesome
05:02 Building Sidebar
08:40 Styling Sidebar
17:32 Building Feed
18:27 Building Tweet Box
20:23 Styling Feed and Tweet Box
27:35 Building Posts
31:58 Styling Posts
37:54 Building Widgets
41:10 Styling Widgets
44:44 Final Demo & End

Watch Our Previous Videos :
➔ Responsive Netflix Clone using HTML and CSS - Beginners Tutorial
   • How to Build Responsive Netflix Clone...

➔ Instagram Reels Clone using HTML & CSS - Beginners Tutorial
   • How to Build Reels Clone using HTML &...

➔ TikTok Clone With HTML and CSS - Beginners Tutorial
   • How to Build TikTok Clone using HTML ...

➔ Responsive Facebook Clone using HTML & CSS - Beginners Tutorial
   • How to Build Responsive Facebook Clon...

➔ Gmail Clone using just HTML & CSS - For Complete Beginners
   • How to Build Gmail Clone using HTML &...

➔ LinkedIn Clone using just HTML & CSS - For Complete Beginners
   • How to Build LinkedIn Clone using HTM...

➔ Google Clone with just HTML & CSS - For Complete Beginners
   • How to Build Google Clone using HTML ...

➔ Responsive YouTube Clone using HTML & CSS - Beginners Tutorial | Part 1
   • How to Build Responsive YouTube Clone...

➔ Responsive YouTube Clone using HTML & CSS - Beginners Tutorial | Part 2
   • How to Build Responsive YouTube Clone...

You can find me on:
📸 Instagram:   / somanath_goudar
🌎 Website: https://somanath-goudar.github.io/por...
📝 LinkedIn:   / somanath-goudar-063aa21ba
📂 GitHub: https://github.com/somanath-goudar

Credits:
Inspired from Clever Programmer
   / cleverprogrammer

Background Music Used:
First Light :    • First Light – Atch (No Copyright Music)

Disclaimer : This video is meant only for improving your html and css skills and purely for education purpose not for any other intentions.

Auf dieser Seite können Sie das Online-Video How to Build Twitter Clone using HTML and CSS - Beginners Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Future Coders 05 Juni 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 46,631 Mal angesehen und es wurde von 884 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

5,234