Project

General

Profile

Revision cf3743b4

IDcf3743b43d400b2c08efd091176876bf9cd223c4
Parent 5e13feb0
Child 360789e8, b3eb503b

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

Update

View differences:

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

  
9 10

  
10 11
  </head>
......
29 30
            <li class="dropdown">
30 31
            <a href="Ep.html" class="dropbtn">Equipas e Pilotos </a>
31 32
            <div class="dropdown-content">
32
                <a href="#c3_1">Equipas marcantes na F1 1</a>
33
                <a href="#c3_2">Pilotos marcantes na F 1</a>
33
                <a href="#c3_1">Equipas marcantes na F1 </a>
34
                <a href="#c3_2">Pilotos marcantes na F1</a>
34 35
                <a href="#c3_3">Pilotos e equipas na época de 2020</a>
35 36
            </div>
36 37
            </li>
......
53 54
    </div>
54 55

  
55 56
  <div class="txt0">
56
       <h1 style="margin-left: 40%;">Equipas e Pilotos</h1>
57
       <h1 style= "text-align:center; font-size:350%">Equipas e Pilotos</h1>
57 58
  </div>
58
    <img src="img/williams.jpg" alt="crro f1" style="width: 800px; margin-top:3%; margin-left: 25%">
59
  
60 59
    
61 60
  <div id="c3_1" class="txt2" style="height: 380px ; margin: auto;">
62 61
      <h2>Equipas marcantes na Fórmula 1</h2>
......
97 96
                    é também a única equipa com poder de voto no regulamento das competições, o que 
98 97
                    nos dá uma melhor perceção da dimensão desta marca.</li>
99 98
        </ul>
99
        <img src="img/williams.jpg" alt="crro f1" style="width: 600px; margin-top:3%; margin-left: 25%">
100 100
  </div>
101 101

  
102 102
  <div class="txt1">
......
141 141
                    </li>
142 142
                    <li><b>Aston Martin Red Bull Racing:</b> 274 pontos.<br>
143 143
                        <img  class="mimg" src="img/max.jpg" alt="">
144
<<<<<<< HEAD
145 144
                        <img class="mimg"  src="img/alex.jpg" alt="Alex Albon">
146
=======
147
                        <img class="mimg"  src="img/alex.jpg" alt="">
148
>>>>>>> 53ae89543f2d9d13e8f18a2fef962532f7f133e0
145

  
149 146
                    </li>
150 147
                    <li><b>McLaren F1 Team: </b>171 pontos.<br>
151 148
                        <img  class="mimg" src="img/sainz.jpg" alt="">
......
180 177
                            <img  class="mimg" src="img/kevin.jpg" alt="">
181 178
                            <img  class="mimg" src="img/rom.jpg" alt="">
182 179
                        </li>
183
                        <li><b>ROKiT Williams Racing: </b>0 <br>
180
                        <li><b>ROKiT Williams Racing: </b>0 pontos<br>
184 181
                            <img  class="mimg" src="img/george.jpeg" alt="">
185 182
                            <img  class="mimg" src="img/lati.jpg" alt="">
186 183
                        </li>
......
195 192
            
196 193
        
197 194

  
198
      <p>Ésta época é a 71ª temporada do Campeonato Mundial de F1, que é reconhecido pela FIA. O avanço da pandemia de COVID-19 passou a provocar
195
      <p>Esta época é a 71ª temporada do Campeonato Mundial de F1, que é reconhecido pela FIA. O avanço da pandemia de COVID-19 passou a provocar
199 196
        revisões frequentes no calendário, com uma etapa europeia reprogramada de oito
200 197
        corridas sendo confirmada no início de junho, com quatro GP sendo cancelados
201 198
        e doze sendo adiadas ou aguardam confirmação de uma data para a realização
proj1/Historia.html
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 6
      <title>Document</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8

  
8
	<script src="jquery-3.5.1.min.js"></script>
9 9

  
10 10
  </head>        
11 11
  <body>
......
51 51
        
52 52
        </ul>
53 53
    </div>
54
        <div class="txt0">
55
            <h1>História</h1>
54
		<h1 class="txt0" style= "text-align:center; font-size:350%">História</h1>
56 55

  
57
            <p>Com 60 anos, o campeonato de F1 já passou por múltiplas etapas diferenciando
58
            as características de cada uma.</p>
59
        </div>
56
        
57
         <img src="img/h.jpg" alt="História"  style="margin-left: 40%; width:250px;height:250px;"  >
60 58

  
61
        <div>
62
            <img src="img/h.jpg" alt="História"  style="margin-left: 32%">
63
        </div>
64 59
            
65 60
        <div class="txt1">
66 61
        
proj1/Regulamento.html
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 6
      <title>Document</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8
      <script src="jquery-3.5.1.min.js"></script>
8 9

  
9 10

  
10 11
  </head>
......
52 53
        </ul>
53 54
    </div>
54 55
  
55
    <div>
56
        
57
        <img src="img/p1.png" alt="peneus f1" style="margin-left : 25%; margin-top: 3%;">
58
    </div>
59
    <div class="txt0"><h1>regulamento</h1></div>
56
    <div class="txt0" style= "text-align:center; font-size:250%"><h1>Regulamento</h1></div>
60 57
    
61 58
    <div class="txt2" style="height: 260px">
62
        <h1>Regulamento</h1>
59
        
