-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfrente.html
56 lines (51 loc) · 3.07 KB
/
frente.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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Frente</title>
<link rel="stylesheet" href="frente.css">
</head>
<body>
<header>
<h1>Frente</h1>
</header>
<section>
<h2>Clique no local da avaria👇🏻:</h2>
<div id="container">
<img src="frente.png" usemap="#image-map">
<map name="image-map">
<area onclick="paraBrisaDir()" target="" alt="Para-brisa Direito" title="Para-brisa Direito" href="#" coords="119,141,121,53,45,51,39,67,36,97,36,120,42,138" shape="poly">
<area onclick="paraBrisaEsq()" target="" alt="Para-brisa Esquerdo" title="Para-brisa Esquerdo" href="#" coords="122,54,121,142,196,141,205,132,203,59,195,54,127,50" shape="poly">
<area onclick="farolDir()" target="" alt="Farol Direito" title="Farol Direito" href="#" coords="34,157,44,160,72,180,66,189,44,179,33,173" shape="poly">
<area onclick="farolEsq()" target="" alt="Farol Esquerdo" title="Farol Esquerdo" href="#" coords="175,189,165,181,194,161,206,159,206,174,180,189" shape="poly">
<area onclick="paraChoque()" target="" alt="Para-Choque" title="Para-Choque" href="#" coords="33,175,61,189,75,190,112,193,151,192,172,191,191,184,205,176,207,183,203,211,36,208" shape="poly">
<area onclick="console()" target="" alt="Console" title="Console" href="#" coords="35,133,35,155,46,160,72,178,69,188,91,189,107,191,121,191,170,189,165,181,192,159,208,156,207,135,197,143,44,140" shape="poly">
<area onclick="bandeira()" target="" alt="Bandeira" title="Bandeira" href="#" coords="52,26,49,42,193,46,193,25,126,21,63,23" shape="poly">
<area onclick="retrovisorEsq()" target="" alt="Retrovisor Esquerdo" title="Retrovisor Esquerdo" href="#" coords="205,33,217,41,218,53,226,56,226,82,214,86,213,56,210,46,206,39" shape="poly">
<area onclick="retrovisorDir()" target="" alt="Retrovisor Direito" title="Retrovisor Direito" href="#" coords="19,82,30,83,32,54,32,44,38,40,39,32,31,34,26,43,23,52,18,55,18,69" shape="poly">
</map>
</div>
<div id = "dados">
<input type="button" value="Limpar" class="bt bt-limpar" onclick="limpar()">
<input type="button" value="Continuar" class="bt bt-continuar" onclick="continuar()">
</div>
<div id= "resultados">
<div id = "res2" class="resultados"></div>
<div id = "res" class="resultados"></div>
<div id = "res3" class="resultados"></div>
<div id = "res4" class="resultados"></div>
<div id = "res5" class="resultados"></div>
<div id = "res6" class="resultados"></div>
<div id = "res7" class="resultados"></div>
<div id = "res8" class="resultados"></div>
<div id = "res9" class="resultados"></div>
</div>
</section>
<footer>
<p>© ARTHURPC</p>
</footer>
<script src="frente.js"></script>
</body>
</html>