├── img
├── ds.jpg
├── ds1.jpg
├── ico.jpeg
├── nti.jpg
├── nti1.jpg
├── coorec.jpg
├── coorec1.jpg
├── fundo.jpeg
├── fundo2.jpeg
├── fundoa.jpg
├── fundob.jpg
├── git.png.png
├── lin.png.png
├── ntiDC.jpg
├── pcoorec.jpg
├── python.jpg
├── python1.jpg
├── tito.jpeg
├── coorecDC.jpg
├── insta.png.png
├── photothumb.db
├── facebook.png.png
├── projeto1DC.jpg
├── projeto1DW.jpg
├── projeto2DC.jpg
├── projeto2DW.jpg
├── projeto3DC.jpg
├── projeto3DW.jpg
├── projeto4DC.jpg
├── projeto4DW.jpg
├── projeto5DC.jpg
├── projeto5DW.jpg
├── projeto6DC.jpg
├── projeto6DW.jpg
├── luis-profile.jpeg
└── luis-profile2.jpeg
├── Propriedades
└── Propriedades-CSS.pdf
├── js
└── script.js
├── coorec.html
├── contato.html
├── nti.html
├── index.html
├── port.html
├── portfolio.html
├── curriculo.html
├── style3.css
└── style4.css
/img/ds.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/ds.jpg
--------------------------------------------------------------------------------
/img/ds1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/ds1.jpg
--------------------------------------------------------------------------------
/img/ico.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/ico.jpeg
--------------------------------------------------------------------------------
/img/nti.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/nti.jpg
--------------------------------------------------------------------------------
/img/nti1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/nti1.jpg
--------------------------------------------------------------------------------
/img/coorec.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/coorec.jpg
--------------------------------------------------------------------------------
/img/coorec1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/coorec1.jpg
--------------------------------------------------------------------------------
/img/fundo.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/fundo.jpeg
--------------------------------------------------------------------------------
/img/fundo2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/fundo2.jpeg
--------------------------------------------------------------------------------
/img/fundoa.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/fundoa.jpg
--------------------------------------------------------------------------------
/img/fundob.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/fundob.jpg
--------------------------------------------------------------------------------
/img/git.png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/git.png.png
--------------------------------------------------------------------------------
/img/lin.png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/lin.png.png
--------------------------------------------------------------------------------
/img/ntiDC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/ntiDC.jpg
--------------------------------------------------------------------------------
/img/pcoorec.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/pcoorec.jpg
--------------------------------------------------------------------------------
/img/python.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/python.jpg
--------------------------------------------------------------------------------
/img/python1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/python1.jpg
--------------------------------------------------------------------------------
/img/tito.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/tito.jpeg
--------------------------------------------------------------------------------
/img/coorecDC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/coorecDC.jpg
--------------------------------------------------------------------------------
/img/insta.png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/insta.png.png
--------------------------------------------------------------------------------
/img/photothumb.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/photothumb.db
--------------------------------------------------------------------------------
/img/facebook.png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/facebook.png.png
--------------------------------------------------------------------------------
/img/projeto1DC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto1DC.jpg
--------------------------------------------------------------------------------
/img/projeto1DW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto1DW.jpg
--------------------------------------------------------------------------------
/img/projeto2DC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto2DC.jpg
--------------------------------------------------------------------------------
/img/projeto2DW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto2DW.jpg
--------------------------------------------------------------------------------
/img/projeto3DC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto3DC.jpg
--------------------------------------------------------------------------------
/img/projeto3DW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto3DW.jpg
--------------------------------------------------------------------------------
/img/projeto4DC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto4DC.jpg
--------------------------------------------------------------------------------
/img/projeto4DW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto4DW.jpg
--------------------------------------------------------------------------------
/img/projeto5DC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto5DC.jpg
--------------------------------------------------------------------------------
/img/projeto5DW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto5DW.jpg
--------------------------------------------------------------------------------
/img/projeto6DC.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto6DC.jpg
--------------------------------------------------------------------------------
/img/projeto6DW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/projeto6DW.jpg
--------------------------------------------------------------------------------
/img/luis-profile.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/luis-profile.jpeg
--------------------------------------------------------------------------------
/img/luis-profile2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/img/luis-profile2.jpeg
--------------------------------------------------------------------------------
/Propriedades/Propriedades-CSS.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/luislauriano/page_pessoal/master/Propriedades/Propriedades-CSS.pdf
--------------------------------------------------------------------------------
/js/script.js:
--------------------------------------------------------------------------------
1 | function openNav() {
2 |
3 | var x = document.getElementById("navegation");
4 |
5 | if (x.className === "navegation") {
6 | x.className += " menujs";
7 | document.getElementById('menu').innerHTML = '⨯';
8 | } else {
9 | x.className = "navegation"
10 | document.getElementById('menu').innerHTML = '☰';
11 | }
12 | }
--------------------------------------------------------------------------------
/coorec.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
35 |
36 |
37 |
38 |

39 |
40 |
41 |
42 |
O projeto COOREC foi construído durante a disciplina de economia criativa (Projetão) da UFPE em 2019. A equipe era formada por cinco integrantes que tinham o objetivo de construir um aplicativo para conectar pessoas, empresas que queiram descartar resíduos sólidos á cooperativas recicladoras que façam a coleta destes resíduos. Nossa proposta se deu início a partir de uma visita ao lixão de Camaragibe da cidade do Recife, assim surgindo a ideia de uma solução que atendesse o decimo segundo objetivo de desenvolvimento sustentável da ONU, o consumo e produção responsáveis. Foi de minha responsabilidade desenvolver o protótipo do aplicativo, utilizando o programa kodular e juntamente com uma colega de equipe fazer a apresentação da nossa proposta. Ao final da disciplina saímos com o título de melhor proposta de negócio.
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 |
--------------------------------------------------------------------------------
/contato.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
35 |
36 |
37 |
38 |

