index.html

<html>
  
<head>
    <title>Delphi</title>
     <link rel="stylesheet" href="index.css">
  
<link rel=”icon” type=”image/ico” href=”https://www.outofchaos.ca/wp/wp-content/uploads/2017/04/books-education-school-literature-51342.jpeg” />
</head>
<body onload="hehe()">
    <div id="main">
        <nav>
            <div class="menu-icon">
      <span class="fas fa-bars"></span></div>
      <div class="logo">
      Delphi</div>
      <div class="nav-items">
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Profile</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Feedback</a></li>
      
      </div>
      <div class="search-icon">
      <span class="fas fa-search"></span></div>
      <div class="cancel-icon">
      <span class="fas fa-times"></span></div>
      <form action="#">
              <input type="search" class="search-data" placeholder="Search" id="search" required>
              <button type="submit" class="fas fa-search" onclick=" hehehe()">Search</button>
            </form>
            <div class="dropdown">
                <button class="dropbtn" style="padding-right: 10px;">Fantasy</button>
                <div class="dropdown-content">
                <a href="horror.html?#">Horror</a>
                <a href="thriller.html?#">Thriller</a>
                <a href="#">children</a>
                </div>
              </div> 
      </nav>
        
      
      

  <div id ="con" class="con">

    </div>
    

 

 <script src="index.js"></script>
</body>

</html>