MSPS/class.html at main · MontessoriVisualization/MSPS · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Morning Star Pre Primary Child Care Center</title>
    <link rel="stylesheet" href="mainfile_.css">
    <link rel="stylesheet" href="class.css">
    <!-- gallery css -->

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

</head>
<body>
<header>
   <!-- logo and heading start -->
   <div class="logo">
    <img src="Images/mspslogo.png" alt="Morning Star Logo" class="logo-img">
    <div class="school-name">Morning Star Pre-School & Child Care Center</div>
</div>
<!-- logo and heading start -->
    <nav>
        <nav>
    <button id="menu-toggle"><i class="fas fa-bars"></i></button>
    <ul id="nav-menu">
        <li><a href="mainhomepage.html" id="main_page"><i class="fas fa-home"></i>Home</a></li>
        <li><a href="imagegallery.html"><i class="fas fa-images"></i> Gallery</a></li>

        <li class="dropdown">
            <a href="class.html"><i class="fas fa-school"></i> Classes</a>
<!--    i will add later         <ul class="dropdown-menu">
                <li><a href="#">P.G</a></li>
                <li><a href="#">Nursery</a></li>
                <li><a href="#">Pre-I</a></li>
                <li><a href="#">Pre-II</a></li>
            </ul>
        </li> -->
        <li><a href="Aboutsection.html"><i class="fas fa-info-circle"></i> About Us</a></li>
    </ul>
</nav>

    </nav>
</header>
<!-- clasess -->

 <!-- Classes Section -->
    <section class="classes">
        <h2 class="class-heading">Our Classes</h2>
        <div class="class-container">
            <div class="class">
                <img src="Images/pg.jpg" alt="PG Class">
                <h3>PG</h3>
                <p>Building foundational skills through sensory exploration and social interaction.</p>
            </div>
            <div class="class">
                <img src="Images/nur.jpg" alt="Nursery Class">
                <h3>Nursery</h3>
                <p>Developing fine motor skills and language through Montessori activities.</p>
            </div>
            <div class="class">
                <img src="Images/pre1.jpg" alt="Pre-1 Class">
                <h3>Pre-1</h3>
                <p>Introducing early reading, math concepts, and practical life skills.</p>
            </div>
            <div class="class">
                <img src="Images/pre2.jpeg" alt="Pre-2 Class">
                <h3>Pre-2</h3>
                <p>Preparing for kindergarten with reading, writing, and problem-solving.</p>
            </div>
        </div>
    </section>

    <!-- Extra-Curricular Activities -->
    <section class="eca">
        <h1>Extra-Curricular Activities</h1>
        <div class="eca-container">
            <div class="eca-card">
                <img src="Images/photo6.jpg" alt="Dance Class">
                <h2>Dance Class</h2>
                <p>Improves rhythm and coordination while boosting confidence.</p>
            </div>
            <div class="eca-card">
                <img src="Images/music.jpg" alt="Music Class">
                <h2>Music Class</h2>
                <p>Enhances auditory skills and fosters creativity through music.</p>
            </div>
            <div class="eca-card">
                <img src="Images/play2.jpg" alt="Sports Class">
                <h2>Sports Class</h2>
                <p>Encourages physical activity and teamwork through structured play.</p>
            </div>
            <div class="eca-card">
                <img src="Images/yoga.jpg" alt="Yoga Class">
                <h2>Yoga Class</h2>
                <p>Promotes relaxation, flexibility, and mindfulness.</p>
            </div>
            <div class="eca-card">
                <img src="Images/art.jpg" alt="Color Game">
                <h2>Color Game</h2>
                <p>Enhances creativity and visual perception skills.</p>
            </div>
            <div class="eca-card">
                <img src="Images/art1.jpg" alt="Art Class">
                <h2>Art Class</h2>
                <p>Develops imagination and fine motor skills through creative expression.</p>
            </div>
        </div>
    </section>

    <!-- Skills That Children Will Learn -->
    <section class="skills">
        <h1>Skills That Children Will Learn</h1>
        <div class="skills-container">
            <div class="skill-card">
                <img src="Images/donation.jpg" alt="Self Help">
                <h2>Self Help</h2>
                <p>Children develop independence by learning daily self-care activities.</p>
            </div>
            <div class="skill-card">
                <img src="Images/orp.jpg" alt="Social">
                <h2>Social</h2>
                <p>Engaging activities promote teamwork and communication skills.</p>
            </div>
            <div class="skill-card">
                <img src="Images/communication.jpg" alt="Communication">
                <h2>Communication</h2>
                <p>Enhancing language and communication skills through interactive learning.</p>
            </div>
        </div>
    </section>

    <!-- Daily Routine -->
    <section class="routine">
        <h2>Daily Schedule</h2>
        <div class="routine-container">
            <img src="Images/positivelrn.jpg" alt="Daily Routine">
            <p>A structured yet flexible day including Montessori activities, outdoor play, and group sessions.</p>
        </div>
    </section>

    <!-- Teacher & Parent Involvement -->
    <section class="involvement">
        <h2>Teacher & Parent Involvement</h2>
        <div class="involvement-container">
            <div class="involvement-item">
                <img src="Images/parent1.jpg" alt="Teacher">
                <p>Guiding children with individualized attention and Montessori-trained expertise.</p>
            </div>
            <div class="involvement-item">
                <img src="Images/parents.jpg" alt="Parent Involvement">
                <p>Regular parent-teacher meetings and workshops to support learning.</p>
            </div>
        </div>
    </section>

    <!-- Gallery -->
    <section class="gallery">
        <h2>School Gallery</h2>
        <div class="gallery-container">
            <img src="Images/crist1.jpg" alt="Gallery Image 1">
            <img src="Images/crist.jpg" alt="Gallery Image 2">
            <img src="Images/ropai.jpg" alt="School Events">
        </div>
    </section>

    <!-- classes code end -->
<!-- footer potion -->
<footer>
    <div class="footer-content">
        <div class="footer-section about">
            <h3>About Us</h3>
            <p>Morning Star Pre Primary Child Care Center is dedicated to providing a nurturing and stimulating environment for your child's early learning and development.</p>
            <div class="social-icons">
                <a href="https://www.facebook.com/share/15vtfSdfZL/" target="_blank"><i class="fab fa-facebook"></i></a>
                <a href="https://www.instagram.com/morningstarpreschool2079?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank"><i class="fab fa-instagram"></i></a>
                <a href="https://www.tiktok.com/@morningstarpreschool2079?is_from_webapp=1&sender_device=pc" target="_blank"><i class="fab fa-tiktok"></i></a>
                <a href="https://youtube.com/@morningstarpre-schoolandch2157?feature=shared" target="_blank"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
        <div class="footer-section contact">
            <h3>Contact Info</h3>
            <p><i class="fas fa-map-marker-alt"></i> NAKKHU, RASTRA PATI MARG-04, LALITPUR</p>
            <p><i class="fas fa-phone-alt"></i> 984-1362140</p>
            <p><i class="fas fa-envelope"></i>morningstarpreschool.org@gmail.com</p>
        </div>
    </div>
    <div class="footer-bottom">
        <p>&copy; 2024 Morning Star Pre-School & Child Care Center </p>
    </div>
</footer>
<script defer src="final.js"></script>
</body>
</html>