├── 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 | Projeto Coorec - Luis Vinicius 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 32 | 33 | 34 |
35 | 36 | 37 | 38 | Foto do Grupo do Projeto 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 |

Voltar

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 | Contato - Luis Vinicius 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 34 | 35 | 36 |
37 | 38 |

Contato

39 | 40 | 41 |

E-mail:

42 |

luislauriano@outlook.com.br

43 | 44 |

Telefone:

45 |

(81) 983143301

46 | 47 |
48 | 49 | Foto de Luis Vinicius 50 | 51 |
52 | 53 |
Luis Vinicius Lauriano de França
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 | -------------------------------------------------------------------------------- /nti.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Projeto Estudante Cooperador Pedagógico - Luis Vinicius 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 32 | 33 | 34 |
35 | 36 | 37 | 38 | Foto do Grupo do Projeto 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 |

Voltar

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 | 9 | Luis Vinicius 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 36 | 37 | 38 |
39 | 40 |
41 | 42 | Foto de Luis Vinicius 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 |
60 | 61 | 62 | 63 | 64 |
65 | 66 | 67 | 68 |
69 | 70 |
71 |

Hello World, pra quem não me conhece, me chamo Luis Vinicius, também conhecido como Tito e tenho 19 anos. Atualmente graduando em Gestão da Informação na UFPE, entusiasta em Data Science, desenvolvedor em Python, apaixonado por Tecnologia, Inovação, Desenvolvimento de projetos e gosto de jogar League of legends em meus finais de semana.

72 | 73 |
74 |
75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /port.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Luis Vinicius 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 39 | 40 | 41 |
42 | 43 |
44 | 45 | Foto de Luis Vinicius 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 |
63 | 64 |

Quem sou eu?

65 | 66 | 67 |
68 | 69 | 70 | 71 |
72 | 73 |
74 |

João Luiz, artisticamente conhecido como JLZ, é um produtor musical e DJ de vinte e um anos nascido em Brasília, onde desde então desenvolve sua atuação no cenário nacional e internacional, iniciada em 2014. Dono de uma pesquisa incessante, suas produções e sets em evolução constante o tornam hoje um dos nomes de maior destaque no Bass nacional, no qual é conhecido por seus sons avançados.

75 |
76 | 77 | 78 |

CONTATO

79 | 80 |
81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /portfolio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Portfolio - Luis Vinicius 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 33 | 34 |
35 | 36 | 37 |

38 |

39 | 40 | 41 | 42 | 58 | 59 | 60 | 61 | 62 | 79 | 80 | 81 | 98 | 99 | 116 | 117 | 134 | 135 | 152 | 153 | 154 | 155 | 156 | 157 | 172 | 173 | 174 | 175 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 |
201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | -------------------------------------------------------------------------------- /curriculo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Currículo - Luis Vinicius 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 34 | 35 | 36 |
37 | 38 |

Curriculo

39 | 40 |

Dados Pessoais

41 |
42 |
43 | Foto de Luis Vinicius 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 | } --------------------------------------------------------------------------------