Worldwide Promotion

Posts

Fb

index.html Social Platform

John Doe

2 hours ago

Enjoying the beautiful sunset today!

style.css body, html { margin: 0; padding: 0; font-family: 'Arial', sans-serif; } .navbar { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #3b5998; color: white; } .navbar .logo { font-size: 24px; font-weight: bold; } .search-bar input { padding: 8px; width: 300px; border: none; border-radius: 5px; } .user-profile { display: flex; align-items: center; } .user-profile img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } .main-container { display: flex; } .left-sidebar, .right-sidebar { width: 20%; padding: 20px; background-color: #f1f1f1; } .left-sidebar ul { list-style: none; padding: 0; } .left-sidebar ul li { padding: 10px; cursor: pointer; } .feed { width: 60%; padding: 20px; } .post { background-color: white; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 8px; overflow: hidden; } .post-header { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #ddd; } .post-header img { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; } .post-content { padding: 15px; } .post-content img { width: 100%; margin-top: 10px; border-radius: 8px; } .post-actions { display: flex; justify-content: space-around; padding: 10px; background-color: #f9f9f9; } .post-actions button { border: none; background: none; color: #3b5998; cursor: pointer; font-size: 16px; } .right-sidebar .friend { display: flex; align-items: center; margin-bottom: 15px; } .right-sidebar .friend img { width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; } .right-sidebar .friend button { margin-left: auto; padding: 8px; background-color: #3b5998; color: white; border: none; border-radius: 5px; cursor: pointer; }