my_notes_1st_try/index.html at main · black-purple-jr/my_notes_1st_try · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Notes</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="big-box">
        <h1>My Notes</h1>
        <div class="container-box">
            <a href="page_2.html">
                <div id="small_box1" class="small-box">
                    <h3 class="title">meeting notes</h3>
                    <p class="text">Discussed the new project timeline and deliverables. Team members assigned to
                        different
                        tasks. Follow-up meeting...</p>
                    <p class="date">December 8, 2025</p>
                </div>
            </a>
            <a href="page_2.html">
                <div id="small_box2" class="small-box">
                    <h3 class="title">shopping list</h3>
                    <p class="text">Milk, eggs, bread, coffee, apples, chiken, rice, vegetables, yogurt, cheese


                    </p>
                    <p class="date">December 7, 2025</p>
                </div>
            </a>
            <a href="page_2.html">
                <div id="small_box3" class="small-box">
                    <h3 class="title">book ideas</h3>
                    <p class="text">A story about time travel and its consequences. Characters: a scientist, a
                        historian,
                        and a mysterious stranger...</p>
                    <p class="date">December 5, 2025</p>
                </div>
            </a>
            <a href="page_2.html">
                <div id="small_box4" class="small-box">
                    <h3 class="title">travel plans</h3>
                    <p class="text">Summer vacation to Japan. Visit Tokyo, Kyoto, and Osaka. Book flights and hotels.
                        Research local attractions and...</p>
                    <p class="date">December 3, 2025</p>
                </div>
            </a>
            <a href="page_2.html">
                <div id="small_box5" class="small-box">
                    <h3 class="title">workout routine</h3>
                    <p class="text">Monday: Chest and triceps. Wednesday: Back and biceps. Friday: Legs and shoulders.
                        30
                        minutes cardio daily.</p>
                    <p class="date">December 1, 2025</p>
                </div>
            </a>
            <a href="page_2.html">
                <div id="small_box6" class="small-box">
                    <h3 class="title">recipe: pasta carbonara</h3>
                    <p class="text">Ingredients: spaghetti, eggs, parmesan cheese, pancetta, black pepper. Cook pasta,
                        fry
                        pancetta, mix with egg mixtur...</p>
                    <p class="date">November 28, 2025</p>
                </div>
            </a>
        </div>
    </div>
    <a href="add.html">
        <div class="plus-box">
        <p>+</p>
        </div>
    </a>
</body>

</html>