-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjogo.html
More file actions
126 lines (101 loc) · 5.97 KB
/
jogo.html
File metadata and controls
126 lines (101 loc) · 5.97 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="dnd-icon.ico">
<title>Dungeons & Dragons</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Carter+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Heebo&display=swap" rel="stylesheet">
<!--"Fonte" para formar o ícone do d20 (dado de 20 lados)-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<header>
<div class="bloco">
<h1><img class="logo" src="logo-dnd.png" alt="Logo do Dungeons and Dragons"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="jogo.html">Jogo</a></li>
<li><a href="personagem.html">Personagem</a></li>
<li><a href="enquete.html">Enquete</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="comecando">
<div class="largura-comecando">
<h2 class="titulo-comecando">Começando em Dungeons & Dragons?</h2>
<img class="castle" src="castle.jpg" alt="Castelo em ruínas">
<p><strong>Dungeons & Dragons</strong> é um jogo de intepretação, onde histórias são contadas em
mundos de espada e feitiçaria. Como em jogos de faz de conta, ele é conduzido pela sua
imaginação.</p>
<p class="trecho"><strong><em>“Vocês seguiram o caminho ao lado do rio, ao sairem da floresta
vocês conseguem avistar um castelo em ruínas. Esse castelo é feito de pedras escuras, muitas
das suas construções desmoronaram e pássaros negros podem ser visto voando sobre o castelo.
O que vocês fazem?”</strong></em></p>
<p>Com uma breve descrição pode ser o suficiente para sua imaginação aflorar, fazendo assim o
número de histórias que podem ser criadas serem enormes.</p>
<p>Em sua essência, <strong>D&D</strong> é um jogo com foco narrativo. Os dados são apenas
auxiliares. Todas as decisões são tomadas por você, desde sua aparência, como você age e
até o que acontece a seguir.</p>
<p>As criações coletivas presentes em seu jogo de <strong>D&D</strong> constroem a história que
você e seu grupo de amigos lembraram para sempre, desde acontecimentos lendários a incidentes
absurdos que o farão rir anos depois. Pois a principal regra do <strong>D&D</strong> é se divertir.</p>
</div>
</section>
<section class="papel-jogadores">
<div class="largura-jogadores">
<h2 class="titulo-jogadores">Papel dos Jogadores</h2>
<img class="jogadores" src="ficha-dados.jpg" alt="Ficha de Personagem e Dados">
<p>Quando joga <strong>D&D</strong>, você assume o papel de um aventureiro, que pode ser um guerreiro
habilidoso, um clérigo devoto, um druida defensor da natureza, um ladino letal ou um mago poderoso.</p>
<p>Seu primeiro passo é imaginar seu próprio personagem. Cada ficha de personagem é mais do que uma
combinação de números, opções de raças e classes. Você cria a história, personalidade e
relacionamentos de seu personagem.</p>
<p>Ao abordar estes diferentes aspectos que o personagem tem, o jogador pode dar a vida a um
personagem único que vai servir como seu representante no jogo.</p>
<p>Com alguns amigos e um pouco de imaginação, você parte em grandes jornadas e aventuras arriscadas,
conhecendo o mundo e as pessoas que ali vivem, e também podendo testar-se contra uma variedade de
desafios e monstros sanguinários.</p>
<p>O jogo não tem final real; quando uma história ou missão termina, outra pode começar, criando
uma história corrente chamada campanha. Muitas pessoas que jogam D&D mantém suas campanhas rolando
por meses ou anos, encontrando com os amigos toda semana para continuar a história de onde parou.</p>
</div>
</section>
<section class="papel-dungeon-master">
<div class="largura-dungeon-master">
<h2 class="titulo-dungeon-master">Papel do Dungeon Master</h2>
<img class="dungeon-master" src="dungeon-master.png" alt="Dungeon Master de D&D">
<p>Um jogador assume o papel de <strong>Dungeon Master</strong>, o juiz e narrador do jogo. O <strong>
DM</strong> é responsável pela aventura, enquanto os personagens navegam pelos perigos da aventura
e decidem onde explorar.</p>
<p>O <strong>DM</strong> pode descrever a entrada do Castelo Negro em ruínas e os jogadores decidem
o que querem que seus aventureiros façam:</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> <strong>Será que eles
vão avançar bravamente rumo ao portão destruído?</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> Tentarão se esgueirar
para evitar que alguém que possa estar vigiando na muralha?</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> Dar a volta no castelo
procurando entradas secretas?</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> Conjurar uma magia para
ficarem invisíveis?</strong></p>
<p>O <strong>DM</strong> determina os resultados das ações dos aventureiros e narra o que os
personagens vivenciam. Como o <strong>DM</strong> pode improvisar para reagir a tudo que os
jogadores tentarem, <strong>D&D</strong> é infinitamente flexível e cada aventura pode ser
empolgante e inesperada.</p>
</div>
</section>
</main>
<footer>
<img class="logo-sigla" src="logo-dnd-sigla.png" alt="Logo da sigla do Dungeons and Dragons">
<p class="copyright">© Wizards of the Coast - 2022</p>
</footer>
<script src="main.js"></script>
</body>
</html>