-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (184 loc) · 5.68 KB
/
index.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
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="navbar">
<div><a class="a" href="#A">A</a></div>
<div><a class="b" href="#B">B</a></div>
<div><a class="c" href="#C">C</a></div>
<div><a class="d" href="#D">D</a></div>
<div><a class="e" href="#E">E</a></div>
<div><a class="f" href="#F">F</a></div>
<div><a class="g" href="#G">G</a></div>
<div><a class="h" href="#H">H</a></div>
<div><a class="i" href="#I">I</a></div>
<div><a class="j" href="#J">J</a></div>
<div><a class="k" href="#K">K</a></div>
<div><a class="l" href="#L">L</a></div>
<div><a class="m" href="#M">M</a></div>
<div><a class="n" href="#N">N</a></div>
<div><a class="o" href="#O">O</a></div>
<div><a class="p" href="#P">P</a></div>
<div><a class="q" href="#Q">Q</a></div>
<div><a class="r" href="#R">R</a></div>
<div><a class="s" href="#S">S</a></div>
<div><a class="t" href="#T">T</a></div>
<div><a class="u" href="#U">U</a></div>
<div><a class="v" href="#V">V</a></div>
<div><a class="w" href="#W">W</a></div>
<div><a class="x" href="#X">X</a></div>
<div><a class="y" href="#Y">Y</a></div>
<div><a class="z" href="#Z">Z</a></div>
<div>
<a href="#button"><button class="button">FEEDBACK</button></a>
</div>
</div>
<div id="A">
A FOR APPLE
<img width="100px" height="100px" src="./apple.jpg" alt="Apple" />
</div>
<div id="B">
B FOR BAll
<img width="100px" height="100px" src="./ball.jpg" alt="Cricket Ball" />
</div>
<div id="C">
C FOR CAT
<img width="100px" height="100px" src="./cat.png" alt="Cat" />
</div>
<div id="D">
D FOR DOG
<img width="100px" height="100px" src="./dog.jpg" alt="Cat" />
</div>
<div id="E">
E FOR EAGLE
<img width="100px" height="100px" src="./eagle.png" alt="Cat" />
</div>
<div id="F">
F FOR FROG
<img width="100px" height="100px" src="./frog.jpg" alt="Cat" />
</div>
<div id="G">
G FOR GOAT
<img width="100px" height="100px" src="./goat.jpg" alt="Cat" />
</div>
<div id="H">
H FOR HEN
<img width="100px" height="100px" src="./hen.jpg" alt="Cat" />
</div>
<div id="I">
I FOR INK
<img width="100px" height="100px" src="./ink.jpg" alt="Cat" />
</div>
<div id="J">
J FOR JELLY FISH
<img width="100px" height="100px" src="./jellyfish.jpg" alt="Cat" />
</div>
<div id="K">
K FOR KITE
<img width="100px" height="100px" src="./kite.png" alt="Cat" />
</div>
<div id="L">
L FOR LAMP
<img width="100px" height="100px" src="./lamp.png" alt="Cat" />
</div>
<div id="M">
M FOR MONKEY
<img width="100px" height="100px" src="./monkey.jpg" alt="Cat" />
</div>
<div id="N">
N FOR NEST
<img width="100px" height="100px" src="./nest.png" alt="Cat" />
</div>
<div id="O">
O FOR ORANGE
<img width="100px" height="100px" src="./orange.jpg" alt="Cat" />
</div>
<div id="P">
P FOR PANDA
<img width="100px" height="100px" src="./panda.jpg" alt="Cat" />
</div>
<div id="Q">
Q FOR QUEEN
<img width="100px" height="100px" src="./queen.png" alt="Cat" />
</div>
<div id="R">
R FOR RAT
<img width="100px" height="100px" src="./rat.png" alt="Cat" />
</div>
<div id="S">
S FOR SUN
<img width="100px" height="100px" src="./sun.jpg" alt="Cat" />
</div>
<div id="T">
T FOR TIGER
<img width="100px" height="100px" src="./tigr.jpg" alt="Cat" />
</div>
<div id="U">
U FOR UMBRELLA
<img width="100px" height="100px" src="./umbrella.jpg" alt="Cat" />
</div>
<div id="V">
V FOR VASE
<img width="100px" height="100px" src="./vase.png" alt="Cat" />
</div>
<div id="W">
W FOR WATCH
<img width="100px" height="100px" src="./watch.png" alt="Cat" />
</div>
<div id="X">
X FOR X-RAY
<img width="100px" height="100px" src="./xray.jpg" alt="Cat" />
</div>
<div id="Y">
Y FOR YO-YO
<img width="100px" height="100px" src="./yoyo.jpg" alt="Cat" />
</div>
<div id="Z">
Z FOR ZEBRA
<img width="100px" height="100px" src="./zebra.jpg" alt="Cat" />
</div>
<div id="button">
<img id="form" width="1000px" height="300px" src="./feedback.jpg" />
<form>
<ul class="form">
<li>
Parent's Name:<input
placeholder="Parents or Guardian"
class="input"
type="text"
/>
</li>
<li>
Kid's Name:<input placeholder="Name" class="input" type="text" />
</li>
<li>
Phone Number:<input
placeholder="Your Number"
class="input"
type="number"
/>
</li>
<li>
How Much You Like My Work.<br />Excellent
<input checked type="checkbox" class="box" /> Good
<input class="box" type="checkbox" /> Normal
<input class="box" type="checkbox" /> Bad
<input class="box" type="checkbox" /><br />
Rate It.
</li>
<br />
If You Have Any Suggestions
<li>
<textarea placeholder="Suggestions" rows="10" cols="50"></textarea>
</li>
<li><button class="submit">Submit</button></li>
</ul>
</form>
</div>
</body>
</html>