Studypool Professional

<!DOCTYPE html>

<head>

<title>Mini Facebook Clone</title>

<style>

body {

margin: 0;

font-family: Arial, sans-serif;

background: #f0f2f5;

}

.header {

background: #1877f2;

color: white;

padding: 10px 20px;

font-size: 24px;

font-weight: bold;

}

.container {

display: flex;

margin-top: 20px;

}

.sidebar {

width: 25%;

padding: 20px;

}

.feed {

width: 50%;

padding: 20px;

}

.card {

background: white;

padding: 15px;

margin-bottom: 15px;

border-radius: 10px;

box-shadow: 0 2px 5px rgba(0,0,0,0.1);

}

.post-input {

width: 100%;

padding: 10px;

border-radius: 20px;

border: 1px solid #ccc;

}

button {

background: #1877f2;

color: white;

border: none;

padding: 8px 15px;

border-radius: 5px;

margin-top: 10px;

cursor: pointer;

}

</style>

</head>

<body>

<div class=”header”>Facebook</div>

<div class=”card”>Profile</div>

<div class=”card”>Friends</div>

<div class=”card”>Messages</div>

</div>

</div>

<p>This is a sample post.</p>

</div>

<h4>Another User</h4>

<p>Hello world! </p>

</div>

<div class=”card”>Contacts</div>

</div>

</body>

</html>

WRITE MY PAPER

Comments