project.html

<!DOCTYPE html>
<html>
	<head>
		<title>my project</title>
		<meta charset="UTF_8">

		<style>
			#id{
				list-style: none;
				background-color: aquamarine;
				display: flex;
				text-align: left;
				width: 200px;
			}

			@media screen and (max-width: 900px) {

				body{
					background-color: blueviolet;
				}
				
			}
		</style>
	</head>
	<body>
		<h1><center><font size =14 color="black" > favourite book </font></center></h1>

	<div>
			<p> 
		<pre>		
<strong>Essay on my favourite book</strong> Books are friends who never leave your side. I find this saying
to be very true as books have always been there for me.I enjoy<a href="https://www.toppr.com/bytes/improving-reading-skills/"> Reading books</a>.They have the power to help us 
travel through worlds without moving from our places.In addition, books also enhance our imagination.Growing
up, my parents and teachers always encouraged me to read.They taught me the importance of reading.Subsequently,  
I have read several books.However, one boom that will always be my favourite is Harry Potter. It is one of the
most intriguing reads of my life.I have read all the books of this series, yet I read them again as I never get 
bored of it.
 
	</pre>
		</p>
</div>

<h1>Browse</h1> <br>
<strong>Essays</strong>
<ul id="id">
	<li>go to work</li>
	<li>go to googl</li>
</ul>




	</body>
</html>