-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathallinformation.html
262 lines (185 loc) · 13.2 KB
/
allinformation.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
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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html lang="en">
<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>RISEGAMES Website</title>
<link rel="stylesheet" href="styles.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=Kumbh+Sans:wght@700&display=swap" rel="stylesheet">
<!-- link para as logos do roda pé-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>
<body>
<!--background animation-->
<div class = "container2">
<!--Navbar Section-->
<nav class="navbar">
<div class="navbar__container">
<a href="/" id="navbar__logo">
<img src="/images/logo_new.ico" alt="Logo da Rise Games Studios">RISE GAMES
</a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="#sobre" class="buttons">Sobre mim.
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</a>
</li>
<li class="navbar__item">
<a href="#formacao" class="buttons">Formações
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</a>
</li>
<li class="navbar__item">
<a href="#projetos" class="buttons">Projetos
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</a>
</li>
<li class="navbar__btn">
<a href="https://www.linkedin.com/in/raphael-camara-40320518b" class="button">Fale comigo!
<span></span>
<span></span>
</a>
</li>
</ul>
</div>
</nav>
<!--------------------------------------------------------------------------------------->
<!-------------------------------- Hero Section------------------------------------------>
<div class="main">
<div id="sobre" class="main__container">
<div class="main__content2">
<h1>Raphael Gamedev.</h1>
<h2 class="line typing-animation" >Sobre Mim...</h2>
<p>"A arte de transformar tudo em jogo."</p>
<p>Esse é um lema que carrego desde muito cedo...<br>
<br>Olá! Me chamo Raphael e sou um desenvolvedor de jogos (gamedev). Desde a minha infância, sempre fui apaixonado por jogos, e esse amor se iniciou quando ganhei o meu primeiro livro de RPG, o famoso Dungeons and Dragons. Como eu também era um grande entusiasta de videogames, minha mãe achou perfeito me presentear com livros nessa temática.<br>
<br>Sendo filho de uma professora, ela sempre me incentivou a ler bastante e explorar minha imaginação por meio de boas histórias. Por outro lado, meu pai sempre esteve presente em minha vida, orientando-me no mundo da tecnologia. Posso dizer que uni o melhor de ambos os mundos.<br>
<br>Atualmente no mercado de trabalho atuo como Analista de Qualidade de Software, porem em projetos voluntários e pessoais atuo como programando em C# com foco no desenvolvimento de jogos utilizando a Unity Engine, abrangendo todo os requisitos de um Game Design.</p>
</div>
<div class="main__img2--container">
<img src="/images/MODELO_LOGO.png" alt="pic" id="main__img">
</div>
</div>
</div>
<!--------------------------------------------------------------------------------------->
<!-------------------------------------- FORMAÇÃO --------------------------------------->
<div id="formacao" class="servicesformacao">
<h1>Formação</h1>
<p>• Superior em Analise e Desenvolvimento de Sistemas pela Estácio, conclusão: 2022 .</p><br>
<br><p>• Game Design – CSJ Academy – CSJ Academy</p><br>
<br><p>• Desenvolvimento Unity – CSJ Academy</p><br>
<br><p>• Inglês – Nível Intermediário – Wizard</p><br>
<br><p>• Pixel Art 2D – Udemy</p><br>
</div>
<!--------------------------------------------------------------------------------------->
<!------------------------------------ PROJETOS ----------------------------------------->
<div id="projetos" class="services2projeto">
<h1>Projetos em andamento...</h1>
<div class="services2projeto__container">
<div class="services2projeto__card">
<h2>A Divina Comédia. Livro I: Inferno.</h2>
<p>Baseado no famoso poema " A Divina Comédia " escrito pelo poeta italiano Dante Alighieri no século XIV.<br>
<br>Assim como na historia o jogo também é dividido em três partes, Inferno, Purgatório e Paraiso.<br>
<br>Nosso protagonista inicia sua jornada para atravessar os três reinos em busca de redenção.
No "Inferno", Dante é guiado por Virgílio (um NPC que le dará dicas do que fazer).
e desce aos nove círculos do inferno, que representam diferentes formas de pecado e punição.
Ele encontra personagens históricos e mitológicos, bem como pessoas que ele conheceu em vida,
cada um sendo punido de acordo com seus pecados específicos, contextualizando a narrativa do jogo.<br>
<br>"A Divina Comédia" aborda temas como a justiça divina, a natureza humana, a busca pela redenção
e a relação entre o homem e Deus. É uma obra profundamente simbólica e alegórica, com ricas descrições,
imagens vívidas e uma linguagem poética cativante. Assim o jogo foi seguido com maior canonidade ao livro
respeitando sempre a obra original.</p><br>
<button>Veja mais!</button>
</div>
<div class="services2projeto__card">
<h2>A Maldição do mar.</h2>
<p>Quando corpos de garotos começam a aparecer no litoral da cidade de Sparrow, alguns moradores se
perguntam se a antiga lenda sobre as bruxas vingativas seria verdade.<br>
<br>Como muitos habitantes locais, Penny Talbot, conhece a lenda de cor; Mas, neste ano quando a cidade se prepara para o anual retorno das irmãs, um rapaz desconhecido chega à cidade buscando suas próprias respostas.<br>
<br> Mas quando corpos de meninos locais começam a aparecer no litoral, o clima de desconfiança e medo atinge a cidade, dando início a uma verdadeira caça às bruxas.<br>
<br>A narrativa alterna, os eletrizantes eventos do presente com relatos do diário das
jovens condenadas por bruxaria, resultam no thriller sobrenatural inesquecível que é A maldição do mar.<br>
<br>O jogo é um "Escaperoom" em 2D com o mapa isométrico sendo uma adaptação do livro escrito por
Shea Ernshaw buscando sempre respeitar o criador da obra e ser o mais fiel possivel.<br>
</p>
<button>Veja mais!</button>
</div>
</div>
</div>
<!--------------------------------------------------------------------------------------->
<!-------------------------------- Footer Section --------------------------------------->
<div class="footer2_container">
<div class="footer2__links">
<div class="footer2__link--wrapper">
<div class="footer2__link--items">
<h2>Sobre a Rise</h2>
<a href="/">O que é a RISE</a>
<a href="/">Nossa filosofia</a>
</div>
<div class="footer2__link--items">
<h2>Contate-nos</h2>
<a href="/">LinkedIn</a>
<a href="/">E-mails</a>
</div>
</div>
<div class="footer2__link--wrapper">
<div class="footer2__link--items">
<h2>Mídias Sociais</h2>
<a href="/">Instagram</a>
<a href="/">Youtube</a>
</div>
</div>
</div>
<div class="social2__media">
<div class="social2__media--wrap">
<div class="footer2__logo">
<svg viewBox="-25.6 -25.6 563.20 563.20" xmlns="http://www.w3.org/2000/svg" fill="#4d0000" stroke="#4d0000" stroke-width="2.56"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#e0e0e0" d="M173.625 15.72l16.156 53.81-94.374-48.905L158.47 98.25 45.187 117.406l113.28 19.625-59.718 75.19 65.03-33.407-1.78 58.843 19.844-37.344v-64.218l.75-1.75 31.906-74.75-40.875-43.875zm146.25 0L282.97 55.343l33.342 79.03.75 1.75V205.846l15.5 29.187-1.625-54.436 65.532 34.062-63.064-77.625 113.28-19.624-113.28-19.156 63.063-77.625-92.44 47.906 15.845-52.81zM249.28 23.56l-49.186 114.5v153.5L235.03 326.5c2.916-65.435 7.976-128.936 15.25-187.72 7.606 61.433 12.744 128.775 15.532 198l32.625-32.624V138.062l-49.156-114.5zM33.126 206.845l37.344 94.062 193.905 193.938h30.813c-66.34-68.503-128.483-139.002-180.625-205.875 74.705 58.246 155.104 130.333 231.312 205.874h31.063L126.813 244.688l-93.688-37.844zm444.844 0l-93.626 37.812L268.75 360.25l18.156 18.125c36.278-32.102 72.315-62.265 107.125-89.406-27.302 35.015-57.36 71.02-89.31 107.217L325.06 416.5l115.532-115.53 37.375-94.126zM186.06 442.938l-51.906 51.906h28.594c12.596-12.486 25.314-24.875 38.094-37.125l-14.78-14.783zm39.375 39.406c-3.995 4.173-8.003 8.34-12.03 12.5h24.53l-12.5-12.5z"></path></g></svg>
</div>
<p class="website2__rights">RISE GAMES STUDIOS.</p>
<div class="social2__icons">
<a href="https://www.behance.net/raphacoiote" class="social2__icon--link" target="_blank">
<i class="fab fa-behance"></i>
</a>
<a href="https://www.instagram.com/rapha.gamedev/" class="social2__icon--link" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="https://github.com/raphagamedev" class="social2__icon--link" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://www.linkedin.com/in/raphael-camara-40320518b/" class="social2__icon--link" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="/" class="social2__icon--link" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
<!------------------------------- Footer Section Fim --------------------------------------->
<script src="app.js"></script>
</div>
</body>
</html>