-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (106 loc) · 4.56 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>"Retro Games"</title>
<!--Link com a folha de estilo -->
<link rel="stylesheet" href="style.css">
<!--importante para SIO-->
<meta name="descripition" content="m site totalmente decidado a informaçoes sobre os jogos retro.">
<link rel="shortcut icon" href="img/logo-tipo.png">
</head>
<body>
<!-- Cabeçalho -->
<header>
<div class="FlexMenu">
<div id="logo">
<img src="./img/retrozin.jpg" alt="logo-tipo">
</div>
<nav>
<input type="checkbox" id="check">
<label for="check">☰</label>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="consoles.html">Console</a></li>
<li><a href="produtora.html">Produtora</a></li>
</ul>
</nav>
</div>
</header>
<!--Conteudo principal-->
<main>
<video autoplay muted loop src="./img/game-over.MOV">
<div id="banner">
</div>
</video>
</main>
<!-- Introdução -->
<section id="sectionServices">
<div class="Container">
<div id="sectionTitle">
<h2>Seja Bem Vindo ao Mundo Retrô Games</h2>
</div>
<div class="FlexServices">
<div class="TopicosSection">
<a href="./produtora/nintendo.html" id="SuperMario"><img src="./img/super_mario2.png"
alt="Nintendo"></a>
</div>
<div class="TopicosSection">
<a href="./produtora/konami.html" id="Supersoccerstar"><img src="./img/international-d.png"
alt="Konami"></a>
</div>
<div class="TopicosSection">
<a href="./produtora/sega.html" id="sonic"><img src="./img/sonic.png" alt="Sega"></a>
</div>
</div>
</div>
</section>
<!-- Cards todos -->
<section id="projetos">
<div class="Container">
<h2>Venha saber um pouco mais sobre os consoles retrôs</h2>
<!-- Cards -->
<div class="containerCards FlexCard">
<div class="Card">
<img src="./img/logonintendo(2).png" alt="">
<p> Nintendo é uma renomada empresa japonesa de video games e de entretenimento,conhecida por
criar franquias como Super Mario, Zelda,Pokemon</p>
<a href="./console/super-nintendo.html" class="Button">Saiba mais</a>
</div>
<div class="Card">
<img src="./img/atari7759(2).jpg" alt="">
<p> Atari foi fundada em 1972 por nolan Bushnell e Ted Dabney e popularizarizou jogos eletronicos
como os Pong Pac-Man e Breakout Astronomic donker Donkey Kong. </p>
<a href="./console/atari.html" class="Button">Saiba mais</a>
</div>
<div class="Card">
<img src="./img/logmega(1).png" alt="">
<p>Mega Drive é um console de videogames de 16 bits lançado pela SEA em meados de 1988 no japao em 1989 na
America do Norte. foi um dos console mais populares da sua geraçao</p>
<a href="console/mega-drieve.html" class="Button">Saiba mais</a>
</div>
</div>
</div>
</section>
<!-- Rodapé -->
<footer>
<div class="Container Flex">
<div id="social">
<a href="https://www.instagram.com/kaiozeraofc/" target="_blank"><img src="./img/insts.png"
alt="Instagram"></a>
<a href="https://www.facebook.com/profile.php?id=100069752286979" target="_blank"><img
src="./img/faccebok.png" alt="Facebook"></a>
<a href="https://web.whatsapp.com/" target="_blank"><img src="./img/watts.png" alt="whatsapp"></a>
</div>
<div id="copyright">
<p>© 2024 -Kaio Eduardo - Site dedicado a fins didáticos</p>
</div>
</div>
</footer>
<!--Topo-->
<a href="#logo" id="topo"><img src="./img/seta.png" alt="seta Topo"></a>
</body>
</html>