home.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Nilgiri - Home</title>
  <link href="https:fonts.googleapis.com/css?family=Work+Sans:300">
  <link href="css/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
  <header>
    <h1 class="logo">Nilgiri House</h1>
      <input type="checkbox" id="nav-toggle" class="nav-toggle">
        <nav>
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#" class="dropbtn"><div class="dropdown">Pride
              <i class="fa fa-caret-down"></i>
              <div class="dropdown-content">
                <a href="#" class="droplink">Hall Of Fame</a>
                <a href="#" class="droplink">Fresher of The Month</a>
                <a href="#" class="droplink">Archives</a>
              </div>
            </div></a></li>
            <li><a href="#" class="dropbtn"><div class="dropdown">Facilities
              <i class="fa fa-caret-down"></i>
              <div class="dropdown-content">
                <a href="#" class="droplink">Mess</a>
                <a href="#" class="droplink">Grievances</a>
                <a href="#" class="droplink">Sports</a>
              </div>
            </div></a></li>
            <li><a href="#">Notice Board</a></li>
          </ul>
        </nav>
        <label for="nav-toggle" class="nav-toggle-label">
          <span></span>
        </label>
      </header>


<div class="content">
<h2>Your content would go here</h2>
</div>
</body>
</html>