Welcome to Our Social Media

Connect with friends, share your thoughts, and build your community.

Get Started
Post 1

Post 1

This is a sample post. It will be displayed with a dynamic content.

Post 2

Post 2

Another interesting post.

``` ```css /* style.css */ body { font-family: sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; margin-bottom: 20px; } .logo { font-size: 1.5em; font-weight: bold; margin-bottom: 20px; } nav ul { list-style: none; padding: 0; } nav ul li { display: block; margin: 0; } nav ul li a { color: #fff; text-decoration: none; padding: 10px 20px; } .button { background-color: #007bff; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } .button:hover { background-color: #0056b3; } main { padding: 20px; max-width: 960px; margin: 20px auto; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .featured-posts { display: flex; flex-wrap: wrap; justify-content: center; } .post { width: 300px; margin: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 10px; text-align: center; } .post img { width: 100%; height: auto; border-radius: 5px; } .social-links-container { display: flex; flex-direction: column; justify-content: space-around; } .social-link { color: #fff; font-weight: bold; margin: 10px 0; } .social-links-container a { color: #333; font-size: 1.2em; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; margin-top: 20px; } /* Responsive adjustments (optional, for mobile) */ @media (max-width: 768px) { .logo { font-size: 1em; } .button { padding: 8px 16px; } .featured-posts { flex-direction: column; align-items: center; } }