Mood-Tracker/homepage.html at main · Shivika-5236/Mood-Tracker · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vibe Check</title>
  <link rel="stylesheet" href="homepage.css">
</head>
<body>
  <header>
    <div class="logo">
      <h1>Vibe Check</h1>
      <p>Vibe Check: Your Mood, Simplified.</p>
    </div>

    <nav>
      <ul>
        <li><a href="./about.html">About</a></li>
      </ul>
    </nav>
  </header>

  <section id="home" class="welcome">
    <div class="content">
      <h2>Vibe Check</h2>
      <p>
        Vibe Check is a simple yet powerful tool for understanding your emotional landscape. By checking in with yourself daily, you can track your moods, identify patterns, and gain valuable insights into what influences your emotional well-being. This increased self-awareness empowers you to make conscious choices that support your mental health and cultivate a more fulfilling life. Vibe Check encourages you to prioritize your emotional well-being and develop a deeper understanding of yourself.
      </p>
      <a href="login.html" class="btn">Sign Up / Login</a>
    </div>

  </section>
  </section>
  <footer>
    <p>Vibe Check</p>
    <div class="social-links">
      <a href="https://github.com" target="_blank">GitHub</a>
      <a href="https://www.instagram.com" target="_blank">Instagram</a>
      <a href="https://www.linkedin.com" target="_blank">LinkedIn</a>
    </div>
</body>
</html>