ECOWATT/about.html at main · hemaharshini-dev/ECOWATT · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>About Ecowatt</title>
    <link rel="stylesheet" href="style.css" />
    <style>
      /* Additional styling to enhance the Mission & Vision section */
      .mission-vision-container {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 20px;
        border-radius: 10px;
        max-width: 80%;
        margin: 20px auto;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
      }

      .mission-vision-container h2 {
        color: #074952;
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 10px;
      }

      .mission-vision-container p {
        font-size: 18px;
        line-height: 1.6;
        color: #333;
      }

      .tagline {
        font-size: 20px;
        font-weight: bold;
        color: #046b74;
        margin-top: 10px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>About Ecowatt</h1>
    </header>

    <div class="text-container">
      <nav>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="tutorials.html">Tutorials</a></li>
        </ul>
      </nav>

      <section>
        <p>
          Ecowatt is dedicated to educating young minds about the importance of
          renewable energy sources like solar, wind, and hydro power. Our goal
          is to make learning about sustainability fun and engaging.
        </p>
      </section>
    </div>

    <!-- Mission & Vision Section -->
    <div class="mission-vision-container">
      <h2>🌟 Our Mission</h2>
      <p>
        Our mission is to <strong>educate and inspire young minds</strong> about
        the power of renewable energy through an interactive and engaging
        platform. By simplifying complex sustainability concepts, we aim to
        nurture <strong>eco-conscious future leaders</strong> who understand the
        importance of clean energy and environmental responsibility.
      </p>

      <h2>🌍 Our Vision</h2>
      <p>
        We envision a world where every child grows up with a deep understanding
        of
        <strong
          >renewable energy, sustainability, and environmental
          stewardship</strong
        >. Ecowatt strives to be the go-to platform for fun, accessible, and
        impactful learning,
        <strong
          >empowering children to take small actions today that lead to a
          greener tomorrow.</strong
        >
      </p>

      <p class="tagline">
        🌱 "Empowering Young Minds for a Greener Future" 🌿✨
      </p>
      <div class="quiz-button">
        <a href="tutorials.html" class="btn">Start Learning Now</a>
      </div>
      <a href="chatbot.html" class="chatbot-button">Ask Ecowatt AI 🤖</a>
    </div>
  </body>
</html>