-
Notifications
You must be signed in to change notification settings - Fork 0
/
younglings.html
147 lines (113 loc) · 4.93 KB
/
younglings.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
<!DOCTYPE html>
<html>
<head>
<title>Younglings</title>
<link rel="icon" href="images/iconT.png" type="image/x-icon" style="background-color:white;">
<!-- <link rel="stylesheet" href="styles/general.css"> -->
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/young.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=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body>
<ul class="background">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<header>
<div class="left-section" onclick="location.href='index.html';">
<img class="logo" src="images/icon.png">
<img class="logo-text" src="images/logo text.png">
</div>
<div class="right-section">
<button class="sign-button" onclick="location.href='index.html';">Home</button>
</div>
</header>
<div class="landing-page">
<div class="line"></div>
<div class="allideas">
<div class = "idea">
<h2>Activities for Kids and the Environment</h2>
<p>Activities such as arts and crafts related to the environment can have several positive effects on kids,
such as helping them become more aware of existing environmental issues. It can foster a sense of
responsibility for the environment in them.</p>
</div>
<div class = "imgshow">
<img src = "images/young/seed2.jpeg">
</div>
<div class = "idea">
<h2>Seed Story Boards:</h2>
<ul>
<li><strong>Goal:</strong> This activity is aimed at developing calligraphic as well as writing skills
in children while educating them on the various types of seeds available in the market and the
methods used to extract and process them.</li>
<li><strong>Materials:</strong>
<ul>
<li>Sketch Pens</li>
<li>Chart Paper</li>
<li>Seed of your choice</li>
<li>Tape</li>
</ul>
</li>
<li><strong>Procedure:</strong>
<ol>
<li>Cut the chart paper into 4-6 pieces.</li>
<li>Drop 2-4 seeds on the first paper and stick it wherever it lands.</li>
<li>Write dialogues and draw a story around the seed.</li>
<li>Continue the story through the next chart paper pieces.</li>
</ol>
</li>
<li><strong>Note:</strong> Happy Writing!!! 😉</li>
</ul>
</div>
<div class = "imgshow">
<img src = "images/young/seed1.jpeg">
</div>
<div class="idea">
<h2>Layer-By-Layer Animal Cells:</h2>
<ul>
<li><strong>Goal:</strong> Learning about the minute details and beauties in nature will develop a sense
of wanting to protect these in kids. This activity can also help kids connect the knowledge gained
in one subject to another.</li>
<li><strong>Materials:</strong>
<ul>
<li>A File</li>
<li>A few clear folders</li>
<li>Scissors (under the supervision of an adult)</li>
<li>Colored Papers</li>
</ul>
</li>
<li><strong>Procedure:</strong>
<ol>
<li>Cut a paper (color of your choice) in an oval shape.</li>
<li>Cut various other colored papers in the shapes found in cells.</li>
<li>Place the oval-shaped paper in a clear folder.</li>
<li>Stick the other pieces scattered in each individual folder, separating them by their shapes.
</li>
<li>Place the clear folders in the file.</li>
<li>As you lower each folder, you can see a cell being formed right before your eyes. 🤗</li>
</ol>
</li>
</ul>
</div>
<div class = "imgshow">
<video src = "images/young/cell-gif.mp4" loop autoplay></video>
</div>
</div>
<footer>
</footer>
</div>
<script>
document.querySelector('video').playbackRate = 0.20;
</script>
</body>
</html>