SOP1 INDEX.
HTML
<!Doctype html>
<html>
<head>
<title>Index </title>
<meta name="authors" content="H.v desaai Junior College" charset="UTF-8">
<meta http-equip="refresh" content="5">
<style>
body{background-color:bisque;font-size:20px}
h1{color:white;background-color:brown;font-family:verdana}
img{width:100%;height:300px}
a{color:red}
b{text-decoration:underline;color:green}
</style>
</head>
<body>
<h1 align="center"> H. V desaai Junior College </h1>
<img src="[Link]" alt="Image of HVD">
<p align="justify">
The mission of the apostolic carmel congregation establishes to empower,to educate and to
enable the girl child to live with dignity. Our foundress Mother Veronica realized the
importance of education. It enables the child to be spiritually oriented, physically developed
and socially concerned person of the country</p>.
<b>H.v desaai Junior College provides 2 streams for student </b>
<i> <ol>
<li> Commerce </li>
<li> Science </li>
</ol>
</i>
<a href="[Link]"> Enquiry Form </a>
</body>
</html>
SOP1. [Link]
<!Doctype html>
<html>
<head>
<title> Form </title>
<style>
body{background-color:orange;font-size:25px}
h1{color:white;background-color:violet;font-family:verdana}
input{padding:15px;font-weight:bold}
a{color:red}
</style>
</head>
<body>
<h1 align="center"> Enquiry Form </h1>
<form name =”f1”>
Enter name: <input type="text" name="n1"> <br>
Enter email ID: <input type="email" name="e1"> <br>
Enter contact number: <input type="tel" name="t1"> <br>
<input type="image" src="[Link]" width="100" height="300">
<a href="[Link]"> Homepage </a>
</form>
</body>
</html>
OUTPUT
