School-website/index.html at master · Josemiles-ctr/School-website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>School</title>
    <link rel="stylesheet" href="index.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
</head>
<body>
    <header id="header">
    </header>
    <nav id="mobile"></nav>


    <div class="theme">
            <img id="change-mode" onclick="changeTheme()" src="assets/dark.png" title="Change Theme" alt="Theme changer">
    </div>
    <main class="main" id="main">
        <div id="welcome-ms">
            <h1>Welcome to Mengo Senior School! </h1>
            <p><b>Where Excellence Meets Opportunity</b></p>

            <h2>&star; Hello and Welcome! &star;</h2>

            <p>We are thrilled to have you here at Mengo Senior School, a place where learning is an adventure, dreams take flight, and every student is empowered to achieve greatness.</p>
        </div>
        <div class="main-content">

            <h1 class="moto">&ldquo;Akwana Akira Ayomba&rdquo;</h1>
            <p>Educating, Inspiring and Achieving together</p>
        </div>
    </main>
    <h1 class="activities-title">Activities</h1>
    <figure class="activities">
        <div class="slider">
        <section class="activity" id="sports">
                    <img src="assets/games2.jpeg" alt="Activity image">
            <div class="activity-details">
                <h2>Games and Sports</h2>
            <p class="descMs">Sports are more than just games—they are a way of life! Our school offers a diverse range of athletic programs designed to develop students' physical fitness, teamwork, and leadership skills. Whether on the field, court, or track, our student-athletes continuously push their limits to achieve greatness.</p>
            </div>
        </section>
        <section class="activity">
            <img src="assets/debate2.jpeg" alt="Activity image">
            <div class="activity-details">
                <h2>Debates</h2>
            <p class="descMs">We believe that the ability to think critically, express ideas confidently, and engage in meaningful discussions is essential for student development. Our debate programs provide a platform for students to sharpen their communication skills, enhance their knowledge, and build confidence while tackling real-world issues.</p>
            </div>
        </section>
        <section class="activity">
            <img src="assets/party2.jpeg" alt="Activity image">
            <div class="activity-details">
                <h2>Welcoming And Farewell Party</h2>
            <p class="descMs">We believe in making every moment special, whether we’re bidding farewell to our graduating students or welcoming new members into our school family. These events are filled with joy, nostalgia, and excitement, creating lasting memories for everyone involved.</p>
            </div>
        </section>
        <section class="activity">
            <img src="assets/tour2.jpeg" alt="Activity image">
            <div class="activity-details">
                <h2>Academic Tours</h2>
            <p class="descMs">We believe that education isn’t confined to books and classrooms. Our school tours provide students with exciting opportunities to explore new places, gain real-world knowledge, and create unforgettable memories. Whether it’s an educational field trip, a cultural excursion, or an adventurous outdoor journey.</p>
            </div>
        </section>
        </div>

    </figure>
    <hr>
    <footer id="footer">

    </footer>
    <script src="index.js"></script>
</body>
</html>