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

Опубликовано: 05 Июнь 2021
на канале: 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.


Смотрите видео How to Build Twitter Clone using HTML and CSS - Beginners Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Future Coders 05 Июнь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 46,631 раз и оно понравилось 884 людям.