Explanore/about.html at main · STEPHANIE-AP/Explanore · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>About Us</title>
    <style>
        /* Inline CSS for simplicity, can be moved to styles.css */
        ul {
            list-style-type: none; /* Remove bullet points */
            padding: 0;           /* Remove padding */
            text-align: left;     /* Left alignment for team list */
        }
        li {
            margin: 5px 0;       /* Spacing between items */
        }
        .team-section {
            text-align: center;   /* Center the team section */
        }
        nav ul {
            display: flex;        /* Use flexbox for horizontal alignment */
            justify-content: center; /* Center navigation items */
            padding: 0;          /* Remove padding */
        }
        nav ul li {
            margin: 0 15px;      /* Spacing between nav items */
        }
    </style>
</head>
<body>
    <header>
        <h1>About Us</h1>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="exoplanets.html">Exoplanets Questionnaire</a></li>
                <li><a href="all-about-exoplanets.html">All About Exoplanets</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <p>We are the members of the team "Cosmic Stars" who developed "Explanore," a web-based educational platform that simplifies the complex topic of exoplanets for middle and high school students. This project addresses the challenge of making exoplanet science more accessible by offering interactive data visualizations, animated storytelling, and a gamified learning experience. It transforms technical concepts into engaging, easy-to-understand content that keeps students involved through exploration and quizzes. This tool is important because current resources on exoplanets are often too technical for younger audiences, hindering their understanding of astronomical discoveries. By leveraging real-time NASA data and interactive design, our project bridges this gap, fostering curiosity and enhancing science education for future generations.</p>
            <p class="team-section"><strong>Cosmic Stars members:</strong></p>
            <ul class="team-section">
                <li>🌟 <strong>Stephanie A P</strong> (Team Leader) 🌟</li>
                <li>✨ Sri Durga R ✨</li>
                <li>✨ Thangamari G ✨</li>
                <li>✨ Vishal Raj S R ✨</li>
                <li>✨ Vijayakumar N K ✨</li>
            </ul>
        </section>
    </main>
    <footer>
        <p>&copy; 2024 Cosmic Stars - Explanore</p>
    </footer>
</body>
</html>