Project

General

Profile

Revision d9ed1e3a

IDd9ed1e3ab07c75871518365f25de2de20b2c5c9d
Parent 95127906
Child 2339c299

Added by Sara Carolina Costa Gonçalves over 1 year ago

Quase feito

View differences:

proj1/Ep.html
3 3
  <head>
4 4
      <meta charset="UTF-8">
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
      <title>Document</title>
6
      <title>Fórmula 1</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
      <script src="jquery-3.5.1.min.js"></script>
9

  
10

  
9
	
11 10
  </head>
12 11
 
13 12
  <body>
14 13
    <div>
15 14
        <ul class="nav">
16 15
            <li class="dropdown" >
17
                <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
16
                <button class="dropbtn" onclick="history.go(-1);">Página Anterior</button> 
18 17
              </li>
19 18

  
20 19
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
42 41
        
43 42
            <li class="dropdown"><a href="about.html">Acerca</a></li>
44 43
            <li class="dropdown" >
45
                <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
44
                <button class="dropbtn" onclick="history.go(1);">Página Seguinte</button> 
46 45
              </li>
47 46
        </ul>
48 47
    </div>
......
63 62
            história deste desporto:</p>
64 63
            
65 64
        <ul>
66
            <li><b> Alfa Romeo:</b> O desenvolvimento do “Alfa Romeo 158”, que ditou o formato 
65
            <li><b> Alfa Romeo:</b> O desenvolvimento do “Alfa Romeo 158”, que ditou o formato 
67 66
                automóvel até aosdias de hoje. Com um peso de pouco mais de 600
68 67
                Kilogramas, este monolugar ofereceu a Giuseppe Farina o seu primeiro
69 68
                campeonato em 1950 e o seu carro sucessor, o Alfa Romeo 159 levou-o ao
......
92 91
                    é também a única equipa com poder de voto no regulamento das competições, o que 
93 92
                    nos dá uma melhor perceção da dimensão desta marca.</li>
94 93
        </ul>
94
        
95
        <div class="container">
95 96
        <img src="img/williams.jpg" alt="crro f1" style="width: 600px; margin-top:3%; margin-left: 25%">
97
        <div class="overlay">Monolugar da Williams</div>
98
		</div>
99

  
96 100
  </div>
97 101

  
98 102
  <div id="c3_2" class="txt1">
......
100 104
        <p>Ao longo das várias décadas existiram vários pilotos que marcaram a modalidade, 
101 105
            pelos seus feitos, coragem e talento em pilotar um monolugar. Entre
102 106
            vários destacam-se pilotos como:</p>
107
     
108
       
103 109
        <ul>
104 110
            <li><b>Juan Manuel Fangio:</b>Vencedor de cinco títulos mundiais em sete anos
105 111
            de carreira com quatro equipas diferentes, na década de 50, onde objetivo
......
114 120
            <li><b>Lewis Hamilton:</b>Este piloto conseguiu este ano vencer o seu 7º campeonato,
115 121
                e continua a bater inúmeros recordes.</li>
116 122
        </ul>
117
        <img src="img/senna.jpg" alt="senna" class="img1">
123
        
124
        <div class="container">
125
        <img src="img/senna.jpg" alt="senna" class="img1" >
126
		  <div class="overlay">Alain Prost e Ayrton Senna</div>
127
		</div>
128

  
118 129
  </div>
119
  <div id="c3_3 q" class="txt1_1">
130
  <div id="c3_3 " class="txt1_1">
120 131
      <h2>Pilotos e equipas na época de 2020</h2>
121 132
      <p>Na época de 2020 são várias as equipas que disputaram o campeonato de construtores, cada uma com os seus respetivos dois pilotos. É, aqui, apresentado
122 133
        cada equipa, com base na sua classificação atual, tal como os pilotos e seu lugar
proj1/Historia.html
3 3
  <head>
4 4
      <meta charset="UTF-8">
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
      <title>Document</title>
6
      <title>Fórmula 1</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
	<script src="jquery-3.5.1.min.js"></script>
9 9

  
......
13 13
    <div>