39 |
40 |
41 |
42 |
Durante um período de dois meses no Programa Mover do Núcleo de Tecnologia da Informação da UFPE, foi ensinado para as equipes participantes do programa assuntos sobre Desing Thinking, Agile UX, Scrum, Metologias Ágeis e Técnicas de Apresentação Empreendedora. As equipes tinham como objetivo buscar uma solução para os problemas enfrentados pelos estudantes da assistência estudantil da UFPE, ao final do programa dois projetos seriam escolhidos para serem implementados na UFPE. A minha equipe era composta por seis integrantes e tínhamos como objetivo promover um novo estudante cooperador pedagógico, para ajudar no aprendizado dos estudantes da assistência estudantil. O objetivo foi expandir as tutorias que já existiam na UFPE, de modo que possa ter tutoria em qualquer centro da universidade, proporcionando experiencia para os tutores, otimizar acompanhamento e processos através da plataforma e oferecer um reforço eficiente aos estudantes. Ao final do programa, juntamente com minha equipe consagramos a ideia e o projeto foi selecionado para ser implementado na UFPE.
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
39 |
40 |
41 |
42 |

43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
Luis
Vinicius
51 | Tecnologia, Data Science, Inovação
52 |
53 |
54 |
55 |
Estudante de Gestao da Infomaçao na UFPE, apaixonado por Tecnologia, Inovação, Data Science e Desenvolvimento de projetos.
56 |
57 |
58 |
59 |
42 |
43 |
44 |
45 |

46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
Luis
Vinicius
54 | Tecnologia, Data Science, Inovação
55 |
56 |
57 |
58 |
Estudante de Gestao da Infomaçao na UFPE, apaixonado por programação, tecnologia, data science e desenvolvimento de projetos
59 |
60 |
61 |
62 |
37 |
38 |
Curriculo
39 |
40 |
Dados Pessoais
41 |
42 |
43 |

