Sop 1 and sop 2

Sop 1 and sop 2

Sop 1
<html>

<head>

<title> Main Page </title>

</head>

<body background="Tulips.jpg">

<h1><center>Welcome to The B.S.G.D Junior College of Commerce,Arts and Science

</center></h1>

<h2><marquee>Malad West</marquee></h2>

<br>

<br>

<br>

<nav>

<h2><center><a href="Index.html">College Profile</a></center></h2>

<h2><center><a href="Form.html"> Feedback Form</a></center></h2>

</nav>

</body>

</html>

Page2- Index.html

<html>

<head>

<title> The B.S.G.Ds Jr college </title>

<style>

h1{color:blue;text-align:center;} b{font-size:50px;}

body{background-image:url('Tulips.jpg');background-size:cover;}

</style>

</head>

<body>

<img src="Logo.jpg" alt="bsgd jr college" widhth=150 height=150>

<h1> THE B.S.G.D's Junior College of Commerce,Arts and Science</h1>

<h1><b>of Commerce</b>,<i>Arts</i> & <u>Science</u>

<p> The location of the college is in Malad (west) mumbai-400064 </p></h1>

<nav>

<a href="Main.html">Main Page</a><br>

<a href="Form.html">Feedback Form </a>

</nav>

</body>

</html>

Page3- Form.html

<html>

<head>

<title> Feedback Form </title>

</head>

<body bgcolor="lightgreen">

<h1> Feedback Form </h1>

<form name=f1 method="post">

<h3>Firstname:<input type="text"></h3>

<h3>Lastname:<input type="text"></h3>

<h3>Gender

<input type="radio" name="r1">Male

<input type="radio" name="r1">Female

</h3>

<h3>Email-Id:<input type="email"></h3>

<h3><input type="submit" value="Send"></h3>

</form>

</body>

</html>


Sop 2 :
<html>

<head>

<title> Tourist Place </title>

<style>

section{background-color:yellow;width:50%;height:50%; float:left;color:black;font-size:30px;outline-style:solid;} aside{background-color:pink;width:50%;height:50%; float:right;color:black;font-size:30px;outline-style:solid;}

</style>

</head>

<body>

<header style="background-color:lightblue;color:deeppink;text-align:center; height:30%;width:100%;font-size:50px;outline-style:solid">Tourist places

</header>

<header>

<section>

<b> City </b>

<ol>

<li> Pune </li>

<li> Delhi </li>

<li> Banglore </li>

<li> Hyderabad </li>

</ol>

</section>

<aside>

<p> Tourist places in Pune </p>

<ul>

<li> Shaniwarwada </li>

<li> Sinhgad </li>

<li> Kelkar Museum </li>

</ul>

</aside>

</header>

</body>

</html>

External link
OH HEY, FOR BEST VIEWING, YOU'LL NEED TO TURN YOUR PHONE