14 14
        <ul class="nav">
15 15
            <li class="dropdown" >
16
                <button class="dropbtn" onclick="history.go(-1);">retroceder</a> 
16
                <button class="dropbtn" onclick="history.go(-1);">Página Anterior</button> 
17 17
              </li>
18 18

  
19 19
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
43 43
        
44 44
            <li class="dropdown"><a href="about.html">Acerca</a></li>
45 45
            <li class="dropdown" >
46
                <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
46
                <button class="dropbtn" onclick="history.go(1);">Página Seguinte</button> 
47 47
              </li>
48 48
        </ul>
49 49
    </div>
......
123 123
            abandono de equipas fabricantes. A primeira a abandonar foi a Honda que no
124 124
            final desse ano veio anunciar a sua saída. Mas prometendo um regresso em 2015,
125 125
            promessa essa que foi comprida. O ano de 2009 ficou fortemente marcado pela
126
            desistência da Toyota e da Renault. [1]</p>
126
            desistência da Toyota e da Renault. </p>
127 127
        </div>
128 128
   
129 129
        
proj1/Regulamento.html
3 3
  <head>
4 4
      <meta charset="UTF-8">
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
      <title>Document</title>
6
      <title>Fórmula 1</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8
      <script src="jquery-3.5.1.min.js"></script>
8
   
9

  
10
     <!-- jQuery library -->
11
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
12
	<!-- Bootstrap JavaScript -->
13
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
14
	  <script type="text/javascript"src="http://code.highcharts.com/highcharts.js"></script>
9 15

  
10
<!-- mapa -->
11
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css">
12
	<script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
13 16

  
14 17
  </head>
15 18

  
......
17 20
    <div>
18 21
        <ul class="nav">
19 22
            <li class="dropdown" >
20
                <button class="dropbtn" onclick="history.go(-1);">retroceder</a> 
23
                <button class="dropbtn" onclick="history.go(-1);">Página Anterior</button> 
21 24
              </li>
22 25

  
23 26
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
47 50
        
48 51
            <li class="dropdown"><a href="about.html">Acerca</a></li>
49 52
            <li class="dropdown" >
50
                <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
53
                <button class="dropbtn" onclick="history.go(1);">Página Seguinte</button> 
51 54
              </li>
52 55
        </ul>
53 56
    </div>
......
94 97
            destina-se a premiar a equipa que mais pontos, sendo que estes são equivalentes
95 98
            a soma de pontos obtida pelos seus dois pilotos. Os pontos são atribuídos pela
96 99
            seguinte tabela, e apenas acima da 10ª posição:</p>
97
            <table>
98
                <tr>
99
                    <th>posição</th>
100
                    <th>pontuação</th>
101
                </tr>
102
                <tr>
103
                    <td>1º</td>
104
                    <td>25</td>
105
                </tr>
106
                <tr>
107
                    <td>2º</td>
108
                    <td>18</td>
109
                </tr>
110
                <tr>
111
                    <td>3º</td>
112
                    <td>15</td>
113
                </tr>
114
                <tr>
115
                    <td>4º</td>
116
                    <td>12</td>
117
                </tr>
118
                <tr>
119
                    <td>5º</td>
120
                    <td>10</td>
121
                </tr>
122
                <tr>
123
                    <td>6º</td>
124
                    <td>8</td>
125
                </tr>
126
                <tr>
127
                    <td>7º</td>
128
                    <td>6</td>
129
                </tr>
130
                <tr>
131
                    <td>8º</td>
132
                    <td>4</td>
133
                </tr>
134
                <tr>
135
                    <td>9º</td>
136
                    <td>2</td>
137
                </tr>
138
                <tr>
139
                    <td>10º</td>
140
                    <td>1</td>
141
                </tr>
142
                
143
            </table>
100
            
101
            <div id="grafico-linhas" style="width: 600px; height: 300px;"></div>
102
			<script type="text/javascript" src="grafico.js"></script>
144 103
       
104
			<button class="btn btn-primary" onclick="desenhaGrafico()" style="color: white;" >Gráfico das Pontuações</button>
