150 lines
3.6 KiB
HTML
150 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="pt">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Página de Perfil</title>
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="profile-styles.css" />
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" href="favicon.ico" />
|
|
<link rel="shortcut icon" href="favicon.svg" type="image/svg" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="logo">📇</div>
|
|
<div class="content">
|
|
<h1>Página de Perfil</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="#identificacao">Identificação</a>
|
|
<a href="#formacao">Formação</a>
|
|
<a href="#interesses">Interesses</a>
|
|
<a href="#contactos">Contactos</a>
|
|
</nav>
|
|
<main>
|
|
<section id="identificacao" style="display: flex">
|
|
<div style="flex-grow: 2">
|
|
<h2>Identificação</h2>
|
|
<p>Nome: Luís Carlos Alves</p>
|
|
<p>Idade: 52 anos</p>
|
|
<p>Localização: Castelo Branco, Portugal</p>
|
|
</div>
|
|
<img style="transform: rotateY(180deg); margin: 0.5rem" width="300em" src="images/profile.webp" />
|
|
</section>
|
|
|
|
<section id="formacao">
|
|
<h2>Calendário da Formação</h2>
|
|
<table class="schedule" style="margin: 1em auto">
|
|
<colgroup>
|
|
<col width="1.2em" />
|
|
<col width="320em" />
|
|
<col width="150em" span="3" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>Sessão</th>
|
|
<th>Data</th>
|
|
<th>Início</th>
|
|
<th>Termino</th>
|
|
<th>Duração</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>quarta, 15 de abril de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>quarta, 22 de abril de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>quarta, 29 de abril de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>segunda, 4 de maio de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>quarta, 6 de maio de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>segunda, 11 de maio de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>7</td>
|
|
<td>quarta, 13 de maio de 2026</td>
|
|
<td>19:30</td>
|
|
<td>22:30</td>
|
|
<td>03h00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>8</td>
|
|
<td>segunda, 18 de maio de 2026</td>
|
|
<td>19:30</td>
|
|
<td>23:30</td>
|
|
<td>04h00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<section id="interesses">
|
|
<h2>Interesses</h2>
|
|
<ul>
|
|
<li>Sistemas de ficheiros</li>
|
|
<li>Contentores linux</li>
|
|
<li>Virtualização</li>
|
|
<li>Redes Informáticas</li>
|
|
</ul>
|
|
<h2>Controlos de Média</h2>
|
|
<h3>Áudio</h3>
|
|
<audio controls>
|
|
<source src="media/audio.aac" type="audio/aac" />
|
|
O seu navegador não suporta áudio.
|
|
</audio>
|
|
<h3>Vídeo</h3>
|
|
<video controls width="600" poster="media/video.webp">
|
|
<source src="media/video.mp4" type="video/mp4" />
|
|
O seu navegador não suporta vídeo.
|
|
</video>
|
|
</section>
|
|
</main>
|
|
<address id="contactos">
|
|
<h2>Contactos</h2>
|
|
<p>Email: <a href="mailto:alves.lcc@hotmail.com">alves.lcc@hotmail.com</a></p>
|
|
<p>Telefone: <a href="tel:+351966330454">966 330 454</a></p>
|
|
<p></p>
|
|
</address>
|
|
|
|
<footer>
|
|
<p>© 2026 - ScrambledTech, Inc.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|