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="#interesses">Interesses</a>
|
||||||
<a href="#contactos">Contactos</a>
|
<a href="#contactos">Contactos</a>
|
||||||
</nav>
|
</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">
|
<section id="formacao">
|
||||||
<div style="flex-grow: 2">
|
<h2>Calendário da Formação</h2>
|
||||||
<h2>Identificação</h2>
|
<table class="schedule" style="margin: 1em auto">
|
||||||
<p>Nome: Luís Carlos Alves</p>
|
<colgroup>
|
||||||
<p>Idade: 52 anos</p>
|
<col width="1.2em" />
|
||||||
<p>Localização: Castelo Branco, Portugal</p>
|
<col width="320em" />
|
||||||
</div>
|
<col width="150em" span="3" />
|
||||||
<img style="transform: rotateY(180deg); margin: 0.5rem" width="300em" src="images/profile.webp" />
|
</colgroup>
|
||||||
</section>
|
<thead>
|
||||||
|
<tr>
|
||||||
<section id="formacao">
|
<th>Sessão</th>
|
||||||
<h2>Calendário da Formação</h2>
|
<th>Data</th>
|
||||||
<table class="schedule" style="margin: 1em auto">
|
<th>Início</th>
|
||||||
<colgroup>
|
<th>Termino</th>
|
||||||
<col width="1.2em" />
|
<th>Duração</th>
|
||||||
<col width="320em" />
|
</tr>
|
||||||
<col width="150em" span="3" />
|
</thead>
|
||||||
</colgroup>
|
<tbody>
|
||||||
<thead>
|
<tr>
|
||||||
<tr>
|
<td>1</td>
|
||||||
<th>Sessão</th>
|
<td>quarta, 15 de abril de 2026</td>
|
||||||
<th>Data</th>
|
<td>19:30</td>
|
||||||
<th>Início</th>
|
<td>22:30</td>
|
||||||
<th>Termino</th>
|
<td>03h00</td>
|
||||||
<th>Duração</th>
|
</tr>
|
||||||
</tr>
|
<tr>
|
||||||
</thead>
|
<td>2</td>
|
||||||
<tbody>
|
<td>quarta, 22 de abril de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>1</td>
|
<td>22:30</td>
|
||||||
<td>quarta, 15 de abril de 2026</td>
|
<td>03h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
<tr>
|
||||||
<td>03h00</td>
|
<td>3</td>
|
||||||
</tr>
|
<td>quarta, 29 de abril de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>2</td>
|
<td>22:30</td>
|
||||||
<td>quarta, 22 de abril de 2026</td>
|
<td>03h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
<tr>
|
||||||
<td>03h00</td>
|
<td>4</td>
|
||||||
</tr>
|
<td>segunda, 4 de maio de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>3</td>
|
<td>22:30</td>
|
||||||
<td>quarta, 29 de abril de 2026</td>
|
<td>03h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
<tr>
|
||||||
<td>03h00</td>
|
<td>6</td>
|
||||||
</tr>
|
<td>quarta, 6 de maio de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>4</td>
|
<td>22:30</td>
|
||||||
<td>segunda, 4 de maio de 2026</td>
|
<td>03h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
<tr>
|
||||||
<td>03h00</td>
|
<td>6</td>
|
||||||
</tr>
|
<td>segunda, 11 de maio de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>6</td>
|
<td>22:30</td>
|
||||||
<td>quarta, 6 de maio de 2026</td>
|
<td>03h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
<tr>
|
||||||
<td>03h00</td>
|
<td>7</td>
|
||||||
</tr>
|
<td>quarta, 13 de maio de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>6</td>
|
<td>22:30</td>
|
||||||
<td>segunda, 11 de maio de 2026</td>
|
<td>03h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
<tr>
|
||||||
<td>03h00</td>
|
<td>8</td>
|
||||||
</tr>
|
<td>segunda, 18 de maio de 2026</td>
|
||||||
<tr>
|
<td>19:30</td>
|
||||||
<td>7</td>
|
<td>23:30</td>
|
||||||
<td>quarta, 13 de maio de 2026</td>
|
<td>04h00</td>
|
||||||
<td>19:30</td>
|
</tr>
|
||||||
<td>22:30</td>
|
</tbody>
|
||||||
<td>03h00</td>
|
</table>
|
||||||
</tr>
|
</section>
|
||||||
<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="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">
|
<address id="contactos">
|
||||||
<h2>Contactos</h2>
|
<h2>Contactos</h2>
|
||||||
<p>Email: <a href="mailto:alves.lcc@hotmail.com">alves.lcc@hotmail.com</a></p>
|
<p>Email: <a href="mailto:alves.lcc@hotmail.com">alves.lcc@hotmail.com</a></p>
|
||||||
|
|||||||
@@ -7,10 +7,16 @@
|
|||||||
color: #e5eeea;
|
color: #e5eeea;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
@media (max-width: 600) {
|
||||||
|
body {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
color: #12224e;
|
color: #12224e;
|
||||||
font-size: 16pt;
|
font-size: 16px; /* default 16px */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: #f3f3f4;
|
background-color: #f3f3f4;
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
@@ -19,7 +25,7 @@ body {
|
|||||||
header {
|
header {
|
||||||
background-color: #587f76;
|
background-color: #587f76;
|
||||||
color: #f3f3f4;
|
color: #f3f3f4;
|
||||||
padding: 3rem;
|
padding: 0.8rem;
|
||||||
background: no-repeat url(images/green-abstract.jpg);
|
background: no-repeat url(images/green-abstract.jpg);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -28,11 +34,10 @@ header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
header div.logo {
|
header div.logo {
|
||||||
font-size: 8rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
header div.content {
|
header div.content {
|
||||||
font-size: 2rem;
|
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -40,16 +45,16 @@ header div.content {
|
|||||||
nav {
|
nav {
|
||||||
background-color: #4c4f57;
|
background-color: #4c4f57;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 5.2rem;
|
height: 4.7rem;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
font-size: 140%;
|
font-size: 1.5rem;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1.8rem 3rem 2rem;
|
padding: 1.6rem 3rem;
|
||||||
transition: all 1s ease;
|
transition: all 1s ease;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -62,8 +67,7 @@ nav a:hover {
|
|||||||
transition: all 0.5s ease;
|
transition: all 0.5s ease;
|
||||||
-web-transition: all 0.5s ease;
|
-web-transition: all 0.5s ease;
|
||||||
-o-transition: all 0.5s ease;
|
-o-transition: all 0.5s ease;
|
||||||
padding-bottom: 0.8rem;
|
padding-bottom: 0.1rem;
|
||||||
border-bottom: solid 1.2rem #4c4f57;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
address,
|
address,
|
||||||
@@ -76,24 +80,23 @@ section {
|
|||||||
}
|
}
|
||||||
|
|
||||||
table.schedule {
|
table.schedule {
|
||||||
border-spacing: 1;
|
border-spacing: 0.2rem;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background: white;
|
background: white;
|
||||||
border-radius: 8px;
|
border-radius: 0.1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: 1em auto;
|
margin: 0.1rem auto;
|
||||||
font-size: 14pt;
|
|
||||||
td,
|
td,
|
||||||
th {
|
th {
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
thead tr {
|
thead tr {
|
||||||
height: 2em;
|
height: 0.8rem;
|
||||||
background: #587f76;
|
background: #587f76;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
tbody tr {
|
tbody tr {
|
||||||
height: 1.5em;
|
height: 0.6rem;
|
||||||
border-bottom: 1px solid #4c4f57;
|
border-bottom: 1px solid #4c4f57;
|
||||||
}
|
}
|
||||||
tbody tr:last-child {
|
tbody tr:last-child {
|
||||||
|
|||||||
Reference in New Issue
Block a user