105
                
145 106

  
146 107
    </div>
147 108
        <div id="c4_2" class="txt2" style="height: 320px">
......
154 115
            seguinte tabela, e apenas acima da 10ª posição:
155 116
            </p>
156 117
            <ul>
157
                <li><b>segundos de penalização de tempo:</b> o piloto deve parar no
118
                <li><b>3 segundos de penalização de tempo:</b> o piloto deve parar no
158 119
                pit lane (zona da pista onde se encontram as garagens de cada equipa) na
159 120
                respetiva posição pit stop (zona onde se dão as reparações do carro e a
160 121
                troca de pneus do mesmo), pelo menos cinco segundos, e só depois fazer as
......
216 177
				</li>
217 178
                
218 179
                <li>
219
<<<<<<< HEAD
220
	
180

  
221 181
					<b>Macio:</b> Sobressai-se por um equilíbrio muito bom entre desempenho e durabilidade. Utilizado para fins de velocidade elevada.
222 182
				</li>
223 183
				
224 184
				<li>
225 185
					<b>Duro:</b> Pneu que demora mais a aquecer, e oferece máxima durabilidade.
226
=======
186

  
227 187
					<b>Intermediário:</b> Preferencialmente usado em pistas que estão a secar.
228
>>>>>>> 801cb8c2880dad8c0d73a519d2852c98e4f488b7
188

  
229 189
                </li>
230 190
                
231 191
                <li>
232 192

  
233 193
					<b>Macio:</b> Sobressai-se por um equilíbrio muito bom entre desempenho e durabilidade. Utilizado para fins de velocidade elevada.
234 194
				</li>
235
                </li>
236
<<<<<<< HEAD
237
                
195
                        
238 196
              
239 197
                <li>
240 198
					<b>Chuva:</b> Utilizado em condições de chuva excessiva, oferecendo maior aderência
241 199
                    e segurança.
242
=======
243
                <li>
200
				<li>
244 201
					<b>Duro:</b> Pneu que demora mais a aquecer, e oferece máxima durabilidade.
245 202
                </li>
246 203
                <li>
......
251 208
					<b>Chuva:</b> Utilizado em condições de chuva excessiva, oferecendo maior aderência
252 209
                    e segurança.
253 210

  
254
                
255
                
256
				
257
                
258
                
259
                
260
               
261
>>>>>>> 801cb8c2880dad8c0d73a519d2852c98e4f488b7
262

  
263 211
                </li>
264 212
            </ul>
265 213
            
......
268 216
    </div>
269 217
    <div id="c4_4" class="txt2">
270 218
        <h1>Bandeiras</h1> 
271
        
272
        <button onclick="voltar()">voltar</button>
273 219

  
274 220
        <p>As bandeiras desempenham um papel crucial no desporto automóvel. Estas
275 221
          destinam-se a transmitir mensagens rápidas a todos os pilotos, uma vez que,
......
333 279
              </tr>
334 280
          </table>
335 281
    </div>
336
    
337
    <div id="c4_5" class="txt1"  style="height: 400px">
338
        <h2>Circuitos</h2>
339
     Em 2020 a F1 sediará 22 GP's, iniciando na última semana de março, na Austrália, e encerrando em Abu Dhabi no final de novembro.
340
     Em destaque está o circuito de Portimão, presente pela primeira vez nesta lista.
341
     
342
   <!--  <div id="oMeuMapa" style="width: 500px; height: 400px"></div>
343
     <script type="text/javascript" src="mapa.js"></script>
344
     <button onclick="mostrarMapa()" class="btn btn-primary">Mostrar DETI no mapa</button>
345
    -->
346
    </div> 
282

  
347 283
  </body>
348 284

  
349 285
</html>
proj1/Tecnologia.html
5 5
  <head>
6 6
      <meta charset="UTF-8">
7 7
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
      <title>Document</title>
8
      <title>Fórmula 1</title>
9 9
      <link rel="stylesheet" href="css/Style.css">
10 10
      <script src="jquery-3.5.1.min.js"></script>
