index.html

<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="homepage.css">
</head>
<body>
<h1 align=center style="font-family:Comic Sans MS, Comic Sans, cursive; font-size:45px";>
PROJECTS
</h1>
<hr>
<div class="sidenav">
<b>
<a href="#" class="active";><i class="fa fa-home" style="font-size:35px";></i>&emsp;Home</a>
<a href="#"><i class="fa fa-user-plus" style="font-size:27px";></i>&emsp;Register</a>
<a href="#"><i class="fa fa-lightbulb-o" style="font-size:42px";></i>&emsp; Projects</a>
<a href="#"><i class="fa fa-phone" style="font-size:37px";></i>&nbsp;&nbsp;&nbsp;&nbsp; Contact us</a>
<b>
</div>
<div class="content">
<pre> Content goes
      here </pre>
</div>
</body>
</html>