index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="stylessss.css">
    
    <title>News website</title>
</head>
<body>
    <header>
        <h1>NEWS</h1>
        <input type="checkbox" id="check"/>
            <label for="check">
                <i class="fa-solid fa-bars" id="bar"></i>
                <i class="fa-solid fa-xmark" id="cancel"></i> 

            </label>
        <nav class="navbar">
            <ul>
                <li><a href="#general"><i class="fa-solid fa-house"></i>home</a></li>                 
                <li><a href="#entertainment">bollywood</a></li>
                <li><a href="#sports">sports</a></li>
                <li><a href="#science">Science</a></li>
                <li><a href="#business">Business</a></li>
                <li><a href="#technology">Technology</a></li>
            </ul>
        </nav>
        <div class="searchbox">
            <input id="tx" type="text" class="tbox" placeholder="home.."/>
            <button id="btn" class="btn"><i class="fa-solid fa-magnifying-glass"></i></button>
        </div>
    </header>

    <main>
        <section id="news-list">
        
        </section>
    </main>

    <script src="script.js"></script>
    <script src="https://kit.fontawesome.com/e76f01f511.js" crossorigin="anonymous"></script>
</body>
</html>

</body>
</html>