11 11

  
......
17 17
    <ul class="nav">
18 18

  
19 19
      <li class="dropdown" >
20
        <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
20
        <button class="dropbtn" onclick="history.go(-1);">Página Anterior</button> 
21 21
      </li>
22 22

  
23 23
        <li class="dropdown"><a href="index.html">Menu</a></li>
......
42 42
        <li class="dropdown"><a href="about.html">Acerca</a></li>
43 43

  
44 44
        <li class="dropdown" >
45
          <button class="dropbtn" onclick="history.go(1);">avançar</button> 
45
          <button class="dropbtn" onclick="history.go(1);">Página Seguinte</button> 
46 46
        </li>
47 47
    </ul>
48 48
</div>
49 49
    
50 50
<button id="top" onclick="window.scrollTo(0, 0);">Voltar ao topo</button>
51
    <!-- <img src="img/p2.jpg" alt="motor F1" style="margin-top:3%; margin-left: 23%"> -->
51

  
52 52

  
53 53
	<h1 class="txt0" style= "text-align:center; font-size:350%">Tecnologia</h1>
54 54
	
......
66 66
          <tr>
67 67
              <td>
68 68
                  <div><ul class="lista">
69
          <li>Freios: os discos de freios são um dispositivo de travagem, feito de fibra
69
          <li><b>Freios:</b> os discos de freios são um dispositivo de travagem, feito de fibra
70 70
            de carbono, que teve origem na F1 e que vem a substituir o sistema de
71 71
            travagem por Tambor. Hoje em dia este sistema de travagem em fibra
72 72
            de carbono é bastante comum em desportivos de luxo, mas não tanto em
73 73
            carros comuns devido ao elevado custo de fabrico pelo que são predominantemente de aço.</li>
74
          <li>Construção leve: a fibra de carbono é, atualmente, o material de eleição
74
          <li><b>Construção leve:</b> a fibra de carbono é, atualmente, o material de eleição
75 75
        para o fabrico de carroceria, uma vez que junta o útil ao agradável, sendo
76 76
        um material resistente e simultaneamente bastante leve, o que confere
77 77
        uma maior velocidade ao carro. Este material começou a ser bastante
78 78
        utilizado devido à necessidade de tornar os carros muito mais velozes sem
79 79
        comprometer a estabilidade e segurança do carro.</li>
80
          <li>Suspensão ativa: suspensão ativa ou inteligente foi também um mecanismo que teve origem nos carros de F1. Este mecanismo levanta e baixa
80
          <li><b>Suspensão ativa:</b> suspensão ativa ou inteligente foi também um mecanismo que teve origem nos carros de F1. Este mecanismo levanta e baixa
81 81
            o chassi conferindo assim ao carro uma maior dirigibilidade e conforto.</li>
82 82

  
83
          <li>Suspensão ativa: suspensão ativa ou inteligente foi também um mecanismo que teve origem nos carros de F1. Este mecanismo levanta e baixa
83
          <li><b>Suspensão ativa:</b>suspensão ativa ou inteligente foi também um mecanismo que teve origem nos carros de F1. Este mecanismo levanta e baixa
84 84
            o chassi conferindo assim ao carro uma maior dirigibilidade e conforto.</li>
85
          <li>Espelho retrovisor: os espelhos retrovisores são algo tão fundamental
85
          <li><b>Espelho retrovisor:</b> os espelhos retrovisores são algo tão fundamental
86 86
            num carro que nem se questiona a sua origem, porém, mesmo não sendo
87 87
            um item muito tecnológico, a verdade é que inicialmente começou por ser
88 88
            utilizado em corridas para conferir uma maior noção da pista aos pilotos
......
95 95
              </td>
96 96
          </tr>
97 97
      </table>
98
            
99
            
100
          
101
          
98
   
102 99
          </div>
103 100
        
104 101
    <div class="txt1">
105 102
      <h1>Saúde</h1>
106
    
107

  
108
      
109 103

  
110 104
      <table>
111 105
        <tr>
