-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (138 loc) · 10.2 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./Page/img/f1.png" type="image/x-icon">
<title>Formula 1</title>
<link rel="stylesheet" href="./Page/style.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap" rel="stylesheet">
</head>
<body class="back">
<header class="stick">
<nav class="navbar navbar-expand-lg navbar-light bg-light" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#f1"><img src="./Page/img/Logo.png" width="150"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<li class="nav-item hover"><a class="nav-link text-dark fs-5"
href="#desenvolvedores">Desenvolvedores</a></li>
<li class="nav-item hover"><a class="nav-link text-dark fs-5"
href="#ferramentas">Ferramentas</a></li>
<li class="nav-item hover"><a class="nav-link text-dark fs-5"
href="#organizacao">Organização</a>
</li>
<li class="nav-item hover"><a class="nav-link text-dark fs-5" href="#graficos">Gráficos</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main class="container-fluid">
<h1 class="d-flex justify-content-center mt-5 shadow" id="desenvolvedores">Desenvolvedores</h1>
<div class="org mb-5">
<div class="lista">
<a href="https://github.com/camimonteiro" class="text-white text-decoration-none">
<img class="radius" src="./Page/img/Cami.png" alt="Cami" width="300"></a>
<span class="kan fs-4">Camille Monteiro</span>
</div>
<div class="lista">
<a href="https://github.com/Lauracastro27" class="text-white text-decoration-none">
<img class="radius" src="./Page/img/Laura.png" alt="Laura" width="300"></a>
<span class="kan fs-4">Laura Castro</span>
</div>
<div class="lista">
<a href="https://github.com/valderyjr" class="text-white text-decoration-none">
<img class="radius" src="./Page/img/Valdery.jpg" alt="Valdery" width="300"></a>
<span class="kan fs-4">Valdery Junior</span>
</div>
<div class="lista">
<a href="https://github.com/williamfirmino92" class="text-white text-decoration-none">
<img class="radius" src="./Page/img/Will.jpg" alt="Will" width="300"></a>
<span class="kan fs-4">William Firmino</span>
</div>
</div>
<h1 class="d-flex justify-content-center mt-5 shadow" id="organizacao">Organização</h1>
<div class="kan mb-5">
<h3 class="d-flex justify-content-center m-5 shadow">1ª Sprint</h3>
<img src="./Planner_SCRUM/Print_1ª Sprint_início da semana.png" alt="Sprint 1" width="80%">
<h3 class="d-flex justify-content-center m-5 shadow">2ª Sprint</h3>
<img src="./Planner_SCRUM/Print_2ª Sprint_início da semana.png" alt="Sprint 2" width="80%">
</div>
<h1 class="d-flex justify-content-center mt-5 shadow" id="ferramentas">Ferramentas Utilizadas</h1>
<div class="org mb-5">
<a href="https://www.mysql.com/">
<img src="./Page/img/Mysql.png" alt="Mysql" width="200"></a>
<a href="https://github.com/">
<img src="./Page/img/GitHubwhite.png" alt="Github" width="250"></a>
<a href="https://www.tableau.com/pt-br">
<img src="./Page/img/tableau.png" alt="Tableau" width="200"></a>
<a href="https://trello.com/pt-BR">
<img src="./Page/img/Trello-Logo.png" alt="Trello" width="300"></a>
</div>
<h1 class="d-flex justify-content-center mt-5 shadow" id="graficos">Gráficos</h1>
<section class="kan">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P1-%20Valdery.png" alt="Gráficos" width="80%" class="kan m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P2%20-%20Valdery.png" alt="Gráficos" width="80%" class="kan m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P3%20-%20Valdery.png" alt="Gráficos" width="80%" class="m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P4%20-%20William.png" alt="Gráficos" width="80%" class="m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P5%20-%20William.png" alt="Gráficos" width="80%" class="m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P6%20-%20Laura.png" alt="Gráficos" width="80%" class="m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P7%20-%20Laura.png" alt="Gráficos" width="80%" class="m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P8%20-%20Camille.png" alt="Gráficos" width="80%" class="m-5">
<img src="https://raw.githubusercontent.com/Lauracastro27/projetoFinal_modulo3/main/Apresentation/Gr%C3%A1ficos/P9%20-%20Camille.png" alt="Gráficos" width="80%" class="m-5">
</section>
<!-- acordeão com a historia -->
<h1 class="d-flex justify-content-center mt-5 shadow" id="f1">Historia da Formula 1</h1>
<div class="accordion accordion-flush m-5 mt-3" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
<b>Historia da Formula 1</b>
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-dark"><b>A Fórmula 1 surgiu a partir das competições de Grandes
Prêmios
disputadas na Europa, no início do século XX. As competições aconteceram, quase que
ininterruptamente, desde 1945.
A prova inaugural do campeonato mundial de F-1 aconteceu num sábado, 13 de maio de 1950, no
Circuito de Silverstone, na Inglaterra.
O campeonato criado pela FIA compreendia a realização de 6 GP’s disputados na Europa. Eles
aconteceriam na Inglaterra, Mônaco, Suíça, Bélgica, França e Itália, e seria ainda
adicionado o resultado das 500 Milhas de Indianápolis.
Essa determinação da federação tornou o campeonato mundial. No início da Fórmula 1, os
principais corredores representavam a Alfa Romeo, a Ferrari e a Maserati.
A prova inaugural de Silverstone teve público de 100.000 pessoas e contou com a presença do
Rei George VI, a Rainha Elizabeth e a princesa Margareth.
Os dois primeiros anos da Fórmula 1 teve predomínio das Alfettas, carros da Alfa Romeu.
Em 1954, a Mercedes-Benz retornou ao esporte com um carro perfeito que deu a Juan Manuel
Fangio 2 títulos, consagrando o piloto tricampeão mundial.
Na década de 1960 ocorreram muitas mudanças na Fórmula 1. Esse é considerado o grande
momento do esporte.
Inovações tecnológicas nos carros, como a aerodinâmica, com asas e spoilers apareceram a
partir de 1967. Foi nesse período também, que aconteceu o crescente aumento de audiência do
esporte na TV, o que resultou num atrativo mercado para patrocinadores.
Entre os grandes pilotos da história da Fórmula 1 destacam-se: Jackie Stewart, Niki Lauda,
Ronnie Peterson, Alain Prost, Emerson Fittipaldi, Nelson Piquet, Ayrton Senna, Michael
Schumacher, Fernando Alonso, entre outros.</b></div>
</div>
</div>
</main>
<footer class="bg-secondary d-flex justify-content-center">
<span>Projeto criado para fins educacionais Resilia 2022</span>
</footer>
</body>
</html>