BamBook/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href=C:\Users\User\Desktop\Snakes\БамBook\bambook.png rel="icon">
    <link href="C:\Users\User\Desktop\Snakes\БамBook\index.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <title>БамBook</title>
</head>
<body>
    <div id="header">
        <div id="green_line">
            <div>
                <b style="color:green; background-color:white;margin-left:5%;font-size:250%;display:inline-block">Бам</b>
                <b style="color:rgb(245, 213, 5); background-color:white;font-size:250%;display:inline-block;margin-left:-5px;">Book</b>
            </div> 
        </div>
        <div id="poisk-vhod">
            <img src="C:\Users\User\Desktop\Snakes\БамBook\book.png" alt="" width="80px" style="margin-left:2%;margin-top:5px;" class="poisk">
            <form action="" method="get" class="poisk">
                <input name="s" placeholder="Книги, авторы, жанры..." type="text">
                <button type="submit"></button>
            </form>
            <a id="login" class="poisk button" href="#"><img src="C:\Users\User\Desktop\Snakes\БамBook\Login.png" class="but_img">Войти</a> 
            <a id="library" class="poisk button" href="#"><img src="C:\Users\User\Desktop\Snakes\БамBook\Library.png" class="but_img">Мои книги</a>
        </div> 
        <nav id="gray_line">
            <div id="menu" style="margin-left:4%;height:100%;">
                <a href="#" class="genres">Жанры</a>
                <a href="#" class="genres">Популярное</a>
                <a href="#" class="genres">Новинки</a>
            </div>
        </nav> 
    </div>
    <div id="books">
        
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>   
</body>
</html>