index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Kütüphane Otomasyonu</title>
    <link rel="stylesheet" href="index.css"/>

</head>

   <body>

<div class="menu-bar">

    
        <img src="logo.png">

   
    <ul>
        <li><a href="index.html" class="active">Anasayfa</a></li>
        <li><a href="kütüphane.html">Kütüphanelerimiz</a></li>
        <li><a href="#">Kategoriler</a></li>
        <li><a href="index1.html">İletişim</a></li>
        <li><a href="uye.html">Giriş Yap</a></li>
        
    </ul>

</div>

<div class="wrap">
    <div class="search">

    <input type="text" class="searchTerm" placeholder="Ne aramak istiyorsunuz?(örn: Nazım Hikmet Ran)">
       <button type="submit"  class="searchButton">
         <i class="fa fa-search"></i>
      </button>
    </div>
 </div>


   
</body>
</html>