63 60

  
64 61
        <p >O Regulamento da F1 é atualmente estabelecido pela FIA, que estabeleceu as
65 62
        últimas alterações em 2019. É necessário reforçar que as regras desta competição
......
204 201
      
205 202
    <div id="c4_3" class="txt1" style="height: 270px">
206 203
        <h1>Pneus</h1>
204
        
205
        <img src="img/p1.png" alt="peneus f1" style="margin-left : 25%; margin-top: 3%;">
206
        
207 207
        <p>Atualmente, na F1, os pneus são fabricados pela italiana empresa Pirelli. Cada
208 208
            equipa recebe 20 conjuntos de pneus por cada GP sendo que 3 desses conjuntos
209 209
            destinam-se a pista molhada, 4 a pista mista e os restantes 13 a pista seca. Para
proj1/Tecnologia.html
7 7
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 8
      <title>Document</title>
9 9
      <link rel="stylesheet" href="css/Style.css">
10
      <script src="jquery-3.5.1.min.js"></script>
10 11

  
11 12

  
12 13
  </head>
......
55 56
</div>
56 57
    
57 58
 
58
    <img src="img/p2.jpg" alt="motor F1" style="margin-top:3%; margin-left: 23%">
59
    <!-- <img src="img/p2.jpg" alt="motor F1" style="margin-top:3%; margin-left: 23%"> -->
59 60

  
61
	<h1 class="txt0" style= "text-align:center; font-size:350%">Tecnologia</h1>
62
	
60 63
    <div class="txt2">
61
        <h1>Tecnologia</h1>
62 64

  
63 65
        <p>A F1 é um desporto automóvel, e como tal tem grande dependência da tecnologia, tanto a nível do desempenho do carro como a nível de segurança do
64 66
        piloto. Muitas das tecnologias presentes nos automóveis que temos hoje em
......
107 109
          
108 110
          </div>
109 111
        
110
        </div>
111 112
    <div class="txt1">
112 113
      <h1>Saúde</h1>
113 114
    
proj1/about.html
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 6
      <title>Acerca</title>
7 7
      <link rel="stylesheet" href="css/Style.css">
8
      <script src="jquery-3.5.1.min.js"></script>
8 9

  
9 10

  
10 11
  </head>
......
52 53
        </ul>
53 54
    </div>
54 55
		
55
	<div> <p>Este projeto foi realizado no âmbito da cadeira de Laboratórios de Informática do curso 
56
	de Mestrado Integrado em Engenharia de Computadores e Telemática da Universidade de Aveiro</p> 
57
	<img src = "img/ua.png" width = "20%" alt = "Logo da UA"> </div>
58

  
56
	<div class "autores"> 
57
	
58
	<p id = "sara" > Sara Gonçalves <br/> Nº mecanográfico: 98376 <br/> E-mail: sccg@ua.pt </p>
59
	<p> Leonardo Fiúza <br/> Nº mecanográfico: 98376 <br/> E-mail: sccg@ua.pt </p>
60
	
61
	</div>
62
	<footer> 
63
		<p class = "ambito">Este projeto foi realizado no âmbito da cadeira de Laboratórios de Informática <br/> do curso 
64
	de Mestrado Integrado em Engenharia de Computadores e Telemática da Universidade de Aveiro</p>  </footer>
65
	
59 66
    
60 67
  </body>
61 68

  
proj1/css/Style.css
1 1

  
2 2
body {
3
  background-image: linear-gradient(black, white);
3
  background-image: linear-gradient(black, grey);
4 4
  font-family: "Palatino Linotype", "Book Antiqua", Palatino,serif;
5
  color: white;
6
  
5 7
}
6 8

  
7 9
.destaque{
......
38 40
}
39 41
.txt0{
40 42
  color: white;
41
  width: 70%;
42
  border: 15px solid rgb(255, 255, 255);
43
  width: 50%;
44
  border: 15px solid rgb(155, 155, 155);
43 45
  padding : 4%;
44 46
  margin: auto;
45 47
  margin-top: 3%;
46 48
  margin-bottom: 3%;
47
  size: auto;
48 49
  padding-top:15px;
49
  
50
 
50 51
}
51 52
.txt1{
52 53
  width: 70%;
......
111 112
}
112 113

  
113 114
li.dropdown {
115

  
114 116
  display: inline-block;
115 117
}
116 118

  
......
124 126
  border-radius: 25px;
125 127
}
126 128

  
127
.dropdown-content a {
129
.dropdown-content a { 
128 130
  color: black;
129 131
  padding: 12px 16px;
130 132
  text-decoration: none;
131 133
  border-radius: 25px;
132
  text-align: left;
134
  text-align: center;
133 135
}
134 136

  
135 137
.dropdown-content a:hover {background-color: #f1f1f1;}
......
138 140
  display: block;
139 141
}
140 142

  
143
.ambito{
144
	color: white;
145
	text-align: center;
146
}
147

  
141 148
#c2_1{}
142 149
#c2_2{}
143 150
#c2_3{}
proj1/index.html
5 5
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 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>
9
      <script type="text/javascript" src="scripts.js"> </script>
8 10

  
9 11

  
10 12
  </head>
......
51 53
        
52 54
        </ul>
53 55
    </div>
54
      
56
      	
55 57
    
56 58
  </body>
57 59

  
proj1/scripts.js
1

  

Also available in: Unified diff