Post by Tariq Masood

This project is a LinkedIn-inspired UI clone built using HTML, CSS, and Tailwind CSS. It replicates the core layout and design of LinkedIn's homepage, including the navigation bar, profile section, posts, and additional features like "Add to your Feed" and "Today's Puzzle Game." The project aims to provide a responsive and visually appealing interface that mimics LinkedIn's professional design. Key Features: Navigation Bar: Includes icons for Home, My Network, Jobs, Messaging, Notifications, and more. A search bar with a clean design for user input. Profile Section: Displays a cover photo and a circular profile picture. Includes the user's name, description, and quick stats like "Profile viewers" and "Post impressions." Features links to tools like "Saved items" and "Try Navigator Sales." Post Creation Section: A "Start a post" input field with icons for adding media, events, or articles. Styled buttons and hover effects for an interactive experience. Posts Feed: Displays user posts with profile pictures, names, timestamps, and content. Includes reaction icons (like, love, support) with counts and hover effects. Features buttons for Like, Comment, Repost, and Send. Right Sidebar: Contains "Today's Puzzle Game" with interactive links. "Add to your Feed" section with recommendations and follow buttons. Advertisement section and footer links for additional navigation. Responsive Design: Built with Tailwind CSS for a responsive and modern layout. Uses utility classes for spacing, alignment, and hover effects. Purpose: This project serves as a practice for building complex UI layouts using Tailwind CSS and HTML. It demonstrates the ability to replicate a professional design and implement interactive elements, making it a great portfolio piece for showcasing front-end development skills.

Video Content