Scribd
Carregar
3 visualizações3 páginas

Wayner

Este documento é um modelo de portfólio em HTML para um desenvolvedor iniciante. Ele inclui seções sobre o desenvolvedor, projetos realizados e informações de contato. O layout é estruturado com cabeçalho, seções e rodapé, utilizando CSS para estilização.

Enviado por

adrianoybgeraldo
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
3 visualizações3 páginas

Wayner

Este documento é um modelo de portfólio em HTML para um desenvolvedor iniciante. Ele inclui seções sobre o desenvolvedor, projetos realizados e informações de contato. O layout é estruturado com cabeçalho, seções e rodapé, utilizando CSS para estilização.

Enviado por

adrianoybgeraldo
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

<!

DOCTYPE html>

<html lang="pt">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Portfólio - Seu Nome</title>

<!-- Ligar o CSS -->

<link rel="stylesheet" href="[Link]">

</head>

<body>

<!-- Cabeçalho -->

<header>

<h1>Meu Portfólio</h1>

<nav>

<ul>

<li><a href="#sobre">Sobre</a></li>

<li><a href="#projetos">Projetos</a></li>

<li><a href="#contacto">Contacto</a></li>

</ul>

</nav>

</header>
<!-- Secção sobre -->

<section id="sobre" class="secao">

<h2>Sobre mim</h2>

<p>Olá, sou um desenvolvedor iniciante e estou aprendendo HTML, CSS e JavaScript. Este é o meu
portfólio criado para demonstrar os meus primeiros projetos e evolução no mundo do desenvolvimento
web.</p>

</section>

<!-- Secção de projetos -->

<section id="projetos" class="secao">

<h2>Projetos</h2>

<div class="container-projetos">

<div class="projeto">

<img src="[Link] alt="Projeto 1">

<h3>Projeto 1</h3>

<p>Descrição breve do projeto 1. Explica o que fizeste, tecnologias usadas, etc.</p>

</div>

<div class="projeto">

<img src="[Link] alt="Projeto 2">

<h3>Projeto 2</h3>

<p>Descrição breve do projeto 2. Pode ser um site, uma maquete, um exercício.</p>

</div>
<div class="projeto">

<img src="[Link] alt="Projeto 3">

<h3>Projeto 3</h3>

<p>Descrição breve do projeto 3. Mantém sempre uma breve explicação.</p>

</div>

</div>

</section>

<!-- Secção de contacto -->

<section id="contacto" class="secao">

<h2>Contacto</h2>

<p>Email: teuemail@[Link]</p>

<p>Telefone: +258 84 000 0000</p>

</section>

<!-- Rodapé -->

<footer>

<p>© 2025 Seu Nome — Todos os direitos reservados</p>

</footer>

</body>

</html>

Você também pode gostar