Programs :
Index.html:-
<html>
<frameset cols="15%,*">
<frame src="side.htm">
<frameset rows="22%,*">
<frame src="samp.htm">
<frame src="frame_a.htm" name="frame">
</frameset>
</html>
Frame_a.html :-
<html>
<body>
<h3 style="font-family:serif;">Myself</h3>
<p style="font-family:courier;text-indent:100px;">I'm an engineering undergraduate currently
doing my third year in <mark>SSN College of Engineering</mark>.I was born in the southernmost tip
of India. Later when i was 15 , my family shifted
to Chennai for my higher studies.To know more about my college , click <a
href="www.ssn.edu.in">here</a>
</p>
<h3 style="font-family:serif;">Schooling</h3>
<table style="font-family:courier;bordercollapse:collapse;width:300px;height:250px;border:1px
solid #000000">
<tr>
<th><b>School</b></th>
<th><b>Class</b></th>
</tr>
<tr>
<td>Alpha</td>
<td>1st-4th</td>
</tr>
<tr>
<td>Adarsh Vidya Kendra</td>
<td>5th-7th</td>
</tr>
<tr>
<td>Kendriya Vidyalaya</td>
<td>8th-10th</td>
</tr>
<tr>
<td>Devi Academy</td>
<td>11th-12th</td>
</tr>
</table>
</body>
</html>
Frame2.html :-
<html>
<body>
<h3 style="font-family:"Times New Roman";">Hobbies</h3>
<p style="font-family:courier;">My hobbies include the following :-</p>
<ul>
<li><p style="font-family:courier;">Singing</p></li>
<li><p style="font-family:courier;">Reading blogs</p></li>
<li><p style="font-family:courier;">Watching videos on current affairs accross the world</p></li>
</ul>
<img src="images/photo.png" width="500" height="300" alt="Hobby" >
</body>
</html>
Frame3.html :-
<html>
<body>
<p>Click on one of the animals to know more about them</p>
<img src="images/imp2.jpg" width="145" height="126" alt="Animals" usemap="#animalmap">
<img src="images/pup.jpg" width="145" height="126" alt="Puppy" usemap="#pupmap">
<img src="images/cat.jpg" width="145" height="126" alt="Kitten" usemap="#kitmap">
<map name="animalmap">
<area shape="rect" coords="40,40,82,126" alt="Panda"
href="https://en.wikipedia.org/wiki/Giant_panda">
<area shape="rect" coords="124,58,8" alt="Kola" href="https://en.wikipedia.org/wiki/Koala">
</map>
<map name="pupmap">
<area shape="rect" coords="40,40,82,126" alt="Dog" href="https://en.wikipedia.org/wiki/Dog">
</map>
<map name="kitmap"><area shape="rect" coords="40,40,82,126" alt="Cat"
href="https://en.wikipedia.org/wiki/Cat">
</map>
</body>
</html>
Side.html :-
<html>
<body style="background-color:#000000;">
<p style="padding:5px;">
<a href="frame_a.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Home</a>
<br>
</p>
<p style="padding:5px;">
<a href="frame1.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Engineering
Life</a>
<br>
</p>
<p style="padding:5px;">
<a href="frame2.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Hobbies</a>
<br>
</p>
<p style="padding:5px;">
<a href="frame3.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Gallery</a>
<br>
</p>
</body>
</html>