44 |
45 |
NOME:
46 |
47 |
Luis Vinicius Lauriano de França
48 |
49 |
Data de Nascimento:
50 |
51 |
18/01/2001
52 |
53 |
Residência:
54 |
55 |
Recife, Brasil
56 |
57 |
Idiomas:
58 |
59 |
Português (Nativo)
60 |
61 |
62 |
63 |
64 |
Educação
65 |
66 |
67 |
2016-2018
68 |
69 |
Ensino Médio Completo
70 |
71 |
2019-EM ANDAMENTO
72 |
73 |
Gestão da Informação/Universidade Federal de Pernambuco
74 |
75 |
76 |
Habilidades
77 |
78 |
79 |
Linguagens que programo
80 |
81 |
Python
82 |
83 |
Prototipação de Aplicativos
84 |
85 |
APP Inventor / Kodular
86 |
87 |
Desenvolvimento Web
88 |
89 |
HTML / CSS
90 |
91 |
CONHECIMENTOS TÉCNICOS
92 |
• Machine Learning
93 |
• Análise de dados
94 |
• Visualização de dados
95 |
96 |
97 |
98 |
Cursos e Certificados:
99 |
100 |
• Lógica de programação e Orientação a objetos em JavaScript – Instituto de Pesquisas Eldorado
101 |
• Python (Introdução á Orientação a Objetos) – Cecine / UFPE
102 |
• Python 3, fundamentos, estruturas de controle e estruturas compostas – Curso em Video
103 |
• Web design completo em HTML5 e CSS – Udemy
104 |
• Design thinking, Agile ux, Métodos ágeis e Técnicas de apresentação empreendedora – NTI / UFPE
105 |
• Introdução a Ciência de Dados 2.0 – Data Science Academy
106 |
• Data Science: Visualização de dados com Python - Udemy
107 |
• Python Fundamentos para Análise de Dados – Data Science Academy
108 |
• Fundamentos de Manipulação e Análise de Dados – XP Lab
109 |
• Introdução a Data Science em Python – Coursera
110 |
111 |
112 |
Informacoes adicionais
113 |
114 |
115 |
Participação em Projetos e Hackathons
116 |
117 |
• DataInLive - Hacker Cidadão 7.0
118 |
O DataInLive surgiu no hackathon "Hacker Cidadão 7.0" de 2019, com o objetivo de trabalhar com dados passados em tempo real do Samu para o hospital que irá receber uma vítima de acidente de trânsito, onde em vez dos socorristas preencherem uma ficha da vítima do acidente, seria feito de forma automatizada pelo aplicativo, para que assim possa facilitar o preparo do hospital para receber uma vítima e para que o bptran e outros órgãos possam fazer uma fiscalização de forma mais rápida e efetiva nos locais de acidentes.
119 |
120 |
• Estudante Cooperador Pedagógico – Programa Mover (NTI/UFPE)
121 |
O projeto foi construído numa imersão de muito aprendizado durante dois meses no programa Mover em 2019, um programa do Núcleo de Tecnologia da Informação da UFPE, juntamente com o Ministério da ciência, cultura e tecnologia. O Estudante Cooperador Pedagógico visa ajudar os estudantes que sempre tiveram problemas com os estudos na universidade e com o objetivo de ajudar alunos que querem ensinar e passar seus conhecimentos a alunos que querem aprender.
122 |
123 |
124 |
125 |
• Coorec – Disciplina Economia Criativa (Projetão/UFPE)
126 |
127 |
O projeto coorec foi construído durante a disciplina de economia criativa da ufpe em 2019, com o objetivo de construir um aplicativo para conectar pessoas, empresas que queiram descartar resíduos sólidos á cooperativas recicladoras que façam a coleta destes resíduos.
128 |
129 |
130 |
131 |
132 |
133 |
Reconhecimentos
134 |
135 |
136 |
Programa Mover - Núcleo de Tecnologia da Informação/UFPE
137 |
Estudante Cooperador Pedagogico - Projeto selecionado para ser implementado na UFPE
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
--------------------------------------------------------------------------------
/style3.css:
--------------------------------------------------------------------------------
1 |
2 | html, body {
3 | margin: 0;
4 | padding: 0;
5 | font-size: 0;
6 | }
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 | body {
16 |
17 |
18 | background-color: black;
19 |
20 |
21 | background-repeat: no-repeat;
22 | background-size: cover;
23 | width: 100%;
24 | height: 100vh;
25 | background-position: 30% 45%;
26 |
27 |
28 | padding: 310px 0;
29 |
30 |
31 |
32 |
33 |
34 | text-align: left;
35 | font-family: 'Montserrat', sans-serif;
36 |
37 | overflow-x:hidden;
38 |
39 |
40 | }
41 |
42 |
43 |
44 |
45 |
46 |
47 | .navegation {
48 | font-size: 20px;
49 | color: white;
50 | margin-top: -300px;
51 | height: 50px;
52 |
53 |
54 |
55 | animation-name: navegacao;
56 | animation-duration: 3s;
57 |
58 |
59 |
60 | }
61 |
62 | .navegation ul {
63 | list-style: none;
64 |
65 | margin-top: 0;
66 | padding-left: 0;
67 |
68 | text-align: right;
69 | height: 50px;
70 |
71 | text-decoration: none;
72 |
73 |
74 | }
75 |
76 | .navegation li {
77 | display: inline-block;
78 |
79 | padding-left: 30px;
80 | padding-right: 30px;
81 | height: 50px;
82 | line-height: 50px;
83 | font-size: 19px;
84 | font-weight: 100;
85 |
86 | text-decoration: none;
87 | }
88 |
89 | .navegation a {
90 | text-decoration: none;
91 | color: white;
92 | }
93 |
94 | .navegation a:hover {
95 | color: #ffff47;
96 | }
97 |
98 | .navegation li.menu {
99 | display: none;
100 |
101 | }
102 |
103 | .navegation li.menu:hover {
104 | color:#ffff47;
105 | cursor: pointer;
106 | }
107 |
108 | .navegation span {
109 | color: #ffff47;
110 | }
111 |
112 |
113 |
114 |
115 | .profile-pic {
116 | text-align: center;
117 | width: 40%; 40
118 | background-color: yellow;
119 | margin-top: -180px;
120 |
121 | animation-name: profile-capa;
122 | animation-duration: 2s;
123 |
124 | }
125 |
126 | .profile-pic img {
127 | width: 350px;
128 | border-radius: 350px;
129 |
130 | }
131 |
132 |
133 |
134 |
135 |
136 |
137 | .profile-title {
138 | vertical-align: top;
139 | width: 59%;
140 | margin-top: -120px; 60
141 | background-color: red;
142 |
143 | animation-name: titulo-capa;
144 | animation-duration: 2s;
145 |
146 | }
147 |
148 | .profile-title h1 {
149 | text-transform: uppercase;
150 | margin-left: -20px;
151 | font-weight: 100;
152 | line-height: 58px;
153 | font-weight: 900;
154 | font-family: 'Press Start 2P', cursive;
155 | font-size: 58px;
156 |
157 | }
158 |
159 | .profile-title h2 {
160 | font-size: 17px;
161 | margin-top: -30px;
162 | margin-bottom: 10px;
163 | margin-left: 80px;
164 | font-weight: 400;
165 |
166 | }
167 |
168 | .profile-title span {
169 | color: #FFC914;
170 | margin-left: 8px;
171 | }
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 | .capa div {
180 | display: inline-block;
181 | height: 650px;
182 | }
183 |
184 | .capa {
185 | color: white;
186 | text-align: left;
187 | margin-top: -60px;
188 |
189 | height: 650px;
190 |
191 | background-repeat: no-repeat;
192 | background-size: cover;
193 | width: 100%;
194 | height: 100vh;
195 | background-position: 30% 45%;
196 | padding: 310px 0;
197 |
198 |
199 |
200 |
201 |
202 |
203 | animation-name: titulo-capa;
204 | animation-duration: 2s;
205 |
206 | }
207 |
208 |
209 |
210 |
211 | .capa p {
212 | width: 400px;
213 | margin-left: 20px;
214 | margin-top: -285px;
215 | color: white;
216 | font-size: 17px;
217 | text-align: justify;
218 | font-weight: 300;
219 |
220 |
221 | animation-name: titulo-capa;
222 | animation-duration: 2s;
223 |
224 | }
225 |
226 |
227 |
228 |
229 | .perfS {
230 | text-align: center;
231 | width: 40%;
232 |
233 | }
234 |
235 |
236 |
237 | .sobre {
238 | background-color: #FFC914;
239 | font-size: 20px;
240 | text-align: center;
241 | height: 600px;
242 | margin-top: -590px;
243 |
244 |
245 |
246 | }
247 |
248 | .sobre h1 {
249 | color: black;
250 | text-align: center;
251 | margin-left: 330px;
252 | padding-top: 70px;
253 | font-size: 24px;
254 | }
255 |
256 | .sobre p {
257 | text-align: justify;
258 | width: 600px;
259 | margin-left: 600px;
260 | line-height: 30px;
261 | margin-top: -410px;
262 | color: black;
263 | font-weight: 400;
264 | font-family: 'Courier Prime', monospace;
265 |
266 |
267 | }
268 |
269 | .perfS img {
270 |
271 |
272 | margin-right: 500px;
273 | margin-bottom: 100px;
274 | margin-top: 100px;
275 | width: 350px;
276 | border-radius: 350px;
277 |
278 | margin-left: 80px;
279 |
280 |
281 |
282 |
283 |
284 | }
285 |
286 |
287 |
288 | @keyframes conteudo {
289 | 0% {opacity: 0; transform: translate(-20px,0px)}
290 | 100% {opacity: 1; transform: translate (0px,0px);}
291 | }
292 |
293 |
294 |
295 | @keyframes profile-capa {
296 | 0% {opacity: 0; transform: translate(0px,20px)}
297 | 100% {opacity: 1; transform: translate (0px,0px);}
298 | }
299 |
300 |
301 | @keyframes titulo-capa {
302 | 0% {opacity: 0; transform: translate(0px,-20px)}
303 | 100% {opacity: 1; transform: translate (0px,0px);}
304 | }
305 |
306 |
307 | @keyframes navegacao {
308 | 0% {opacity: 0;}
309 | 50% {opacity: 0;}
310 | 100% {opacity: 1;}
311 |
312 | }
313 |
314 |
315 |
316 | @media (max-width: 1000px) {
317 |
318 | .navegation li {
319 | display: none;
320 |
321 | font-size: 25px;
322 |
323 | margin-left: 100%;
324 |
325 | text-align: center;
326 |
327 | }
328 |
329 |
330 | .navegation li.menu {
331 | display:inline-block;
332 |
333 | }
334 |
335 |
336 | .capa {
337 | margin-top: -150px;
338 | height: 300px;
339 |
340 | width: 100%;
341 |
342 | text-align: left;
343 | padding-right: 20%;
344 | padding-left: 5%;
345 |
346 |
347 |
348 | }
349 |
350 | .capa div {
351 | display: block;
352 | height: auto;
353 | }
354 |
355 |
356 | .capa p {
357 | width: 400px;
358 | margin-left: 20px;
359 | margin-top: 120px;
360 | color: white;
361 | font-size: 18px;
362 | text-align: justify;
363 | font-weight: 300;
364 |
365 | margin-right: auto;
366 |
367 |
368 | }
369 |
370 |
371 |
372 |
373 | .profile-pic {
374 | width: 420px;
375 | text-align: center;
376 | margin-left: 0px;
377 | margin-right: 50px;
378 |
379 |
380 | }
381 |
382 | .profile-title {
383 | width: 100%;
384 |
385 | text-align: center;
386 | }
387 |
388 | .profile-pic img {
389 | margin-top: 60px;
390 | max-width: 80%;
391 | margin-left: 0;
392 | margin-right: 10px;
393 |
394 | animation-name: conteudo;
395 | animation-duration: 3s;
396 |
397 |
398 |
399 |
400 |
401 |
402 | }
403 |
404 | .profile-title h1 {
405 | text-transform: uppercase;
406 | margin-top: 140px;
407 | margin-left: 40px;
408 | margin-right: 0px;
409 | font-weight: 900;
410 | line-height: 58px;
411 | font-family: 'Press Start 2P', cursive;
412 | font-size:40px;
413 |
414 |
415 | }
416 |
417 | .profile-title span {
418 | color: #FFC914;
419 | margin-left: 8px;
420 | margin-top: 100px;
421 | }
422 |
423 |
424 |
425 | .profile-title h2 {
426 | font-size: 18px; 17
427 | margin-top: -10px;
428 | margin-bottom: 10px;
429 | margin-left:56px;
430 | margin-right: -5px;
431 | text-align: center;
432 | font-weight: 100;
433 |
434 | }
435 |
436 |
437 |
438 |
439 |
440 |
441 |
442 |
443 | .sobre {
444 | width: 100%;
445 | margin-top: -20px;
446 |
447 |
448 |
449 | text-align: left;
450 | padding-right: 20%;
451 | padding-left: 5%;
452 |
453 | margin-right: 0;
454 |
455 | height: 800px;
456 |
457 |
458 |
459 | }
460 |
461 | .text {
462 | width: 100px;
463 |
464 | margin-right: 0;
465 | }
466 |
467 | .sobre h1 {
468 | color: black;
469 | text-align: center;
470 | margin-left: 80px;
471 | padding-top: 70px;
472 | font-size: 24px;
473 |
474 | }
475 |
476 |
477 | .perfS img {
478 | margin-top: 40px;
479 | margin-left: 0px;
480 | margin-right: -270px;
481 | margin-bottom: 100px;
482 |
483 | width: 320px;
484 | border-radius: 350px;
485 |
486 | animation-name: conteudo;
487 | animation-duration: 3s;
488 |
489 |
490 |
491 | }
492 |
493 | .sobre p {
494 |
495 | font-family: 'Courier Prime', monospace;
496 |
497 | width: 400px;
498 | margin-left: 10px;
499 | margin-top: -50px;
500 | color: black;
501 | font-size: 20px;
502 | text-align: justify;
503 | font-weight: 300;
504 |
505 | margin-right: auto;
506 |
507 | line-height: 30px;
508 |
509 | animation-name: conteudo;
510 | animation-duration: 3s;
511 |
512 | }
513 |
514 |
515 | .menujs {
516 |
517 | height: 410px;
518 |
519 | }
520 |
521 |
522 | .menujs ul {
523 |
524 | height: 410px;
525 |
526 |
527 |
528 |
529 | padding-left: 25%;
530 |
531 | margin-right: 60%;
532 |
533 | text-align: center;
534 |
535 |
536 |
537 |
538 |
539 |
540 |
541 |
542 |
543 |
544 |
545 |
546 | }
547 |
548 |
549 | .menujs li {
550 |
551 | display: block;
552 |
553 | font-size: 27px;
554 |
555 |
556 |
557 |
558 |
559 | }
560 |
561 |
562 |
563 |
564 |
565 | }
566 |
--------------------------------------------------------------------------------
/style4.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | margin: 0;
3 | padding: 0;
4 | font-size: 0;
5 | }
6 |
7 |
8 |
9 | body {
10 |
11 |
12 | background-color: black;
13 |
14 | font-family: 'Montserrat', sans-serif;
15 |
16 |
17 | }
18 |
19 |
20 | .navegation {
21 | font-size: 20px;
22 | color: white;
23 | margin-top: 10px;
24 | height: 50px;
25 | text-decoration: none;
26 |
27 | animation-name: navegacao;
28 | animation-duration: 3s;
29 | }
30 |
31 | .navegation ul {
32 | list-style: none;
33 | margin-top: 0;
34 | padding-left: 0;
35 | text-align: right;
36 | height: 50px;
37 | text-decoration: none;
38 | }
39 | .navegation li {
40 | display: inline-block;
41 | padding-left: 30px;
42 | padding-right: 30px;
43 | height: 50px;
44 | line-height: 50px;
45 | font-weight: 100;
46 | text-decoration: none;
47 | font-size: 19px;
48 | }
49 | .navegation a {
50 | text-decoration: none;
51 | color: white;
52 | }
53 |
54 | .navegation a:hover {
55 | color: #ffff47;
56 | }
57 |
58 |
59 | .navegation li.menu {
60 | display: none;
61 | }
62 |
63 |
64 | .navegation span {
65 | color: #ffff47;
66 | }
67 |
68 |
69 | .navegation li.menu:hover {
70 | color:#ffff47;
71 | cursor: pointer;
72 | }
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 | .teste2 {
81 |
82 | text-align: left;
83 | margin-top: -100px;
84 | padding-top: 100px;
85 | padding-right: 180px;
86 | padding-bottom: 80px;
87 | padding-left:100px;
88 |
89 |
90 |
91 | background-repeat: no-repeat;
92 | background-size: cover;
93 | background-position: 30% 45%;
94 |
95 | animation-name: conteudo;
96 | animation-duration: 3s;
97 |
98 |
99 | }
100 |
101 |
102 |
103 | .cv-pic img{
104 | float: left;
105 | width: 300px;
106 | margin-right: 20px;
107 |
108 | animation-name: conteudo;
109 | animation-duration: 3s;
110 |
111 | }
112 | .teste2 h1 {
113 | margin-left: -9px;
114 | font-weight: 400;
115 | font-size: 40px;
116 | color: white;
117 |
118 |
119 | animation-name: conteudo;
120 | animation-duration: 3s;
121 |
122 | }
123 | .teste2 h2 {
124 | font-size: 18px;
125 | text-transform: uppercase;
126 | font-weight: normal;
127 | color: white;
128 | font-family: 'Press Start 2P', cursive;
129 | margin-top: 40px;
130 |
131 | animation-name: conteudo;
132 | animation-duration: 3s;
133 |
134 | }
135 | .teste2 h3 {
136 | text-transform: uppercase;
137 | font-size: 14px;
138 | color: #FFC914;
139 | font-family: 'Montserrat', sans-serif;
140 |
141 | animation-name: conteudo;
142 | animation-duration: 3s;
143 |
144 | }
145 |
146 | .teste2 p {
147 | font-weight: 100;
148 | font-size: 19px;
149 | line-height: 22px;
150 | color: white;
151 | font-family: 'Montserrat', sans-serif;
152 |
153 | animation-name: conteudo;
154 | animation-duration: 3s;
155 |
156 | }
157 |
158 | .contatoNTI p {
159 | text-align: center;
160 | margin-left: 100px;
161 | }
162 |
163 | .contatoNTI img {
164 | text-align: center;
165 | border-radius: 20px;
166 | margin-left: 320px;
167 | margin-top: 80px;
168 | }
169 | .contatoNTI a {
170 | color: #FFC914;
171 | font-size: 15px;
172 |
173 | }
174 |
175 |
176 |
177 | .contatoCOOREC p {
178 | text-align: center;
179 | margin-left: 100px;
180 | }
181 |
182 | .contatoCOOREC img {
183 | text-align: center;
184 | border-radius: 20px;
185 | margin-left: 350px;
186 | margin-top: 80px;
187 | width: 450px;
188 | height: 450px;
189 | }
190 | .contatoCOOREC a {
191 | color: #FFC914;
192 | font-size: 15px;
193 |
194 | }
195 |
196 |
197 |
198 |
199 | .teste2 h5 {
200 | text-align: center;
201 | font-size: 20px;
202 | font-weight: 100;
203 | margin-left: 250px;
204 | margin-right: 200px;
205 | margin-top: 4px;
206 | color: white;
207 |
208 | animation-name: conteudo;
209 | animation-duration: 3s;
210 |
211 | }
212 |
213 |
214 |
215 |
216 |
217 | .perf img {
218 | width: 270px;
219 | border-radius: 350px;
220 | margin-top: -60px;
221 | margin-left: 425px;
222 |
223 | animation-name: conteudo;
224 | animation-duration: 3s;
225 |
226 | }
227 |
228 |
229 |
230 |
231 | .social img {
232 | width: 41px;
233 | margin-top: -600px;
234 | margin-bottom: 60px;
235 | margin-left: 545px;
236 |
237 | animation-name: conteudo;
238 | animation-duration: 4s;
239 |
240 | }
241 | .social2 img {
242 | width: 40px;
243 | margin-top: -500px;
244 | margin-bottom: 61px;
245 | margin-left: 605px;
246 |
247 | animation-name: conteudo;
248 | animation-duration: 4s;
249 |
250 | }
251 | .social3 img {
252 | width: 41px;
253 | margin-top: -600px;
254 | margin-bottom: 60px;
255 | margin-left: 665px;
256 |
257 | animation-name: conteudo;
258 | animation-duration: 4s;
259 |
260 | }
261 | .social4 img {
262 | width: 44px;
263 | margin-top: -600px;
264 | margin-bottom: 59px;
265 | margin-left: 725px;
266 |
267 | animation-name: conteudo;
268 | animation-duration: 4s;
269 |
270 | }
271 |
272 |
273 |
274 |
275 |
276 |
277 | .nti {
278 | width: 494px;
279 | height: 332px;
280 |
281 |
282 | margin-bottom: -5px;
283 | margin-top: 20px;
284 | margin-left: 70px;
285 | margin-right: -40px;
286 |
287 | overflow: hidden;
288 | display: inline-block;
289 |
290 | background-image: url('img/nti.jpg');
291 | background-size: contain;
292 | background-repeat: no-repeat
293 |
294 |
295 | }
296 | .nti a {
297 | text-decoration: none;
298 | }
299 |
300 |
301 |
302 |
303 | .coorec {
304 | width: 494px;
305 | height: 332px;
306 |
307 |
308 | margin-bottom: -5px;
309 | margin-top: 20px;
310 | margin-left: 70px;
311 | margin-right: -40px;
312 |
313 | overflow: hidden;
314 | display: inline-block;
315 |
316 | background-image: url('img/coorec.jpg');
317 | background-size: contain;
318 | background-repeat: no-repeat;
319 | }
320 | .coorec a {
321 | text-decoration: none;
322 | }
323 |
324 |
325 | .projeto6 {
326 | width: 494px;
327 | height: 332px;
328 |
329 |
330 | margin-bottom: -5px;
331 | margin-top: 20px;
332 | margin-left: 70px;
333 | margin-right: -40px;
334 |
335 | overflow: hidden;
336 | display: inline-block;
337 |
338 | background-image: url('img/projeto6DW.jpg');
339 | background-size: contain;
340 | background-repeat: no-repeat;
341 |
342 | }
343 | .projeto6 a {
344 | text-decoration: none;
345 | }
346 |
347 | .projeto5 {
348 | width: 494px;
349 | height: 332px;
350 |
351 |
352 | margin-bottom: -5px;
353 | margin-top: 20px;
354 | margin-left: 70px;
355 | margin-right: -40px;
356 |
357 | overflow: hidden;
358 | display: inline-block;
359 |
360 | background-image: url('img/projeto5DW.jpg');
361 | background-size: contain;
362 | background-repeat: no-repeat;
363 |
364 | }
365 | .projeto5 a {
366 | text-decoration: none;
367 | }
368 |
369 | .projeto4 {
370 | width: 494px;
371 | height: 332px;
372 |
373 |
374 | margin-bottom: -5px;
375 | margin-top: 20px;
376 | margin-left: 70px;
377 | margin-right: -40px;
378 |
379 | overflow: hidden;
380 | display: inline-block;
381 |
382 | background-image: url('img/projeto4DW.jpg');
383 | background-size: contain;
384 | background-repeat: no-repeat;
385 |
386 | }
387 | .projeto4 a {
388 | text-decoration: none;
389 | }
390 |
391 | .projeto3 {
392 | width: 494px;
393 | height: 332px;
394 |
395 |
396 | margin-bottom: -5px;
397 | margin-top: 20px;
398 | margin-left: 70px;
399 | margin-right: -40px;
400 |
401 | overflow: hidden;
402 | display: inline-block;
403 |
404 | background-image: url('img/projeto3DW.jpg');
405 | background-size: contain;
406 | background-repeat: no-repeat;
407 |
408 | }
409 | .projeto3 a {
410 | text-decoration: none;
411 | }
412 |
413 |
414 |
415 | .projeto2 {
416 | width: 494px;
417 | height: 332px;
418 |
419 |
420 | margin-bottom: -5px;
421 | margin-top: 20px;
422 | margin-left: 70px;
423 | margin-right: -40px;
424 |
425 | overflow: hidden;
426 | display: inline-block;
427 |
428 | background-image: url('img/projeto2DW.jpg');
429 | background-size: contain;
430 | background-repeat: no-repeat;
431 |
432 | }
433 | .projeto2 a {
434 | text-decoration: none;
435 | }
436 |
437 |
438 |
439 |
440 | .projeto1 {
441 | width: 494px;
442 | height: 332px;
443 |
444 |
445 | margin-bottom: -5px;
446 | margin-top: 20px;
447 | margin-left: 70px;
448 | margin-right: -40px;
449 |
450 | overflow: hidden;
451 | display: inline-block;
452 |
453 | background-image: url('img/projeto1DW.jpg');
454 | background-size: contain;
455 | background-repeat: no-repeat;
456 |
457 | }
458 | .projeto1 a {
459 | text-decoration: none;
460 | }
461 |
462 |
463 | .blackbox {
464 | width: 100%;
465 | height: 100%;
466 | background-color: black;
467 | opacity: 0;
468 | padding-top: 130px;
469 |
470 |
471 |
472 |
473 |
474 | }
475 | .blackbox:hover {
476 | opacity: 0.8;
477 |
478 | }
479 |
480 | .blackbox-text {
481 | text-align: center;
482 | }
483 |
484 | .blackbox-text p {
485 | font-size: 17px;
486 | text-align: center;
487 |
488 | margin-left: 10px;
489 |
490 | }
491 |
492 | .projeto1 p {
493 | font-size: 17px;
494 | margin-top: 50px;
495 | }
496 |
497 | .projeto2 p {
498 | font-size: 17px;
499 | margin-top: 90px;
500 | }
501 |
502 | .projeto3 p {
503 | font-size: 17px;
504 | margin-top: 70px;
505 | }
506 |
507 | .projeto4 p {
508 | font-size: 17px;
509 | margin-top: 90px;
510 | }
511 |
512 | .projeto5 p {
513 | font-size: 17px;
514 | margin-top: 75px;
515 | }
516 |
517 | .projeto6 p {
518 | font-size: 17px;
519 | margin-top: 70px;
520 | }
521 |
522 |
523 |
524 | .blackbox-text h1 {
525 | font-size: 15px;
526 | color: white;
527 | text-transform: uppercase;
528 | margin-top: 0;
529 | }
530 |
531 | .blackbox-text h2 {
532 | text-transform: none;
533 | font-weight: 100;
534 | margin-top: 0;
535 | color:#FFC914;
536 | font-size: 20px;
537 | }
538 |
539 |
540 |
541 |
542 |
543 |
544 | @keyframes navegacao {
545 | 0% {opacity: 0;}
546 | 50% {opacity: 0;}
547 | 100% {opacity: 1;}
548 |
549 | }
550 |
551 | @keyframes conteudo {
552 | 0% {opacity: 0; transform: translate(-20px,0px)}
553 | 100% {opacity: 1; transform: translate (0px,0px);}
554 | }
555 |
556 |
557 |
558 |
559 |
560 | @media (max-width: 1000px) {
561 |
562 |
563 | .navegation li {
564 | display: none;
565 | }
566 |
567 | .navegation li.menu {
568 | display: inline-block;
569 | }
570 |
571 |
572 |
573 | .teste2 {
574 |
575 | text-align: left;
576 | margin-top: -60px;
577 | padding-top: 70px;
578 | padding-right: 12%;
579 | padding-bottom: 40px;
580 | padding-left: 5%;
581 |
582 |
583 | }
584 |
585 | .teste2 h2 {
586 | font-size: 14px;
587 | text-transform: uppercase;
588 | font-weight: normal;
589 | color: white;
590 | font-family: 'Press Start 2P', cursive;
591 | margin-top: 40px;
592 | }
593 |
594 |
595 | .teste2 h1 {
596 | margin-left: -9px;
597 | font-weight: 400;
598 | font-size: 30px;
599 | color: white;
600 | }
601 |
602 |
603 | .teste2 h3 {
604 | text-transform: uppercase;
605 | font-size: 13px;
606 | color: #FFC914;
607 | font-family: 'Montserrat', sans-serif;
608 | padding-top: 20px;
609 |
610 | }
611 |
612 | .teste2 p {
613 | font-weight: 100;
614 | font-size: 19px;
615 | line-height: 22px;
616 | color: white;
617 | font-family: 'Montserrat', sans-serif;
618 | }
619 |
620 |
621 |
622 | .contatoNTI p {
623 | font-weight: 0;
624 | font-size: 15px;
625 | line-height: 22px;
626 | color: white;
627 | font-family: 'Montserrat', sans-serif;
628 | text-align: center;
629 | width: 330px;
630 | margin-left: 0;
631 | }
632 |
633 | .contatoNTI img {
634 | float: none;
635 | max-width: 100%;
636 | margin-right: 0px;
637 | margin-left: 10px;
638 | }
639 |
640 | .contatoCOOREC p {
641 | font-weight: 0;
642 | font-size: 15px;
643 | line-height: 22px;
644 | color: white;
645 | font-family: 'Montserrat', sans-serif;
646 | text-align: center;
647 | width: 330px;
648 | margin-left: 0;
649 | }
650 |
651 | .contatoCOOREC img {
652 | float: none;
653 | max-width: 100%;
654 | margin-right: 0px;
655 | margin-left: 10px;
656 |
657 | width: 300px;
658 | height: 300px;
659 | }
660 |
661 |
662 |
663 | .cv-pic img{
664 | float: none;
665 | max-width: 100%;
666 | margin-right: 0;
667 |
668 | }
669 |
670 |
671 | .blackbox {
672 | opacity: 0.8;
673 | }
674 |
675 |
676 | .blackbox-text h1 {
677 | font-size: 12px;
678 | margin-top: 0px;
679 |
680 | }
681 | .blackbox-text h2 {
682 | color: #FFC914;
683 | font-size: 14px;
684 | margin-top: 0;
685 |
686 | }
687 |
688 | .blackbox-text {
689 | text-align: center;
690 | margin-top: -30px;
691 | }
692 |
693 | .projeto1 p {
694 | font-size: 14px;
695 | margin-top: 30px;
696 | }
697 |
698 | .projeto2 p {
699 | font-size: 14px;
700 | margin-top: 50px;
701 | }
702 |
703 | .projeto3 p {
704 | font-size: 14px;
705 | margin-top: 30px;
706 | }
707 |
708 | .projeto4 p {
709 | font-size: 14px;
710 | margin-top: 30px;
711 | }
712 |
713 | .projeto5 p {
714 | font-size: 14px;
715 | margin-top: 50px;
716 | }
717 |
718 | .projeto6 p {
719 | font-size: 14px;
720 | margin-top: 30px;
721 | }
722 |
723 |
724 |
725 |
726 |
727 |
728 | .nti {
729 | background-image: url('img/ntiDC.jpg');
730 |
731 | margin-bottom: -5px;
732 | margin-top: 20px;
733 | margin-left: 20px;
734 | margin-right: 0px;
735 |
736 | max-width: 100%;
737 |
738 | overflow: hidden;
739 | display: inline-block;
740 | background-size: contain;
741 | background-repeat: no-repeat;
742 |
743 | line-height: 20px;
744 |
745 |
746 | width: 494px;
747 | height: 260px;
748 |
749 | }
750 |
751 |
752 | .coorec {
753 | background-image: url('img/coorecDC.jpg');
754 |
755 | margin-bottom: -5px;
756 | margin-top: 20px;
757 | margin-left: 20px;
758 | margin-right: 0px;
759 |
760 | max-width: 100%;
761 |
762 | overflow: hidden;
763 | display: inline-block;
764 | background-size: contain;
765 | background-repeat: no-repeat;
766 |
767 | line-height: 20px;
768 |
769 |
770 | width: 494px;
771 | height: 260px;
772 |
773 | }
774 | .projeto6 {
775 | background-image: url('img/projeto6DC.jpg');
776 |
777 | margin-bottom: -5px;
778 | margin-top: 20px;
779 | margin-left: 20px;
780 | margin-right: 0px;
781 |
782 | max-width: 100%;
783 |
784 | overflow: hidden;
785 | display: inline-block;
786 | background-size: contain;
787 | background-repeat: no-repeat;
788 |
789 | line-height: 20px;
790 |
791 | width: 494px;
792 | height: 260px;
793 |
794 |
795 | }
796 |
797 | .projeto5 {
798 | background-image: url('img/projeto5DC.jpg');
799 |
800 | margin-bottom: -5px;
801 | margin-top: 20px;
802 | margin-left: 20px;
803 | margin-right: 0px;
804 |
805 | max-width: 100%;
806 |
807 | overflow: hidden;
808 | display: inline-block;
809 | background-size: contain;
810 | background-repeat: no-repeat;
811 |
812 | line-height: 20px;
813 |
814 | width: 494px;
815 | height: 260px;
816 |
817 |
818 |
819 |
820 | }
821 | .projeto4 {
822 | background-image: url('img/projeto4DC.jpg');
823 |
824 | margin-bottom: -5px;
825 | margin-top: 20px;
826 | margin-left: 20px;
827 | margin-right: 0px;
828 |
829 | max-width: 100%;
830 |
831 | overflow: hidden;
832 | display: inline-block;
833 | background-size: contain;
834 | background-repeat: no-repeat;
835 |
836 | line-height: 20px;
837 |
838 |
839 | width: 494px;
840 | height: 260px;
841 |
842 |
843 |
844 |
845 | }
846 |
847 | .projeto3 {
848 | background-image: url('img/projeto3DC.jpg');
849 |
850 | margin-bottom: -5px;
851 | margin-top: 20px;
852 | margin-left: 20px;
853 | margin-right: 0px;
854 |
855 | max-width: 100%;
856 |
857 | overflow: hidden;
858 | display: inline-block;
859 | background-size: contain;
860 | background-repeat: no-repeat;
861 |
862 | line-height: 20px;
863 |
864 | width: 494px;
865 | height: 260px;
866 |
867 |
868 |
869 |
870 | }
871 |
872 | .projeto2 {
873 | background-image: url('img/projeto2DC.jpg');
874 |
875 | margin-bottom: -5px;
876 | margin-top: 20px;
877 | margin-left: 20px;
878 | margin-right: 0px;
879 |
880 | max-width: 100%;
881 |
882 | overflow: hidden;
883 | display: inline-block;
884 | background-size: contain;
885 | background-repeat: no-repeat;
886 | line-height: 20px;
887 |
888 | width: 494px;
889 | height: 260px;
890 |
891 |
892 |
893 |
894 | }
895 |
896 | .projeto1 {
897 |
898 | width: 494px;
899 | height: 332px;
900 |
901 | background-image: url('img/projeto1DC.jpg');
902 |
903 | margin-bottom: -5px;
904 | margin-top: 20px;
905 | margin-left: 20px;
906 | margin-right: 0px;
907 |
908 | max-width: 100%;
909 |
910 |
911 | overflow: hidden;
912 | display: inline-block;
913 | background-size: contain;
914 | background-repeat: no-repeat;
915 |
916 |
917 | line-height: 20px;
918 |
919 | width: 494px;
920 | height: 260px;
921 |
922 |
923 |
924 | }
925 |
926 |
927 |
928 |
929 |
930 |
931 | .perf img {
932 | width: 220px;
933 | border-radius: 350px;
934 | margin-top: -10px;
935 | margin-left: 60px;
936 |
937 | animation-name: conteudo;
938 | animation-duration: 3s;
939 | }
940 |
941 |
942 | .contato h1 {
943 | margin-left: -9px;
944 | font-weight: 400;
945 | font-size: 30px;
946 | color: white;
947 |
948 | margin-top: -20px;
949 |
950 |
951 | animation-name: conteudo;
952 | animation-duration: 3s;
953 | }
954 |
955 | .contato h3 {
956 | text-transform: uppercase;
957 | font-size: 13px;
958 | color: #FFC914;
959 | font-family: 'Montserrat', sans-serif;
960 |
961 | margin-top: -20px;
962 |
963 | animation-name: conteudo;
964 | animation-duration: 3s;
965 | }
966 |
967 |
968 |
969 | .teste2 h5 {
970 | text-align: center;
971 | font-size: 20px;
972 | font-weight: 100;
973 | margin-left: 24px;
974 | margin-right: 200px;
975 | margin-top: 4px;
976 |
977 | margin-bottom: 100px;
978 | color: white;
979 |
980 | animation-name: conteudo;
981 | animation-duration: 3s;
982 |
983 | width: 100%;
984 |
985 | }
986 |
987 |
988 | .contato h5 {
989 | text-align: center;
990 | font-size: 16px;
991 | font-weight: 100;
992 | margin-left: 24px;
993 | margin-right: 200px;
994 | margin-top: 4px;
995 |
996 | margin-bottom: 100px;
997 | color: white;
998 |
999 | animation-name: conteudo;
1000 | animation-duration: 3s;
1001 |
1002 | width: 100%;
1003 |
1004 | }
1005 |
1006 |
1007 |
1008 | .social img {
1009 | width: 40px;
1010 | margin-top: -1000px;
1011 |
1012 | margin-bottom: 80px;
1013 |
1014 | margin-left: 85px;
1015 |
1016 | animation-name: conteudo;
1017 | animation-duration: 3s;
1018 |
1019 |
1020 | }
1021 | .social2 img {
1022 | width: 40px;
1023 | margin-top: -1000px;
1024 |
1025 | margin-bottom: 80px;
1026 |
1027 | margin-left: 145px;
1028 |
1029 | animation-name: conteudo;
1030 | animation-duration: 3s;
1031 |
1032 | }
1033 | .social3 img {
1034 | width: 40px;
1035 | margin-top: -1000px;
1036 |
1037 | margin-left: 207px;
1038 |
1039 |
1040 |
1041 | margin-bottom: 80px;
1042 |
1043 | animation-name: conteudo;
1044 | animation-duration: 3s;
1045 |
1046 |
1047 |
1048 | }
1049 | .social4 img {
1050 | width: 42px;
1051 | margin-top: -1000px;
1052 |
1053 | margin-bottom: 80px;
1054 |
1055 |
1056 | margin-left: 265px;
1057 |
1058 | animation-name: conteudo;
1059 | animation-duration: 3s;
1060 |
1061 |
1062 |
1063 |
1064 | }
1065 |
1066 |
1067 |
1068 |
1069 |
1070 |
1071 |
1072 |
1073 |
1074 |
1075 |
1076 | .menujs {
1077 |
1078 | height: 300px;
1079 |
1080 | }
1081 |
1082 |
1083 | .menujs ul {
1084 |
1085 | height: 300px;
1086 |
1087 | text-align: center;
1088 |
1089 | padding-right: 15%;
1090 | padding-left: 15%;
1091 |
1092 | }
1093 |
1094 |
1095 | .menujs li {
1096 |
1097 | display: block;
1098 |
1099 | font-size: 23px;
1100 |
1101 |
1102 | }
1103 |
1104 | }
--------------------------------------------------------------------------------