-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (120 loc) · 5.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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog Pessoal</title>
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- CSS Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- CSS do projeto -->
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" href="img/dg.jpg" type="image/x-icon">
</head>
<body>
<!-- HEADER -->
<div class="container-fluid">
<header class="row" id="header">
<div id="logo-container">
<i class="bi bi-controller"></i>
<h1>Mr.Gledson</h1>
</div>
<p>Meu Blog pessoal</p>
</header>
<nav id="navbar" class="container">
<div>
<ul>
<li class="icones" id="border-right">
<input type="checkbox" name="temaSteam" id="temaSteam" >
<label for="temaSteam">
<img class="epic-logo" id="epic-white" src="img/iepic-games-white.svg" alt="">
<img class="epic-logo" id="epic-blue" src="img/epic-games-blue.svg" alt="">
</label>
</li>
<li><a href="index.html">Jogos</a></li>
<li><a href="finalizados.html">Finalizados Recentemente</a></li>
<li><a href="gameplays.html">Gameplays</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li class="icones" id="border-left">
<input type="checkbox" name="temaSteam" id="temaSteam" >
<label for="temaSteam" >
<i class="bi bi-steam"></i>
</label>
</li>
</ul>
</div>
</nav>
</div>
<main>
<!-- Imagem principal -->
<!-- Main Image -->
<div class="container" id="imagem-principal-container">
<div class="imagem-principal center-image">
</div>
</div>
<!-- Galeria de Jogos -->
<div class="container" id="galeria-container">
<div class="col-12">
<h1>Galeria de Jogos</h1>
</div>
<div class="row gx-md-5">
<div class="col-12 col-md-6">
<div class="imagens-menores-container center-image" id="lanc1"></div>
<h3>Resident Evil 4</h3>
<p class="secondary-color">Lançamento em: 11 de janeiro de 2005</p>
<a href="#" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-6">
<div class="imagens-menores-container center-image" id="lanc2"></div>
<h3>Cuphead</h3>
<p class="secondary-color">Lançamento em: 29 de setembro de 2017</p>
<a href="#" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-6">
<div class="imagens-menores-container center-image" id="lanc3"></div>
<h3>Hades</h3>
<p class="secondary-color">Lançamento em: 6 de dezembro de 2018</p>
<a href="" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-6">
<div class="imagens-menores-container center-image" id="lanc4"></div>
<h3>Deltarune</h3>
<p class="secondary-color">Lançamento em: 31 de outubro de 2018</p>
<a href="#" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-6">
<div class="imagens-menores-container center-image" id="lanc5"></div>
<h3>Vampire Survivors</h3>
<p class="secondary-color">Lançamento em: 31 de março de 2021</p>
<a href="#" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-6">
<div class="imagens-menores-container center-image" id="lanc6"></div>
<h3>Bioshock</h3>
<p class="secondary-color">Lançamento em: 21 de agosto de 2007</p>
<a href="#" class="btn">Detalhes</a>
</div>
</div>
</div>
<!-- Footer -->
<footer class="container">
<p class="secondary-color">Me encontre nas redes sociais</p>
<div class="row justify-content-center" id="social-icons-container">
<div class="col-1">
<a href="#"><i class="bi bi-facebook"></i></a>
</div>
<div class="col-1">
<a href="#"><i class="bi bi-instagram"></i></a>
</div>
<div class="col-1">
<a href="https://www.youtube.com/@zambrazpubg5469/featured" target="_blank"><i class="bi bi-youtube"></i></a>
</div>
</div>
<p class="secondary-color">Mr.Gledson © 2023</p>
</footer>
</main>
</body>
</html>
<script src="js/steam.js"></script>