Index.html

<!DOCTYPE html>
<html>
<head>
	<title>Home Page</title>
	<link rel="stylesheet" type="text/css" href="mystyle.css">
	<script src="https://kit.fontawesome.com/94e2e9e5b4.js" crossorigin="anonymous"></script>
</head>
<body>
	<input type="checkbox" id="check">
	<label for="check">
		<i class="fas fa-bars" id="btn"></i>
		<i class="fas fa-arrow-circle-left" id="cross"></i>
	</label>
	<div class="sidebar">
		<header>My Info</header>
		<ul>
			<li><a href="Index.html"><i class="fas fa-home" > Home Page </i></a></li>
			<li><a href="Academics.html"><i class="fas fa-school" > Academics</i></a></li>
			<li><a href="achievements.html"><i class="fas fa-medal" > Achievements</i></a></li>
			<li><a href="Interests.html"><i class="fas fa-volleyball-ball" > Interests</i></a></li>
			<li><a href="contacts.html"><i class="fas fa-id-card" > Contact</i></a></li>
		</ul>
	</div>	
	<section class="homepage">
		<p>
			<img src="WhatsApp Image 2020-04-21 at 19.36.44.jpeg">			
			<i>
				I am Aryan Raj Lohani.<br>I am a first year undergraduate student in the department of Metallurgical and Material sciences enrolled in its B.tech course at IIT kharagpur. 
			</i>
		</p>
	</section>
</body>
</html>