Análise de Desenvolvimento de Sistemas
Por: Luis Henrique Oficial • 11/4/2024 • Trabalho acadêmico • 626 Palavras (3 Páginas) • 47 Visualizações
[pic 1]
CENTRO UNIVERSITÁRIO INTERNACIONAL UNINTER
ESCOLA SUPERIOR POLITÉCNICA
Análise de desenvolvimento de sistemas
FundamentoS De PROGRAMAÇÃO WEB
ATIVIDADE PRÁTICA
NOME:luis henrique pereira da silva
RU:4573157
SÃO BERNARDO DO CAMPO - SP
2024
- Estrutura de pastas do projeto
IMAGEM DO VS CODE.
[pic 2]
- COLOCAR NOME DOS ARQUIVOS
(COPIAR CÓDIGO)
Nome do arquivo: index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<nav class="container menu">
<ul>
<li><a href="index.html">Quem sou eu?</a></li>
<li><a href="formacao.html">Formação</a></li>
<li><a href="portfolio.html">Meu portfólio</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
<h2>Quem sou eu?</h2>
<p> Meu nome é Luis Henrique, Tenho 33 anos sou casado, gosto Tecnologia, futebol e tocar instrumentos musicais.
Sou alegre e gosto de enfrentar novos desafios ..
<img src="eu.gif" alt=" Olá, Esse Sou Eu!!"
>
</p>
</p>
</body>
</html>
Nome do arquivo: estyles. css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #383734; /* Fundo cinza claro */
color: #57f0f0;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
background-color: #fff;
padding: 20px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.menu {
background: #f5a62f; /* Lilás */
color: #fff;
padding: 15px 0;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
}
.menu li {
display: inline;
padding: 0 20px;
}
.menu li a {
color: #fff;
text-decoration: none;
transition: color 0.5s ease-in-out;
font-size: 20px;
}
.menu li a:hover {
color: #333;
}
#quemsoueu, #formacao, #portfolio, #contato {
padding: 50px 0;
width: 70%;
margin: auto;
background: #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
...