Write HTML code to design a website of facebook. Design three pages Home, Profile and Find Friends Request page which are linked to each other. Design First two pages of website (Home &Profile ) as shown below. And Third page (Find Friends Request) contains information as Image ,Name of Sender ,And two buttons Confirm and Delete.

 Preview- Click on image


Code-

Note - Save This File as index.html

<html>

<frameset rows="20%,*">

<frame src="heading.html">

<frameset cols="20%,*">

<frame src="link.html">

<frame name="f3">

</frameset>

</frameset>

</html>

Note - Save This File as heading.html

<html>

<body>

<h2 align=right>logout</h2>

<h1 align=center><font size=7>Welcome to lvan Bayross</font></h1>

</body>

</html>

Note - Save This File as link.html

<html>

<body>

<h2><a href="home.html" target="f3">Home</a></h2>

<h2><a href="profile.html" target="f3">Profile</a></h2>

<h2><a href="friend.html" target="f3">Find Friend Request</a></h2>

</body>

</html>

Note - Save This File as home.html

<html>

<body>

<h2>Raj shared this link</h2>

<img height=300px width=500px src="https://s3.amazonaws.com/influencive.com/wp-content/uploads/2019/11/19170005/hiking-3775075_1280-e1574274140979.jpg"><br><br>

<input type="button" value="Like">

<input type="button" value="Share">

<input type="button" value="Comment">

</body>

</html>

Note - Save This File as profile.html

<html>

<body>

<h3 align=right><a href="home.html">Home</a><h3>

<h1>Profile Page</h1>

<img src="https://www.arihantayurveda.com/img/t2.jpg">

<p><font size=6>Ivan Bavross</font></p>

<input type=button value="Comment/Message"> <h3>Post <h3>

<p>Timeline  About  Friends</p>

</body>

</html>

Note - Save This File as friend.html

<html>

<body>

<h1>Find Friends Request</h1>

<img height=100px width=100px src="https://codex-themes.com/scalia/wp-content/uploads/2014/09/Faces-400x400px-1_1_18-300x300.jpg">

<p><font size=5>Priya Tyagyi</font>

<input type="button" value="Confirm">

<input type="button" value="Delete">

</p>

<img height=100px width=100px src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT8RdsUdYf4NijOdfoAn94IAJve-p4RBoA2KA&usqp=CAU">

<p><font size=5>Michel Rock</font>

<input type="button" value="Confirm">

<input type="button" value="Delete">

</p>

<img height=100px width=100px src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQrnI1Xm61F1mJake8AdDHrlJqsAqV_vV7HgA&usqp=CAU">

<p><font size=5>Jessi Misel</font>

<input type="button" value="Confirm">

<input type="button" value="Delete">

</p>

</body>

</html>

0 Comments