-
Notifications
You must be signed in to change notification settings - Fork 0
/
backtoschool.html
162 lines (150 loc) · 6.94 KB
/
backtoschool.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Back to school</title>
<link rel="stylesheet" href="backtoschool.css">
</head>
<body>
<header></header>
<div id="home">
<div class="head">Home</div>
<div class="para">
Welcome to Back to School, as you would greet your students (or surprisingly to your teachers)<br>
June, in India, is a month when it's time to pack the bags and get ready early in the morning for school.<br>
That might sound a little boring, but worry not when we are here.<br><br>
This is a platform where you could make your first day fun, interesting and most importantly less boring.
</div>
<div class="para2">
<img src="bts3.png" alt="schedule" class="schedule">
<div class="quote">"The beautiful thing about learning is that no one can take it away from you"<br><br> ~B.B.King</div>
</div>
</div>
<div id="games">
<div class="head">
Games
</div>
<div class="para">The games section is the most loved one, both teachers and students alike. So let's dive into the world of the most intriguing games.
<br><br><h6>(hover over the cards to explore the game.)</h6>
</div>
<div class="container">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h1>Collective Nouns</h1>
</div>
<div class="flip-card-back">
<h3>Instructions: </h3>
<p>Form a group and perform an action representing a collective noun (e.g., 'a flock of birds'). The class has 30 seconds to guess the collective noun based on the group's actions. Repeat with different groups and actions.</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h1>Taboo!!</h1>
</div>
<div class="flip-card-back">
<h3>Instructions</h3>
<p>One player receives a word and must make the team guess it without saying the restricted list words. They have 60 seconds. Repeat with different players and words.</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h1>Dumb Charades</h1>
</div>
<div class="flip-card-back">
<h3>Instructions</h3>
<p>Divide into teams. One player acts out a vacation place they've visited or liked without speaking. Team guesses using gestures and movements. Set a time limit. Rotate players and repeat.</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h1>2 Truth 1 Lie</h1>
</div>
<div class="flip-card-back">
<h3>Instructions</h3>
<p>The students have to tell 3 facts about their life that happened to them in the past. Two of them should be true, and one should be a lie. The other students have to find out which one is the lie. You'll be surprised what kind of crazy things can actually happen! </p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h1>Word Association</h1>
</div>
<div class="flip-card-back">
<h3>Instructions</h3>
<p> A student says a word, and the next student quickly responds with the first word that comes to mind, continuing around the room.</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h1>Rap</h1>
</div>
<div class="flip-card-back">
<h3>Instructions</h3>
<p>Teams create a rap or song using words given by the teacher. They have 2 minutes to perform. Rotate words and repeat with different teams.</p>
</div>
</div>
</div>
</div>
</div>
<div id="start">
<div class="head">
Conversation Starters
</div>
<div class="para">A happy start to the academic year needs fun and lovely Conversation starters.<br>Given are a few of them which would spark interesting conversations.</h6>
</div>
<div class="starters">
<p>What's one fun memory from your summer break?</p>
<br>
<p>What is the longest duration you were asleep?</p>
<br>
<p>What was the most weird or fun thing you did over the break?</p>
<br>
<p>How many photos did you click?</p>
<br>
<p>How many movies and movies of which category did you watch?</p><br><br>
</div>
</div>
<!-- <div id="contact">
<div class="head">
Want to contribute?
</div>
</div> -->
<footer>
<div class="footer-content">
<div class="footer-section about">
<h3>About Us</h3>
<p>This is a fictional school website created to help students and teachers stay connected and informed.</p>
</div>
<div class="footer-section contact">
<h3>Contact Us</h3>
<ul>
<li>Email: info@schoolwebsite.com</li>
<li>Phone: +123 456 7890</li>
</ul>
</div>
<div class="footer-section social">
<h3>Follow Us</h3>
<ul>
<li><a href="https://www.linkedin.com/in/chinmayee-p-6a87a6229?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app ">LinkedIn</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="https://www.instagram.com/chinmayee_58?igsh=NDRxaGx0OGJtMGI2">Instagram</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 SchoolWebsite. All rights reserved.</p>
</div>
</footer>
</body>
</html>