-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
35 lines (35 loc) · 2.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Parties du corps</title>
<link rel="icon" type="image/x-icon" href="images/head.png">
<link rel="stylesheet" href="style.css">
<script src="code.js"></script>
</head>
<body>
<h1>Parties du corps</h1>
<img src="images/volume.png" id="volumeIcon" alt="volumeIcon">
<br><br>
<!--Top-->
<button id="hair" class="bodyPart" onclick="talking('hair')"><img src="images/hair.png" class="bodyPartImage" alt="hair"></button>
<button id="head" class="bodyPart" onclick="talking('head')"><img src="images/head.png" class="bodyPartImage" alt="head"></button>
<button id="ear" class="bodyPart" onclick="talking('ear')"><img src="images/ear.png" class="bodyPartImage" alt="ear"></button>
<button id="eye" class="bodyPart" onclick="talking('eye')"><img src="images/eye.png" class="bodyPartImage" alt="eye"></button>
<button id="nose" class="bodyPart" onclick="talking('nose')"><img src="images/nose.png" class="bodyPartImage" alt="head"></button>
<button id="mouth" class="bodyPart" onclick="talking('mouth')"><img src="images/mouth.png" class="bodyPartImage" alt="mouth"></button>
<br><br>
<!--Middle-->
<button id="neck" class="bodyPart" onclick="talking('neck')"><img src="images/neck.png" class="bodyPartImage" alt="neck"></button>
<button id="shoulders" class="bodyPart" onclick="talking('shoulders')"><img src="images/shoulders.png" class="bodyPartImage" alt="shoulders"></button>
<button id="arm" class="bodyPart" onclick="talking('arm')"><img src="images/arm.png" class="bodyPartImage" alt="arm"></button>
<button id="hand" class="bodyPart" onclick="talking('hand')"><img src="images/hand.png" class="bodyPartImage" alt="hand"></button>
<button id="stomach" class="bodyPart" onclick="talking('stomach')"><img src="images/stomach.png" class="bodyPartImage" alt="stomach"></button>
<br><br>
<!--Bottom-->
<button id="leg" class="bodyPart" onclick="talking('leg')"><img src="images/leg.png" class="bodyPartImage" alt="leg"></button>
<button id="foot" class="bodyPart" onclick="talking('foot')"><img src="images/foot.png" class="bodyPartImage" alt="foot"></button>
<p>Images by <a href="https://www.flaticon.com/de/packs/human-body-23">Freepik</a>, <a href="https://www.flaticon.com/de/packs/hair-salon-8">Smashicons</a> and <a href="https://www.flaticon.com/packs/interface-25">Those Icons</a></p>
<p>Audio generated using <a href="https://www.linguatec.de/text-to-speech/voice-reader-studio/">Linguatec Voice Reader Studio</a></p>
</body>
</html>