hyf-assignment-template/courses/foundation/git/html-css/week1/index.html at 8cd3b56e3deba7d7863a73b9b4095a3b20bdea41 · HackYourFuture-CPH/hyf-assignment-template · 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
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Self-Compassion & Mental Health | Bloom Life</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body>
    <header class="header">
      <h1>🌸 Bloom Life</h1>
      <p class="centerText">Gentle reflections for a softer mind and heart</p>
    </header>
    <main class="selfCompassion">
      <section class="heroSection softHero">
        <h2>Self-Compassion & Mental Health</h2>
        <p>
          This space is for stillness — for learning to be kind to yourself, to
          rest without guilt, and to heal without rushing. You deserve gentle
          care, even on your hardest days.
        </p>
      </section>

      <section class="articlesContainer">
        <article class="article card">
          <h3>🌤 Self-Compassion on Heavy Days</h3>
          <p>
            Some mornings, just getting out of bed feels like a victory. Those
            are the days that need softness — not pressure. Let the world move
            without you for a while. You’re still enough.
          </p>
          <blockquote class="quote">
            “You are allowed to be both a masterpiece and a work in progress.”
          </blockquote>
          <p>
            Breathe. Wrap yourself in something warm. Speak to yourself as you
            would to a friend. Healing doesn’t happen faster just because you
            force it — it blooms when you let it.
          </p>
        </article>

        <article class="article card">
          <h3>🍵 Letting Go of Productivity Guilt</h3>
          <p>
            We’ve been taught that our worth comes from what we do. But
            sometimes, doing less is the bravest thing. Rest is not laziness —
            it’s a quiet act of self-respect.
          </p>
          <blockquote class="quote">
            “You are not behind. You are breathing, learning, and becoming.”
          </blockquote>
          <p>
            Give yourself permission to rest. Let your body and mind recharge.
            There is no finish line — only moments to be lived fully, softly,
            one breath at a time.
          </p>
        </article>
      </section>
    </main>
    <footer>
      <p>© 2025 Bloom Life. All rights reserved.</p>
      <p>Made with ☕, stillness, and soft light.</p>
    </footer>
  </body>
</html>