-
Notifications
You must be signed in to change notification settings - Fork 1
/
fruits.html
executable file
·177 lines (129 loc) · 8.9 KB
/
fruits.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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Toddler Fun Area | Learning: Fruits</title>
<meta name="Description" content="Preschool Learning Games For Kids. Games designed to stimulate their learning and memory skills.">
<meta name="Keywords" content="toddler, kids, online games, educational games, learning, learning for kids">
<meta name="Author" content="Vidya Ramakrishnan">
<meta property="fb:admins" content="525114057" />
<meta name="google-site-verification" content="zbogXOPXwvev4tRyqMj75yDAQYRhF3UjzFS-8RNly8M" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/mystylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/learning4.css" media="screen">
<!--[if IE]> <html class="ie"> <![endif]-->
<script type="text/javascript" src="java_script/jquery.js"></script>
<script type="text/javascript" src="java_script/learning1.js"></script>
</head>
<body>
<div class="container cf">
<nav>
<ul class="side-nav">
<li><a href = "home.html" class="nav_home_img"><img src="images/bird.png" alt="Bird"></a></li>
<li><a href = "games.html" class="nav_games_img"><img src="images/cat_nav.png" alt="Cat"></a></li>
<li><a href = "learning.html" class="nav_learning_img"><img src="images/butterfly.png" alt="Butterfly"></a></li>
<li><a href = "me.html" class="nav_me_img"><img src="images/sunflower.png" alt="Sunflower"></a></li>
</ul>
</nav>
<div class="main_content cf">
<h1>Fruits</h1>
<div class="slides cf">
<div id="leftside-display">
<div class="active">
<a title="By Scott Bauer, USDA ARS [Public domain], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3AFuji_apple.jpg" target="_blank">
<img src="images/fruits/apple.jpg" alt="Apple"></a>
<h2>Apple</h2>
<audio preload="auto" id="audio1" src="audio/fruits/apple.wav"></audio>
</div>
<div>
<a title="By SSteve Hopson [Public domain], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File:Bananas.jpg" target="_blank">
<img src="images/fruits/banana.jpg" alt="Banana"></a>
<h2>Banana</h2>
<audio preload="auto" id="audio2" src="audio/fruits/banana.wav"></audio>
</div>
<div>
<a title="By Sujit kumar (Own work) [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0-2.5-2.0-1.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3ACherries.jpg" target="_blank">
<img src="images/fruits/cherry.jpg" alt="Cherry"></a>
<h2>Cherry</h2>
<audio preload="auto" id="audio3" src="audio/fruits/cherry.wav"></audio>
</div>
<div>
<a title="By Miguel (Flickr: Buena uva,buen albariño.) [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3ABuena_uva%2Cbuen_albari%C3%B1o_(pre-veraison).jpg" target="_blank">
<img src="images/fruits/grapes.jpg" alt="Grapes"></a>
<h2>Grapes</h2>
<audio preload="auto" id="audio4" src="audio/fruits/grapes.wav"></audio>
</div>
<div>
<a title="By W.A. Djatmiko (Wie146) (Own work) [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0-2.5-2.0-1.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3AMangga_gedong_gincu_071021-0845_tmo.jpg" target="_blank">
<img src="images/fruits/mango.jpg" alt="Mango"></a>
<h2>Mango</h2>
<audio preload="auto" id="audio5" src="audio/fruits/mango.wav"></audio>
</div>
<div>
<a title="By Rüdiger Wölk This photo was taken by Rüdiger Wölk. Please credit this photo Rüdiger Wölk, Münster. View all photos (large page) of Rüdiger Wölk I would also appreciate an email to rudiger.wolk@gmail.com with details of use. Für Hinweise auf Veröffentlichungen (rudiger.wolk@gmail.com) oder Belegexemplare bin ich Ihnen dankbar. (photo taken by Rüdiger Wölk, Münster, Germany) [CC-BY-SA-2.5 (http://creativecommons.org/licenses/by-sa/2.5)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3AOrangen_2999.jpg" target="_blank">
<img src="images/fruits/orange.jpg" alt="Orange"></a>
<h2>Orange</h2>
<audio preload="auto" id="audio6" src="audio/fruits/orange.wav"></audio>
</div>
<div>
<a title="I, NobbiP [GFDL (http://www.gnu.org/copyleft/fdl.html), CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/) or CC-BY-SA-2.5-2.0-1.0 (http://creativecommons.org/licenses/by-sa/2.5-2.0-1.0)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3APear_peckham_78.jpg" target="_blank">
<img src="images/fruits/pear.jpg" alt="Pear"></a>
<h2>Pear</h2>
<audio preload="auto" id="audio7" src="audio/fruits/pear.wav"></audio>
</div>
<div>
<a title="By David Monniaux via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File:Pineapple_victoria_dsc07770.jpg" target="_blank">
<img src="images/fruits/pineapple.jpg" alt="Pineapple"></a>
<h2>Pineapple</h2>
<audio preload="auto" id="audio8" src="audio/fruits/pineapple.wav"></audio>
</div>
<div>
<a title="By Fredde 99 (Own work) [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3APumpkin.jpg" target="_blank">
<img src="images/fruits/pumpkin.jpg" alt="Pumpkin"></a>
<h2>Pumpkin</h2>
<audio preload="auto" id="audio9" src="audio/fruits/pumpkin.wav"></audio>
</div>
<div>
<a title="By Photo by Brian Prechtel.Ellmist at en.wikipedia Later version(s) were uploaded by Minesweeper at en.wikipedia. [Public domain], from Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3AStrawberries.jpg" target="_blank">
<img src="images/fruits/strawberry.jpg" alt="Strawberry"></a>
<h2>Strawberry</h2>
<audio preload="auto" id="audio10" src="audio/fruits/strawberry.wav"></audio>
</div>
<div>
<a title="By Goldlocki (This is of my own making) [GFDL (www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3ATomaterosaFleisch.jpg" target="_blank">
<img src="images/fruits/tomato.jpg" alt="Tomato"></a>
<h2>Tomato</h2>
<audio preload="auto" id="audio11" src="audio/fruits/tomato.wav"></audio>
</div>
<div>
<a title="By Steve Evans (Watermelons) [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="http://commons.wikimedia.org/wiki/File%3AWatermelons.jpg" target="_blank">
<img src="images/fruits/watermelon.jpg" alt="Watermelon"></a>
<h2>Watermelon</h2>
<audio preload="auto" id="audio12" src="audio/fruits/watermelon.wav"></audio>
</div>
</div><!--eof leftside display-->
<div class="controls">
<p id="prev" class="icons icon-prev"><span>previous</span></p>
<p id="next" class="icons icon-next"><span>rightarrow</span></p>
</div><!--eof controls-->
</div><!--eof slides-->
<div id="slide-indicator">
<p class="active"><img src="images/fruits/apple.jpg" alt="Apple"></p>
<p><img src="images/fruits/banana.jpg" alt="Banana"></p>
<p><img src="images/fruits/cherry.jpg" alt="Cherry"></p>
<p><img src="images/fruits/grapes.jpg" alt="Grapes"></p>
<p><img src="images/fruits/mango.jpg" alt="Mango"></p>
<p><img src="images/fruits/orange.jpg" alt="Orange"></p>
<p><img src="images/fruits/pear.jpg" alt="Pear"></p>
<p><img src="images/fruits/pineapple.jpg" alt="Pineapple"></p>
<p><img src="images/fruits/pumpkin.jpg" alt="Pumpkin"></p>
<p><img src="images/fruits/strawberry.jpg" alt="Strawberry"></p>
<p><img src="images/fruits/tomato.jpg" alt="Tomato"></p>
<p><img src="images/fruits/watermelon.jpg" alt="Watermelon"></p>
</div><!--eof slide indicators-->
</div><!--eof main-content-->
</div><!--eof container-->
</body>
</html>