......
116 110
        e um sistema de ventilação completo, e destina-se a um uso domiciliário, o que
117 111
        foi uma ajuda enorme para os hospitais para aliviar a sobrecarga do sistema
118 112
        nacional de saúde.</p>
119

  
120 113
            </td>
121
            
122
            <td>
123
                   <img src="img/untitled-1-2.jpg" alt="ventilador" class="img3">
114
              <td>
115
       <img src="img/untitled-1-2.jpg" alt="ventilador" class="img3">
124 116
        </tr>
125 117
    </table>
126 118

  
127 119
    </div>
128
    
129
    
130
    
120

  
131 121
  </body>
132 122

  
133 123
</html>
proj1/about.html
3 3
  <head>
4 4
      <meta charset="UTF-8">
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
      <title>Acerca</title>
6
      <title>Fórmula 1</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8 8
      <script src="jquery-3.5.1.min.js"></script>
9

  
9
	<!-- jQuery library -->
10
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
11
	<!-- Bootstrap JavaScript -->
12
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
13
	
14
	
10 15

  
11 16
  </head>
12 17
  
......
14 19
    <div>
15 20
        <ul class="nav">
16 21
            <li class="dropdown" >
17
                <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
22
                <button class="dropbtn" onclick="history.go(-1);">Página Anterior</button> 
18 23
              </li>
19 24

  
20 25
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
38 43
        
39 44
            <li class="dropdown"><a href="about.html">Acerca</a></li>
40 45
            <li class="dropdown" >
41
                <button class="dropbtn" onclick="history.go(1);">avançar</button> 
46
                <button class="dropbtn" onclick="history.go(1);">Página Seguinte</button> 
42 47
              </li>
43 48
        </ul>
44 49
    </div>
45
<<<<<<< HEAD
46
		
47
=======
50

  
48 51
    <button id="top" onclick="window.scrollTo(0, 0);">Voltar ao topo</button>
49
<<<<<<< HEAD
50
	
51
>>>>>>> 801cb8c2880dad8c0d73a519d2852c98e4f488b7
52

  
52 53

  
53 54
    <div class = "txt0">
54 55

  
......
65 66

  
66 67
          <a style="margin-left: 35%" href= "mailto:sccg@ua.pt">Contacto: sccg@ua.pt</a>
67 68
         </div>
68
          
69
           <div class="flip-box">
70
			<div class="flip-box-inner">
71
			<div class="flip-box-front">
72
				<h2>Ver Contribuições</h2>
73
				<h3>50%</h3>
74
			</div>
75
			<div class="flip-box-back">
76
				<h2>Contribuição</h2>
77
				<h5>- Página about.html</h5>
78
				<h5>- Página Ep.html</h5>
79
				<h5>- Página Regulamento.html</h5>
80
			</div>
81
			</div>
82
			</div> 
83
			
84
			
69 85
         <div id = "Leo">
70 86
          <p style="margin-left: 35%"><b>Leonardo Fiúza</b></p>
71 87

  
72
          <p style="margin-left: 35%">Número Mecanográfico: 98376</p>
88
          <p style="margin-left: 35%">Número Mecanográfico: 97772</p>
73 89

  
74
          <a style="margin-left: 35%" href= "mailto:sccg@ua.pt">Contacto: sccg@ua.pt</a>
90
          <a style="margin-left: 35%" href= "mailto:sccg@ua.pt">Contacto: l.fiuza@ua.pt</a>
91
          <div class="flip-box">
92
			<div class="flip-box-inner">
93
			<div class="flip-box-front">
94
				<h2>Ver Contribuições</h2>
95
				<h3>50%</h3>
96
			</div>
97
			<div class="flip-box-back">
98
				<h2>Contribuição</h2>
99
				<h5>- Página about.html</h5>
100
				<h5>- Página Ep.html</h5>
101
				<h5>- Página Regulamento.html</h5>
102
			</div>
103
			</div>
104
			</div> 
105
			
75 106
		 </div>
107
			
76 108
       </div>
77 109
      </div>
78
    
79

  
80
        
110
      
