A complete X.com (formerly Twitter) homepage layout cloned using only HTML5 and CSS3.
This includes the left navigation bar, center tweet section, right suggestion panel, and a custom bottom-right floating button.
⏱️ Time Spent: Over 20 hours
- ✅ Left Sidebar with navigation icons and user profile
- ✅ Center "What’s happening?" box
- ✅ Right bar with:
- Search box
- Premium subscribe card
- Trending topics (What's happening)
- Who to follow
- ✅ Bottom-right X icon:
- On click → popup appears
- Icon changes to arrow (JS-only logic)
- HTML5 (Semantic layout)
- CSS3
- Flexbox & Grid
- Media Queries
position: fixed,absolute,z-index- CSS transitions & toggle logic
- JS logic
- Advanced page structuring with only HTML/CSS
- CSS-only popup toggle using checkbox and label
- Icon styling, hover effects, layout balancing
- Responsive multi-column design (like real social media UIs)
- Add JavaScript for:
- Reactions (like/retweet buttons)
- Toggle themes
- Smooth transitions and animations
This is a static frontend clone for learning.
It is not affiliated with or intended to copy any copyrighted platform for profit.