Sessão 6
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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