81 111

  
82 112
	<footer> 
83 113
		<p class = "ambito">Este projeto foi realizado no âmbito da cadeira de Laboratórios de Informática <br/> do curso 
proj1/css/Style.css
37 37
}
38 38

  
39 39
.img1{
40
 
40 41
  margin-top: 3%; 
41 42
  padding-left: 32%; 
42 43
  width: 450px;
......
195 196
.autores{
196 197
	text-align: left;
197 198
	padding: 14px 16px;
198
	
199

  
200
}
201

  
202
#Sara{
203
	text-align: left;
199 204

  
200 205
}
201 206

  
......
204 209
	text-align: center;
205 210
}
206 211

  
212
.container {
213
  width: 100%;
214
  max-width: 300px;
215
}
216
.overlay {
217
  
218
  bottom: 0;
219
  background: grey;
220
  background: rgba(0, 0, 0, 0.5); /* Black see-through * W3Schools*/
221
  color: #f1f1f1;
222
  width: 100%;
223
  transition: .3s ease;
224
  opacity:0;
225
  color: white;
226
  font-size: 20px;
227
  padding: 25px;
228
  text-align: center;
229
}
230
.container:hover .overlay {
231
  opacity: 1;
232
}
233

  
234
.flip-box {
235
  background-color: transparent;
236
  width: 250px;
237
  height: 200px;
238
  border: 1px solid #f1f1f1;
239
}
207 240

  
241
.flip-box-inner {
242
  position: relative;
243
  width: 100%;
244
  height: 100%;
245
  text-align: center;
246
  transition: transform 0.8s;
247
  transform-style: preserve-3d;
248
}
249

  
250
.flip-box:hover .flip-box-inner {
251
  transform: rotateY(180deg);
252
}
253

  
254

  
255
.flip-box-front, .flip-box-back {
256
  position: absolute;
257
  width: 100%;
258
  height: 100%;
259
  backface-visibility: hidden;
260
}
261

  
262

  
263
.flip-box-front {
264
  background-color: grey;
265
  color: white;
266
}
267

  
268
.flip-box-back {
269
  background-color: white;
270
  color: black;
271
  transform: rotateY(180deg);
272
}
208 273

  
209 274
#c2_1{}
210 275
#c2_2{}
proj1/grafico.js
1
function desenhaGrafico() {
2
	$("#grafico-linhas").highcharts({
3
		
4
		chart: {
5
			type: "column"
6
			},
7
		title: {
8
		   text: "Pontuação de cada jogador por posição",
9
		   },
10
		   xAxis: {
11
		   categories: ["1º","2º","3º","4º","5º","6º","7º", "8º", "9º", "10º"]
12
		   },
13
		  		   
14
		   series:[{
15
			   name: "Pontos",
16
			   data: [25,18,15,12,10,8,6,4,2,1]
17
		   }] 
18
	 });
19
};
proj1/index.html
15 15
    <div>
16 16
        <ul class="nav">
17 17
          <li class="dropdown" >
18
            <button class="dropbtn" onclick="history.go(-1);">retroceder</button> 
18
            <button class="dropbtn" onclick="history.go(-1);">Página Anterior</button> 
19 19
          </li>
20 20

  
21 21
            <li class="dropdown"><a href="index.html">Menu</a></li>
......
39 39
        
40 40
            <li class="dropdown"><a href="about.html">Acerca</a></li>
41 41
            <li class="dropdown" >
42
              <button class="dropbtn" onclick="history.go(1);">avaçar</button> 
42
              <button class="dropbtn" onclick="history.go(1);">Página Seguinte</button> 
43 43
            </li>
44 44
        </ul>
45 45
    </div>
46 46
      	
47
      	<!-- Audio tema F1 --> 
48
      <audio controls autoplay>
49
		<source src="img/Opening.mp3" type="audio/mpeg">
50
		Your browser does not support the audio element.
51
	  </audio>
47 52
    <button id="top" onclick="window.scrollTo(0, 0);">Voltar ao topo</button>
48 53
  </body>
49 54

  

Also available in: Unified diff