update #4

Merged
Mathijs merged 2 commits from test into main 2023-01-11 17:18:45 +01:00
2 changed files with 44 additions and 56 deletions

View file

@ -37,7 +37,7 @@
}
}
@media only screen and (max-width: 500px) {
@media only screen and (max-width: 850px) {
logo {
font-size: 50px !important;
}
@ -75,7 +75,9 @@
#content-wrap {
padding-bottom: 80px; /* Footer height */
} #page-container {
}
#page-container {
position: relative;
min-height: 100vh;
}
@ -123,13 +125,13 @@
color: #374351;
}
#tekst-links h1{
padding-top: 150px;
padding-top: 100px;
margin-top: 0px;
font-size: 42px;
margin-bottom: 60px;
}
#tekst-links h2{
padding-top: 150px;
padding-top: 30px;
margin-top: 0px;
font-size: 30px;
margin-bottom: 60px;
@ -145,14 +147,14 @@
color: #D2E0F0;
}
#tekst-midden h1{
padding-top: 150px;
padding-top: 100px;
margin-top: 0px;
font-size: 42px;
margin-bottom: 60px;
}
#tekst-midden h2{
padding-top: 60px;
padding-top: 30px;
margin-top: 0px;
font-size: 30px;
margin-bottom: 60px;
@ -179,9 +181,7 @@
}
a:hover {
color: red;
background-color: #2B3642;
text-decoration: underline;
}
/*specials*********************************************************************************************************/
@ -204,6 +204,7 @@
font-size: 20px;
color: #D2E0F0;
cursor: pointer;
}
#knop a:link{
color: #D2E0F0;
@ -218,9 +219,7 @@
}
#knop a:hover {
color: red;
background-color: #2B3642;
text-decoration: underline;
}
#knop a:active {
@ -243,30 +242,23 @@
}
nav ul li {
display: inline-block;
padding: 5px 17px 5px 17px;
padding: 10px 17px 10px 17px;
text-transform: uppercase;
margin: 0;
}
nav ul li.active{
background-color: #2B3642;
border-radius: 5px;
}
nav ul li a {
nav ul li:hover {
background: #374351;
border-radius: 5px;
cursor: pointer;
color: #D2E0F0;
text-decoration: none;
color: #D2E0F0
} nav{
float: right;
}
nav ul li {
display: inline-block;
padding: 5px 17px 5px 17px;
text-transform: uppercase;
margin: 0;
}
nav ul li.active{
background-color: #2B3642;
border-radius: 5px;
}
nav ul li a {
text-decoration: none;
color: #D2E0F0
@ -279,6 +271,7 @@
margin-left: auto;
margin-right: auto;
text-align: center;
border-radius: 5px;
}
.footer-links ul {
padding: 0px;
@ -289,6 +282,7 @@
display: inline-block;
padding: 15px 17px 15px 17px;
text-transform: uppercase;
border-radius: 5px;
font-size: 20px;
}
@ -296,6 +290,7 @@
.footer-links ul li a {
text-decoration: none;
padding: 15px 17px 15px 17px;
border-radius: 5px;
color: #D2E0F0;
}

21
index.html Normal file → Executable file
View file

@ -34,12 +34,11 @@
<div class="container">
<header>
<logo>Lermer.nl</logo>
<!--<logo><a href="https://lermer.nl">&copy;LERMER</a></logo>-->
<nav id="main_menu_01">
<ul>
<li class="active"> <a href="/index.html">Welkom</a></Li>
<li> <a href="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf">Curriculum vitae</a></Li>
<li> <a href="https://uptime.lermer.nl/status/0">Uptime</a></Li>
</ul>
</nav>
@ -52,8 +51,6 @@
<section id="sectie_pagina">
<div class="container">
<div id="tekst-midden">
<h1>Welkom</h1>
@ -64,19 +61,15 @@
<img src="/assets/afb/don-t-panic.webp" alt="Don't panic">
</picture>
</div>
<div id="tekst-midden">
<h2>Contactgegevens:</h2>
<div id="knop">
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a></br></br></br></br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a></br></br></br></br>
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a></br></br></br></br>
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
<br><br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
<br><br>
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
<br><br>
</div>
</div>