-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathschool_game.html
More file actions
181 lines (172 loc) · 8.73 KB
/
Copy pathschool_game.html
File metadata and controls
181 lines (172 loc) · 8.73 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
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa&family=Teko&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/icon.ico"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/jquery.js"></script>
<title>Dr Octopus School - Anemo System</title>
</head>
<body>
<div class="load-wrapper active">
<div class="load">
<span class="load">
<span class="load"> </span>
</span>
</div>
</div>
<header>
<nav class="navbar">
<a href="index.html" style="animation-name: none;">
<img src="img/logo.png" alt="AnemoSystem Logo" loading="lazy">
</a>
<ul>
<li><a class="nav-link" href="index.html">Página Inicial</a></li>
<li><a class="nav-link" href="#octopus">Sobre o Jogo</a></li>
<li><a class="nav-link" href="#download">Download</a></li>
<li><a class="nav-link" href="blog.html">Notícias</a></li>
<li><a class="nav-link" href="team.html">Time</a></li>
</ul>
<a style="font-size: 30px; animation-name: none;" id="myIcon" class="icon" onclick="openNav()">
<i class="fa fa-bars"></i>
</a>
<div id="mySidenav" class="sidenav">
<a class="nav-link" href="index.html">Página Inicial</a>
<a class="nav-link" href="#octopus">Sobre o Jogo</a>
<a class="nav-link" href="blog.html">Notícias</a>
<a class="nav-link" href="team.html">Time</a>
</div>
</nav>
</header>
<main>
<section class="img-background">
<span class="text-img-background">
<h1>Construindo uma nova geração de estudantes!</h1>
</span>
<div id="img1"></div>
</section>
<div id="octopus" class="space" style="height:65px;">
</div>
<div class="about">
<h1>Dr. Octopus School</h1>
</div>
<section class="text-content container reveal fade-top" style="padding-bottom: 1.5em;">
<p>
Se divirta com esse novo jogo MMO (Massive Multiplayer Online) com seus amigos e colegas da escola!<br>
Aproveite de nosso sistema para se manter informado de todas as novidades de sua escola e muito mais!<br>
Além de claro, se divertir muito!!<br><br>
Socialize com seus colegas de classe e se divirta com diversos tipos de minigames!<br>
Tente desbloquear todas as roupas pra tornar o seu personagem o mais bonito do server!<br>
Explore o mapa e tente encontrar todos os segredos! Será que você é capaz disso?<br>
</p>
</section>
<span class="ty-1">
<div class="type-images" id="type-images">
<figure class="left container reveal fade-right" style="margin-bottom: 8em;">
<img src="img/print2.png">
</figure>
<figure class="right container reveal fade-left" style="margin-bottom: 2em;">
<img src="img/book.png">
</figure>
</div>
</span>
<section id="prod" class="prod">
<h1>Customização!</h1> <br>
<div class="type-images" id="type-images">
<span class="ty-2" id="custom">
<figure class="left">
<div class="text container reveal fade-top">
Customize seu personagem da maneira que você desejar! <br>
Junte uma variada quantidade de roupas na loja e deixe o seu personagem fabuloso! <br>
<br><br>
Seja capaz de alterar desde os cabelos até as vestimentas do protagonista de sua história! <br>
Tente se destacar dentro do seu grupo de amigos como o mais belo!<br><br>
</div>
</figure>
<figure class="right container reveal fade-left" style="padding-bottom: 5em;">
<img src="img/print1.png">
</figure>
</span>
</div>
<br>
</section>
<br><br>
<div id="about" class="about">
<h1>Minigames!</h1>
</div>
<br>
<span class="ty-1">
<div class="type-images" id="type-images">
<figure class="left container reveal fade-right">
<img src="img/print6.png">
</figure>
<figure class="right-text container reveal fade-top">
<br>
Lembre de sempre tirar folgas durante seus estudos! Então por que não se divertir
com esses joguinhos? <br><br>
Explore diversos estilos variados de minigames e adquira Moedas para gastar na loja!<br><br>
Veja se é capaz de atingir o maior HighScore do Server!!<br><br>
</figure>
</div>
</span>
<br><br>
<section id="prod" class="prod">
<h1>Leia Livros!</h1>
</div>
<br>
<div class="book container reveal fade-top">
<div class="text-content">
<br>
Cansado da agitação do mundo? que tal dar uma parada na biblioteca e relaxar lendo alguns livros?<br>
Além de educativo, você terá acesso a alguns dos escritores mais clássicos do país!<br>
</div>
<div class="img-book">
<img src="img/book.png">
</div>
<div class="text-content">
Temos uma variedade enorme de livros e histórias disponíveis!<br>
Como por exemplo poemas, contos, gibis e muito mais!!<br>
</div>
</div>
</section>
<div id="about" class="about">
<h1>Atenção</h1>
</div>
<section class="text-content container reveal fade-top">
<p>
Nosso jogo não há o interesse de ser jogado por um público, <br> já que foi criado como um
sistema próprio há uma escola (exclusivo para nossa apresentação do TCC). <br>
Logo, não existe um método de criação de contas públicas, sendo exclusivos aos desenvolvedores.
</p>
</section>
<div class="btnbox" id="btnbox">
<!-- <a href="https://github.com/GGGCD-TCC/school-game/releases/download/1.2/dr-octopus-school-1.2-winx64.zip"> -->
<button type="button" class="button" id="download">
<span class="button__text">Download</span>
<span class="button__icon">
<ion-icon name="download-outline"></ion-icon>
</span>
</button>
<!-- </a> -->
</div>
<script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script>
<br><br>
</main>
<footer>
<div id="footer" class="social-media">
<a href="https://facebook.com/"><i class="fab fa-facebook"></i></a>
<a href="https://youtube.com/"><i class="fab fa-youtube"></i></a>
<a href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a href="https://github.com/GGGCD-TCC"><i class="fab fa-github"></i></a>
</div>
<p>2022 © Anemo System<br><!-- texto que vai embaixo do copyright --></p>
</footer>
</body>
</html>