Anukulsahu/task4.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>navbar</title>
    <link rel="stylesheet" href=" https://cc-bhu.github.io/web-development/assets/css/navbar.css">
    <style>
        section{
            height: 100vh;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
          
        }
        h2{
            margin: 60px;
            font-family: Arial, Helvetica, sans-serif;
            
        }
        p{
            margin-top: -30px;
            font-size: 24px;
        }
    </style>
    
</head>
<body>
    <nav class="navbar">
        <div class="nav">
            <a href="#Home">Home</a>
            <a href="#About">About</a>
            <a href="#Action">Action</a>
        </div>
    </nav>

    <section id="Home">
        <h2>Home section</h2>
        <p style="color: rgb(27, 19, 77);">Welcome to the home section admin lorem</p>
    </section>

    <section id="About">
        <h2>About section</h2>
        <p style="color: rgb(177, 44, 11);">Welcome to the about section admin Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae cumque magnam doloremque voluptate labore nesciunt numquam, nihil ratione totam quae debitis dignissimos, temporibus nam molestiae, ipsum ea fugiat corporis quas reiciendis. Nulla, nostrum omnis. Rerum quo est ullam in totam nesciunt doloribus, omnis possimus rem nostrum magni suscipit iste architecto expedita eos consequatur minima maiores beatae, molestiae id voluptates labore exercitationem odit. Amet saepe consequuntur porro praesentium vel aspernatur, et quisquam ab vitae maxime id fuga deserunt, dicta, quis molestias officiis! Saepe laboriosam enim quia culpa. Exercitationem, similique.</p>
    </section>

    <section id="Action">
        <h2>Action section</h2>
        <p style="color: rgb(4, 51, 60);">Welcome to the action section admin</p>
    </section>
    
</body>
</html>