tentativa.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Perfil - Facebook-like</title>
</head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" />
<body>
    <header>
        <div class="container">
            <div id="logo">Facebook</div>
            <div id="search-bar">
                <input type="text" placeholder="Search">
            </div>
            <div id="menu">
                <ul>
                    <li>Home</li>
                    <li>Friends</li>
                    <li>Messages</li>
                </ul>
            </div>
        </div>
    </header>

    <main class="container">
        <section id="profile">
            <img src="profile-picture.jpg" alt="Profile Picture">
            <div id="profile-info">
                <h2>User Name</h2>
                <p>Location</p>
                <p>Workplace</p>
            </div>
        </section>

        <section id="post-form">
            <textarea placeholder="What's on your mind?"></textarea>
            <button>Post</button>
        </section>

        <section id="feed">
            <!-- Postagens do feed aqui -->
            <div class="post">
                <img src="post-image.jpg" alt="Post Image">
                <p>This is a sample post.</p>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2024 Facebook-like Social Network</p>
        </div>
    </footer>
</body>
</html>