-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (99 loc) · 4.98 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-------- ROBOTS & META ------>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/img/logo-black.png" type="image/icon type">
<meta name="desciption" content="O diabo chocou um ovo, do ovo nasceu um universo, do universo surgiu Pandora!">
<meta name="robots" content="index, follow">
<meta property="og:image"
content="https://sun9-51.userapi.com/impg/NQ7Ho41lk5Wvza9vS-6YaJxB_70nc5i4q6qLIg/y40DFC2JzXs.jpg?size=1640x924&quality=95&sign=f1d7cb7e2ecad7a1c70206075d33eaf3&type=album" />
<!------- END OF ROBOTS & META ----->
<title>Pandora</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/navbar.css">
</head>
<body>
<!----------------------------------// NAV BAR //------------------------------------->
<nav class="navbar">
<img src="assets/img/logo-white.png" class="floating">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="story.html">Enredo</a></li>
<li><a href="characters.html">Personagens</a></li>
<li><a href="creator.html">Criador</a></li>
</ul>
<button class="navbar-toggler">
<span></span>
</button>
</nav>
<!---------------------------------------// END OF NAV BAR//------------------------------------------------->
<div class="text-box">
<h1>PANDORA</h1>
<p>
Somos uma plataforma de <strong>RPG</strong> focada em um mundo paralelo, um lugar chamado
Pandora.
Aqui, tudo que pode acontecer acontecerá, e da mais excêntrica maneira possível.
</p>
<a href="#faq">Saiba mais</a>
</div>
<div class="image">
<img src="assets/img/dragon.png">
</div>
</div>
<!----------------------------------------------// FOOTER AND FAQ //------------------------------------------->
<footer>
<section class="faq" id="faq">
<div class="box"></div>
<h2>Perguntas frequentes</h2>
<div class="faqs__container">
<div class="faqs__item">
<h3><img src="assets/img/butterfly.svg" class="butterfly"><span></span>Quem pode se inscrever?</h3>
<p> Infelizmente, as portas de Pandora estão <strong>fechadas</strong> para inscrições. Contamos com
um número seleto
de membros ativos, somos um grupo de amigos que adora RPG, e a única forma de entrar para
Pandora seria por indicação de um dos membros, além de uma votação interna.</p>
</div>
<div class="faqs__item">
<h3><img src="assets/img/butterfly.svg" class="butterfly"><span></span>Como e onde são postados os
turnos?
</h3>
<p> Os turnos são postados na comunidade, por tópicos de acordo a locação, a comunidade é aberta e
poderá ser lida por membros e curiosos.</p>
</div>
<div class="faqs__item">
<h3><img src="assets/img/butterfly.svg" class="butterfly"><span></span> Qual a plataforma e o enredo
do
RPG?</h3>
<p> O mundo de pandora é jogado na plataforma fantasia, contendo personagens sobrenaturais, humanos,
guerreiros, mitologicos e criminais. O enredo completo de Pandora você pode encontrar <a
href="story.html" target="_blank"> aqui</a>
</p>
</div>
<div class="faqs__item">
<h3><img src="assets/img/butterfly.svg" class="butterfly"><span></span> Há narração?</h3>
<p> Não mais. Cada escolha de Pandora será escrita pelo acaso, no imprevisível. Você será seu
próprio mestre, desenvolvendo laços e interagindo com os demais membros.</p>
</div>
<!-------------------------------------// END OF FAQ //------------------------------------------->
<!----------------------// FOOTER BANNER //------------------------------>
<div class="faq__parallax">
<h2>
Pandora RPG</h2>
<a href="https://vk.com/pandoracaixa" target="_blank" class="btn">
<span> </span>
<span> </span>
<span> </span>
<span> </span>
Comunidade
</a>
</div>
</div>
<!-------------------------// END OF FOOTER BANNER //------------------------------>
</section>
</footer>
<script src="assets/js/script.js"></script>
</body>
</html>