-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
133 lines (114 loc) · 5.07 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
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="./style/index.css">
<title>GOT</title>
</head>
<header>
<nav class="navbar navbar-expand-lg navbar navbar-dark" id="navegacao">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="./imagens/logo.png" id="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#sobre">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="graficos.html">Graficos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contatos">Contatos</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<img class='got' src="./imagens/got.png" alt="">
</main>
<div id="sobre">
<h2>Um pouco da história</h2>
<div class="conteudoSobre">
<img class="imgSobre" src="./imagens/imgsobre.jpg">
<p class="txtSobre">
Game of Thrones conta a históra de um lugar onde uma força destruiu o equilíbrio das estações,
há muito tempo. Em uma terra onde os verões podem durar vários anos e o inverno toda uma vida,
as reivindicações e as forças sobrenaturais correm as portas do Reino dos Sete Reinos.
A história gira em torno de uma batalha entre os Sete Reinos, onde duas famílias dominantes
estão lutando pelo controle do Trono de Ferro, cuja posse possivelmente assegurará a sobrevivência
durante um inverno rigoroso que promete chegar com um futuro mais sombrio.
A rivalidade entre as casas Stark e Lannister é um dos pontos altos que movimentam a trama.
</p>
</div>
</div>
</header>
<div id="contatos">
<div class="sbr">
<img class="imagem" src="./imagens/milla.png">
<p>Milla Rany</p>
<a href="https://www.linkedin.com/in/milla-rany-aguiar-102244228" target="_blank"><img class="linkedin"
src="./imagens/linkedin.png"></a>
<a href="https://github.com/MillaRany" target="_blank"><img class="linkedin"
src="imagens/github.png"></a>
</div>
<div class="sbr">
<img class="imagem" src="./imagens/karla.png">
<p>Karla Valeriano</p>
<a href="https://www.linkedin.com/in/karla-valeriano-b01a351b8/" target="_blank"><img class="linkedin"
src="./imagens/linkedin.png"></a>
<a href="https://github.com/KarlaValeriano" target="_blank"><img class="linkedin"
src="imagens/github.png"></a>
</div>
<div class="sbr">
<img class="imagem" src="./imagens/mari.png">
<p>Mariana Pane</p>
<a href="https://www.linkedin.com/in/mariana-fragali-pane-b0b686b7/" target="_blank"><img class="linkedin"
src="./imagens/linkedin.png"></a>
<a href="https://github.com/marifpane" target="_blank"><img class="linkedin"
src="imagens/github.png"></a>
</div>
<div class="sbr">
<img class="imagem" src="imagens/jacque.png">
<p>Jacqueline Aguiar</p>
<a href="https://www.linkedin.com/in/jacqueline-c-aguiar-16b345120" target="_blank"><img class="linkedin"
src="./imagens/linkedin.png"></a>
<a href="https://github.com/Jacke3000" target="_blank"><img class="linkedin"
src="imagens/github.png"></a>
</div>
<div class="sbr">
<img class="imagem" src="./imagens/tiago.png">
<p>Tiago Medeiros</p>
<a href="https://www.linkedin.com/in/tiagocpmedeiros/" target="_blank"><img class="linkedin"
src="./imagens/linkedin.png"></a>
<a href="https://github.com/tiagocpmedeiros" target="_blank"><img class="linkedin"
src="imagens/github.png"></a>
</div>
</div>
<footer>
<div class="txtRodape">
<p>Projeto módulo 3 - Grupo 4<br> © Todos os direitos reservados </p>
</div>
</footer>
<body>
</div>
<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>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
crossorigin="anonymous"></script>
</body>
</html>