note-taking/index.html at main · viniciuspatzer/note-taking · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!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">
    <link rel="stylesheet" href="css/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
    <script defer src="scripts/app.js"></script>
    <script defer src="scripts/switch-theme.js"></script>
    <title>Note Taking App</title>
</head>

<body>
    <label class="toggle-control">
        <input type="checkbox">
        <span class="control"></span>
    </label>

    <div class="modal-container">
        <div class="modal">
            <button class="modal__btn">&times;</button>
            <h2 class="modal__title">Title Here</h2>
            <p class="modal__body">Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam officia odit, iure
                minus quam beatae blanditiis molestiae. Eos earum, vel amet sint repellendus nulla placeat facere quas
                sunt maiores, nemo rerum.</p>
        </div>
    </div>
    <div class="form-container">
        <h1>Note Taker</h1>
        <h3>Add a New Note:</h3>
        <form>
            <label for="title">Title
                <input type="text" id="title" placeholder="Enter a note title.">
            </label>
            <label for="note">Note
                <textarea name="note" id="note" cols="30" rows="10" placeholder="Enter note text."></textarea>
            </label>
            <input type="submit">
        </form>
    </div>
    <div class="note-container"></div>
</body>

</html>