Sessão 6
This commit is contained in:
216
index.html
216
index.html
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user