vikas's Social Media App
Home
This is the home page of the vikas's social media app.
Profile
This is the profile page.
Name
Your Name
Bio
This is your bio.
Timeline
This is the timeline page.
-
Post 1
This is the text of post 1.
-
Post 2
This is the text of post 2.
Messages
This is the messages page.
-
User 1
This is the message from user 1.
-
User 2
This is the message from user 2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Social Media App</title>
</head>
<body>
<div class="container">
<header>
<h1>Social Media App</h1>
</header>
<main>
<section class="home">
<h2>Home</h2>
<p>This is the home page of the social media app.</p>
<ul>
<li><a href="#">Profile</a></li>
<li><a href="#">Timeline</a></li>
<li><a href="#">Messages</a></li>
</ul>
</section>
<section class="profile">
<h2>Profile</h2>
<p>This is the profile page.</p>
<img src="avatar.png" alt="Avatar">
<h3>Name</h3>
<p>Your Name</p>
<h3>Bio</h3>
<p>This is your bio.</p>
</section>
<section class="timeline">
<h2>Timeline</h2>
<p>This is the timeline page.</p>
<ul>
<li>
<img src="post1.jpg" alt="Post 1">
<h3>Post 1</h3>
<p>This is the text of post 1.</p>
</li>
<li>
<img src="post2.jpg" alt="Post 2">
<h3>Post 2</h3>
<p>This is the text of post 2.</p>
</li>
</ul>
</section>
<section class="messages">
<h2>Messages</h2>
<p>This is the messages page.</p>
<ul>
<li>
<img src="avatar1.png" alt="User 1">
<h3>User 1</h3>
<p>This is the message from user 1.</p>
</li>
<li>
<img src="avatar2.png" alt="User 2">
<h3>User 2</h3>
<p>This is the message from user 2.</p>
</li>
</ul>
</section>
</main>
<footer>
<p>
Copyright © 2023</p>
</footer>
</div>
</body>
</html>
Comments
Post a Comment