LAB EXERCISE 4 AND 5

<!DOCTYPE html>
<html>
	<head>
	 <style>
	 body{
	 margin-left:400px;
	 margin-right:350px;
     background-image:url('upis2.jpg');
	 background-size:100%;
	 }

	 h1{
	 border-style:solid;
	 border-color:blue;
	 background-color:rgb(0,153,153);
	 padding-top:50px;
	 padding-bottom: 50px;
	 padding-left:50px;
	 font-size:34pt;

	 }


	 ul{
	 border-style:solid;
	 padding-top:20px;
	 padding-bottom:20px;
	 background-color:rgb(153,255,255);

	 }


	 div.firstdiv{
	 border-style:solid;
	 border-color:blue;
	 background-color:rgb(0,153,153);
	 padding-top:5px;
	 padding-bottom: 5px;
	 padding-left:35px;
	 font-size:15pt


	 }
	a.gh:visited{
	color:pink;


	}
	a{
	color:rgb(241,192,181)


	}
	ul{
	font-family:arial;

	}

	</style>
	</head>


	<body>
	 <h1>
	 Grade 10 Students' All Time Favorites

	 </h1>

	<hr style="color:black;">


	<div class="firstdiv" id="f1">
	<a href="#one">
     Favorite Subjects
	</a>
	<hr>

	<a href="#two" style="padding-top:1px;">
     Favorite fastfood joints
	</a>

	<hr>
	<a href="#three">
     Favorite Websites
	</a>

	<hr>
	<a href="#four">
     Favorite music
	</a>

	</div>


	<br>
	<br>

	<ul id="one">
	 <li>  Top 11 Favorite Subjects	</li>
		<ol>
		 <span>
		 <li>Computer Science- 27 students like it</li>
		 <li>	Social Studies- 15 students like it	</li>
		 <li>	Science- 11 students like it</li>
		 <li>	Math- 10 students like it				</li>
		 <li>		Marketing- 5 students like it		</li>
		 <li>		English- 4 students like it	</li>
		 <li>			Journalism- 4 students like it	</li>
		 <li>	PE- 3 students like it				</li>
		 <li>		Accounting- 2 students like it			</li>
		 <li> Filipino- 2 students like it</li>
		 <li>Industrial Technology- 2 students like it </li>
		 </span>
			<br>
			<br>
			<a href="#f1" class="gh">
			Back to top choices
			</a>


		 </ol>
	</ul>
	<br>


	<ul id="two" >
	 <li>  Top 7 Favorite fastfood joints</li>
		<ol>
		 <li>McDonalds- 30 students like it</li>
		 <li>	Jollibee- 14 students like it	</li>
		 <li>	Burger King- 11 students like it</li>
		 <li>	Kentucky Fried Chicken - 10 students like i	</li>
		 <li>		Bon Chon- 10 students like it		</li>
		 <li>		Taco Bell- 2 students like it	</li>
		 <li>		Others- 9 students like it	</li>

		 <br>
		 <br>
		 <a href="#f1" class="gh">
	Back to top choices
	</a>


		 </ol>
	</ul>
	<br>

	<ul id="three">
	 <li>  Top 11 Favorite Websites to use</li>
		<ol>
		 <li>Youtube- 32 students like it</li>
		 <li>Others- 13 students like it	</li>
		 <li>Google- 11 students like it</li>
		 <li>Facebook - 9 students like i	</li>
		 <li>Twitter- 7 students like it		</li>
		 <li>kissanime- 4 students like it	</li>
		 <li>	Pinterest- 2 students like it</li>
		 <li>	123movies- 2 students like it 	</li>
		 <li>	Reddit- 2 students like it	</li>
		 <li>	kissasian- 2 students like it	</li>
		 <li>	Tumbler- 2 students like it	</li>


		 <br>
		 <br>
		 <a href="#f1" class="gh">
	Back to top choices
	</a>


		 </ol>
	</ul>
	<br>


	<ul id="four">
	 <li>  Top 12 Favorite Song Genres to listen to</li>
		<ol>
		 <li>Pop- 22 students like it</li>
		 <li>Original Pinoy Music- 13 students like it	</li>
		 <li>Others- 10 students like it</li>
		 <li>Rhythm and Blues- 9 students like i	</li>
		 <li>Alternative- 5 students like it		</li>
		 <li>Jazz- 5 students like it	</li>
		 <li>Rock- 5 students like it</li>
		 <li>Classical- 5 students like it 	</li>
		 <li>Indie- 4 students like it	</li>
		 <li>Hip Hop- 4 students like it	</li>
		 <li>Lofi- 2 students like it	</li>
		 <li>Metal- 2 students like it					</li>
		 <br>
		 <br>
		 <a href="#f1" class="gh">
	Back to top choices
	</a>


		 </ol>
	</ul>


	</body>