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>Student Studio</title>
</head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia&effect=fire">
    <link rel="stylesheet" href="style.css">
    
</head>

<body>

    <header>
        <nav class="navbar">
            <ul class="navigation">
                <li class="item">Home</li>
                <li class="item">About</li>
                <li class="item">Notes</li>
                <li class="item">Assignment</li>
                <li class="item">To-do list</li>
                <li class="item">Calendar</li>
                <li class="item">News</li>
                <li class="item">Podcast</li>
                <li class="item">Calculator</li>
            </ul>
        </nav>
    </header>
    <section>
        <h1>Welcome to Student Studio</h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi beatae deserunt asperiores aperiam, hic magni
            voluptatibus distinctio iusto ex, dicta eligendi. Delectus saepe quo repellat minus, suscipit cumque dolorum
            beatae inventore, voluptatum error mollitia!</p>
    </section>
    <hr>
</body>

</html>