Sessão 6

This commit is contained in:
2026-05-15 19:41:45 +01:00
parent a91bdbaa0c
commit 2e1869f552
2 changed files with 126 additions and 123 deletions

View File

@@ -25,7 +25,7 @@
<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"> <section id="identificacao" style="display: flex">
<div style="flex-grow: 2"> <div style="flex-grow: 2">
<h2>Identificação</h2> <h2>Identificação</h2>
@@ -134,7 +134,7 @@
O seu navegador não suporta vídeo. O seu navegador não suporta vídeo.
</video> </video>
</section> </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>

View File

@@ -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 {