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>Notes app</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="@media.css">
</head>
<body>
    <div class="header">
        <div class="header-top">
            <h1>Notes app</h1>
        </div>
        <div class="header-bottom">
            <nav>
                <a href="#write">Write Notes</a>
                <a href="#saved">My Notes</a>
            </nav>
        </div>
    </div>
<!------>

    <div id="write">
        <div class="text">
            <h2>Write your notes.</h2>
            <textarea id="note" placeholder="Type your notes here."></textarea><br>
             <button id="save">Save</button> 
        </div>
        
        <div class="save">
            
        </div>
    </div>
    <div id="saved"> 
        <h2>My Notes</h2>
            <ul>
                
            </ul>
    </div>


    <!----->

    <!----->
<footer>
    <p><strong>Notes App</strong><br><em>All Rights Reserved!</em></p>
</footer>




    <script src="scripts.js"></script>
</body>
</html>