Skip to content

Commit

Permalink
prog-web
Browse files Browse the repository at this point in the history
  • Loading branch information
@yurialvs
yurialvs authored Oct 28, 2023
1 parent 812e920 commit 624d649
Show file tree
Hide file tree
Showing 5 changed files with 425 additions and 0 deletions.
46 changes: 46 additions & 0 deletions contato.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contato</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="imagens/icon.ico" type="image/x-icon">
</head>
<body>

<!-- Barra de navegação -->
<nav>
<ul>
<li><a href="index.html">Página Inicial</a></li>
<li><a href="projetos.html">Projetos</a></li>
<li><a href="contato.html"><u>Contato</u></a></li>
<li><a href="sobre.html">Sobre</a></li>
</ul>
</nav>

<!-- Container que engloba os conteúdos -->
<div id="container">

<!-- Conteúdo do contato -->
<section>
<h1>Contato</h1>
<hr>
<p><strong>Email:</strong> [email protected]</p>
<p><strong>Telefone:</strong> (xx) xxxxx-xxxx</p>
<div id="redes-centro">
<a href="https://github.com/yurialvs"><img class="redes-img" src="imagens/git.png" alt="GitHub"></a>

<a href="https://www.linkedin.com/in/yurialvs/"><img class="redes-img" src="imagens/linkedin.png" alt="linkedin"></a>

<a href="https://www.instagram.com/_yurialvs/"><img class="redes-img" src="imagens/insta.png" alt=""></a>
</div>
</section>
</div>

<!-- Rodapé da página -->
<footer>
<p>Criado por Yuri Alves</p>
</footer>
</body>
</html>
51 changes: 51 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="imagens/icon.ico" type="image/x-icon">
</head>
<body>

<!-- Barra de navegação -->
<nav>
<ul>
<li><a href="index.html"><u>Página Inicial</u></a></li>
<li><a href="projetos.html">Projetos</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="sobre.html">Sobre</a></li>
</ul>
</nav>

<!-- Container que engloba os conteúdos -->
<div id="container">

<!-- Conteúdo lateral esquerdo -->
<section id="ola-yuri">
<h1 id="h1-white">Olá, sou o <br><span id="yuri-efeito">Yuri Alves</span></h1>
</section>

<!-- Conteúdo lateral direito -->
<aside >
<h2 id="h2-white">Skills</h2>
<a href="https://www.w3schools.com/html/"><img class="skills-img" src="imagens/html.png" alt="html"></a>

<a href="https://www.w3schools.com/css/"><img class="skills-img" src="imagens/css.png" alt="css"></a>

<a href="https://www.w3schools.com/js/"><img class="skills-img" src="imagens/js.png" alt="js"></a>

<a href="https://www.w3schools.com/python/"><img class="skills-img" src="imagens/python.png" alt="python"></a>
</aside>
</div>

<!-- Minha biográfia -->
<p id="bio">Sou um estudante dedicado de Análise e Desenvolvimento de Sistemas, apaixonado por programação e ávido por desafios estimulantes. Estou em busca de oportunidades que me permitam aplicar com entusiasmo meu conhecimento e criatividade na criação de soluções inovadoras. Minha abordagem é proativa, sempre buscando superar obstáculos. Estou profundamente comprometido com o meu crescimento profissional, disposto a enfrentar desafios e aprimorar minhas habilidades para manter a constante evolução e contribuir de forma significativa no campo da tecnologia.</p>

<!-- Rodapé da página -->
<footer>
<p>Criado por Yuri Alves</p>
</footer>
</body>
</html>
78 changes: 78 additions & 0 deletions projetos.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projetos</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="imagens/icon.ico" type="image/x-icon">
</head>
<body>

<!-- Barra de navegação -->
<nav>
<ul>
<li><a href="index.html">Página Inicial</a></li>
<li><a href="projetos.html"><u>Projetos</u></a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="sobre.html">Sobre</a></li>
</ul>
</nav>

<!-- Container que engloba os conteúdos -->
<div id="container">

<!-- Conteúdo dos projetos -->
<section>
<h1>Projetos</h1>
<hr>
<figure>
<div class="conteudo-proj">
<h3><strong>Super Mario - Skins</strong></h3>
<img class="imgprojetos" src="imagens/mario.png" alt="Super Mario">
<details>
<summary>Mais detalhes</summary>
<p>Super mario em pixel art criado com tabelas de HTML e estilizado com CSS, e utilizando JavaScript ainda pode fazer alterações de cores clicando nos botões do projeto.</p>
<a href="https://yurialvs.github.io/html-css/supermario-skins/">Visite o projeto</a>
</details>
</div>
<br>
<div class="conteudo-proj">
<h3><strong>Sistema de Multas</strong></h3>
<img class="imgprojetos" src="imagens/multa.png" alt="Sistema de Multas">
<details>
<summary>Mais detalhes</summary>
<p>Sistema de multas com JavaScript, será multado se a velocidade for superior a 60km/h</p>
<a href="https://yurialvs.github.io/javascript/dom/atv04.html">Visite o projeto</a>
</details>
</div>
<br>
<div class="conteudo-proj">
<h3><strong>Sistema de Escolha</strong></h3>
<img class="imgprojetos" src="imagens/escolha.png" alt="Sistema de Escolha">
<details>
<summary>Mais detalhes</summary>
<p>Sistema de Escolha aleatória desenvolvida em Python, onde é inserido duas opções e o sistema escolherá uma delas.</p>
<a href="https://github.com/yurialvs/python/blob/main/escolha-por-mim/escolha.py">Visite o projeto</a>
</details>
</div>
<br>
<div class="conteudo-proj">
<h3><strong>BotZap - Simulação</strong></h3>
<img class="imgprojetos" src="imagens/zap.png" alt="Sistema de Escolha">
<details>
<summary>Mais detalhes</summary>
<p>Simulação de um bot de whatsapp de uma lavanderia feito com Python, onde há opções de valores, endereço, prazos e horários.</p>
<a href="https://github.com/yurialvs/python/blob/main/zapbot/zapbot.py">Visite o projeto</a>
</details>
</div>
</figure>
</section>
</div>

<!-- Rodapé da página -->
<footer>
<p>Criado por Yuri Alves</p>
</footer>
</body>
</html>
39 changes: 39 additions & 0 deletions sobre.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sobre</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="imagens/icon.ico" type="image/x-icon">
</head>
<body>

<!-- Barra de navegação -->
<nav>
<ul>
<li><a href="index.html">Página Inicial</a></li>
<li><a href="projetos.html">Projetos</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="sobre.html"><u>Sobre</u></a></li>
</ul>
</nav>

<!-- Container que engloba os conteúdos -->
<div id="container">

<!-- Conteúdo do sobre -->
<section>
<h1>Sobre</h1>
<hr>
<p>Este portfólio foi desenvolvido para um trabalho prático de Fundamentos da Programação Web na Uninter. Para a criação deste projeto, foram empregadas as linguagens HTML e CSS, demonstrando a aplicação de conceitos essenciais no desenvolvimento web. Esta experiência não apenas me permitiu consolidar meu entendimento dessas tecnologias, mas também ampliar minha capacidade de criar interfaces web atrativas e funcionais. Este projeto é um testemunho do meu comprometimento em adquirir habilidades práticas e aplicar o conhecimento teórico adquirido no ambiente acadêmico.</p>
<img id="bart" src="imagens/bart.gif" alt="">
</section>
</div>

<!-- Rodapé da página -->
<footer>
<p>Criado por Yuri Alves</p>
</footer>
</body>
</html>
Loading

0 comments on commit 624d649

Please sign in to comment.