-
Notifications
You must be signed in to change notification settings - Fork 0
/
gameplays.html
117 lines (91 loc) · 6.02 KB
/
gameplays.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
<!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>Gameplays</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">
<style>
.imagens-maiores-container{
height: 450px;
}
</style>
</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>
<div class="container" id="galeria-container">
<div class="col-12">
<h1>Gameplays</h1>
</div>
<div class="row gx-md-5">
<div class="col-12 col-md-12">
<div class="imagens-maiores-container center-image imagem-principal">
<iframe class="col-12 col-md-12" width="560" height="450" src="https://www.youtube.com/embed/Vke_g3-jgWU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<h3>Castlevania: Symphony of the Night</h3>
<p class="secondary-color">jogabilidade:</p>
<p class="primary-color">Enquanto os personagens de títulos anteriores geralmente utilizavam um chicote, neste jogo o jogador pode encontrar e usar vários tipos de armas, possuindo um inventário e outros elementos de RPG. Derrotar monstros faz com que Alucard ganhe pontos de experiência, podendo subir de nível após alcançar certos valores, melhorando seus atributos no processo. Alucard pode utilizar oito magias diferentes, que requerem que o jogador aperte combinações específicas de botões no controle.</p>
<a href="#" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-12">
<div class="center-image imagens-maiores-container">
<iframe class="col-12 col-md-12" height="450" src="https://www.youtube.com/embed/QF9tzn7UUIo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<h3>Cuphead</h3>
<p class="secondary-color">jogabilidade:</p>
<p class="primary-color">As fases são repletas de inimigos, que atacam das mais diversas formas: saltando em direção ao jogador, caminhando ou atirando projéteis. O jogo também possui fases aéreas, com o personagem pilotando um avião, onde o objetivo é destruir os inimigos atirando projéteis e bombas. Outra referência a jogos vintage está no sistema de navegação entre fases através de um mapa ao estilo Super Mario World e Donkey Kong Country. A grande dificuldade do jogo também é um fator marcante.</p>
<a href="#" class="btn">Detalhes</a>
</div>
<div class="col-12 col-md-12">
<div class="imagens-maiores-container center-image">
<iframe class="col-12 col-md-12" height="450" src="https://www.youtube.com/embed/05M3g73C9hs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<h3>Hades</h3>
<p class="secondary-color">jogabilidade:</p>
<p class="primary-color">O jogo é apresentado em uma visão isométrica com o jogador no controle de Zagreus. O jogador inicia uma passagem pelo jogo tentando abrir caminho através de várias salas; as salas são desenhadas a partir de um conjunto de layouts pré-determinados, mas sua ordem e os inimigos que aparecem são determinados aleatoriamente.</p>
<a href="" class="btn">Detalhes</a>
</div>
</div>
</div>
</body>
</html>
<script src="js/steam.js"></script>