alves.lcc/UC00622
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sessão 6

Browse Source
This commit is contained in:
Luís Carlos Alves
2026-05-15 19:41:45 +01:00
parent a91bdbaa0c
commit 2e1869f552
2 changed files with 126 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
index.html
View File

@@ -25,116 +25,116 @@
<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="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>
<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>

33
profile-styles.css
View File

@@ -7,10 +7,16 @@
color: #e5eeea;
}*/
@media (max-width: 600) {
body {
font-size: 10px;
}
}
body {
font-family: Arial, sans-serif;
color: #12224e;
font-size: 16pt;
font-size: 16px; /* default 16px */
margin: 0;
background-color: #f3f3f4;
scroll-behavior: smooth;
@@ -19,7 +25,7 @@ body {
header {
background-color: #587f76;
color: #f3f3f4;
padding: 3rem;
padding: 0.8rem;
background: no-repeat url(images/green-abstract.jpg);
background-size: cover;
display: flex;
@@ -28,11 +34,10 @@ header {
}
header div.logo {
font-size: 8rem;
font-size: 2rem;
}
header div.content {
font-size: 2rem;
flex-grow: 2;
text-align: center;
}
@@ -40,16 +45,16 @@ header div.content {
nav {
background-color: #4c4f57;
text-align: center;
height: 5.2rem;
height: 4.7rem;
position: sticky;
top: 0;
z-index: 100;
}
nav a {
font-size: 140%;
font-size: 1.5rem;
color: white;
padding: 1.8rem 3rem 2rem;
padding: 1.6rem 3rem;
transition: all 1s ease;
text-decoration: none;
font-weight: bold;
@@ -62,8 +67,7 @@ nav a:hover {
transition: all 0.5s ease;
-web-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-bottom: 0.8rem;
border-bottom: solid 1.2rem #4c4f57;
padding-bottom: 0.1rem;
}
address,
@@ -76,24 +80,23 @@ section {
}
table.schedule {
border-spacing: 1;
border-spacing: 0.2rem;
border-collapse: collapse;
background: white;
border-radius: 8px;
border-radius: 0.1rem;
overflow: hidden;
margin: 1em auto;
font-size: 14pt;
margin: 0.1rem auto;
td,
th {
padding-left: 8px;
}
thead tr {
height: 2em;
height: 0.8rem;
background: #587f76;
color: white;
}
tbody tr {
height: 1.5em;
height: 0.6rem;
border-bottom: 1px solid #4c4f57;
}
tbody tr:last-child {