home.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <script src='main.js'></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
  <div class="container1">
    
    <div class="header">
        <h1>Training and Placement Cell</h1>
        <img src=".././images/JJMlogo.png">
      </div>
    <div class="navbar">
        <a href="#home">Home</a>
        <a href="#news">News</a>
        <div class="dropdown">
          <button class="dropbtn">Training 
            <i class="fa fa-caret-down"></i>
          </button>
          <div class="dropdown-content">
            <a href="apt.html">Aptitude</a>
            <a href="GD.html">Group Discussion</a>
            <a href="#">Interview</a>
            <a href="#">Coding</a>
          </div>
        </div> 
        <div class="dropdown">
            <button class="dropbtn">Departments 
              <i class="fa fa-caret-down"></i>
            </button>
            <div class="dropdown-content">
              <a href="cse.html">Computer Science and Engineering</a>
              <a href="it.html">Information Technology</a>
              <a href="mech.html">Mechanical Engineering</a>
              <a href="civil.html">Civil Engineering</a> 
              <a href="ee.html">Electrical Engineering</a>
              <a href="etc.html">Electronics and Telecommunication</a>
            </div>
          </div> 
          <a href="#news">Contact Us</a>
         
      </div>
      <div class="bimage">
        <h1>OUR RECRUITERS</h1>
        <img src=".././images\companies.png">
      </div>
    </div>
    
    
</body>
</html>