This commit is contained in:
Mathijs Lermer 2023-01-11 17:16:42 +01:00
parent 0f0162c9bc
commit 732d49d720
2 changed files with 43 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 { logo {
font-size: 50px !important; font-size: 50px !important;
} }
@ -75,7 +75,9 @@
#content-wrap { #content-wrap {
padding-bottom: 80px; /* Footer height */ padding-bottom: 80px; /* Footer height */
} #page-container { }
#page-container {
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
} }
@ -123,13 +125,13 @@
color: #374351; color: #374351;
} }
#tekst-links h1{ #tekst-links h1{
padding-top: 150px; padding-top: 100px;
margin-top: 0px; margin-top: 0px;
font-size: 42px; font-size: 42px;
margin-bottom: 60px; margin-bottom: 60px;
} }
#tekst-links h2{ #tekst-links h2{
padding-top: 150px; padding-top: 30px;
margin-top: 0px; margin-top: 0px;
font-size: 30px; font-size: 30px;
margin-bottom: 60px; margin-bottom: 60px;
@ -145,14 +147,14 @@
color: #D2E0F0; color: #D2E0F0;
} }
#tekst-midden h1{ #tekst-midden h1{
padding-top: 150px; padding-top: 100px;
margin-top: 0px; margin-top: 0px;
font-size: 42px; font-size: 42px;
margin-bottom: 60px; margin-bottom: 60px;
} }
#tekst-midden h2{ #tekst-midden h2{
padding-top: 60px; padding-top: 30px;
margin-top: 0px; margin-top: 0px;
font-size: 30px; font-size: 30px;
margin-bottom: 60px; margin-bottom: 60px;
@ -179,9 +181,7 @@
} }
a:hover { a:hover {
color: red;
background-color: #2B3642; background-color: #2B3642;
text-decoration: underline;
} }
/*specials*********************************************************************************************************/ /*specials*********************************************************************************************************/
@ -204,6 +204,7 @@
font-size: 20px; font-size: 20px;
color: #D2E0F0; color: #D2E0F0;
cursor: pointer; cursor: pointer;
} }
#knop a:link{ #knop a:link{
color: #D2E0F0; color: #D2E0F0;
@ -218,9 +219,7 @@
} }
#knop a:hover { #knop a:hover {
color: red;
background-color: #2B3642; background-color: #2B3642;
text-decoration: underline;
} }
#knop a:active { #knop a:active {
@ -241,37 +240,30 @@
nav{ nav{
float: right; float: right;
} }
nav ul li { nav ul li {
display: inline-block; display: inline-block;
padding: 5px 17px 5px 17px; padding: 10px 17px 10px 17px;
text-transform: uppercase; text-transform: uppercase;
margin: 0;
} margin: 0;
nav ul li.active{
background-color: #2B3642;
border-radius: 5px;
} }
nav ul li a { nav ul li.active{
text-decoration: none; background-color: #2B3642;
color: #D2E0F0 border-radius: 5px;
} nav{ }
float: right; nav ul li:hover {
} background: #374351;
nav ul li { border-radius: 5px;
display: inline-block; cursor: pointer;
padding: 5px 17px 5px 17px; color: #D2E0F0;
text-transform: uppercase; text-decoration: none;
margin: 0; }
}
nav ul li.active{ nav ul li a {
background-color: #2B3642; text-decoration: none;
border-radius: 5px; color: #D2E0F0
} }
nav ul li a {
text-decoration: none;
color: #D2E0F0
}
/*footer*********/ /*footer*********/
.footer-links{ .footer-links{
@ -279,6 +271,7 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
text-align: center; text-align: center;
border-radius: 5px;
} }
.footer-links ul { .footer-links ul {
padding: 0px; padding: 0px;
@ -289,6 +282,7 @@
display: inline-block; display: inline-block;
padding: 15px 17px 15px 17px; padding: 15px 17px 15px 17px;
text-transform: uppercase; text-transform: uppercase;
border-radius: 5px;
font-size: 20px; font-size: 20px;
} }
@ -296,6 +290,7 @@
.footer-links ul li a { .footer-links ul li a {
text-decoration: none; text-decoration: none;
padding: 15px 17px 15px 17px; padding: 15px 17px 15px 17px;
border-radius: 5px;
color: #D2E0F0; color: #D2E0F0;
} }

24
index.html Normal file → Executable file
View file

@ -33,14 +33,13 @@
<section id="sectie_kop"> <section id="sectie_kop">
<div class="container"> <div class="container">
<header> <header>
<logo>Lermer.nl</logo> <logo>Lermer.nl</logo>
<!--<logo><a href="https://lermer.nl">&copy;LERMER</a></logo>-->
<nav id="main_menu_01"> <nav id="main_menu_01">
<ul> <ul>
<li class="active"> <a href="/index.html">Welkom</a></Li> <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="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf">Curriculum vitae</a></Li>
</ul> <li> <a href="https://uptime.lermer.nl/status/0">Uptime</a></Li>
</ul>
</nav> </nav>
<a href='#' id="menuknopje" onclick="hamburgermenuknopje()" style="display: none;"> <a href='#' id="menuknopje" onclick="hamburgermenuknopje()" style="display: none;">
@ -52,8 +51,6 @@
<section id="sectie_pagina"> <section id="sectie_pagina">
<div class="container"> <div class="container">
<div id="tekst-midden"> <div id="tekst-midden">
<h1>Welkom</h1> <h1>Welkom</h1>
@ -64,19 +61,14 @@
<img src="/assets/afb/don-t-panic.webp" alt="Don't panic"> <img src="/assets/afb/don-t-panic.webp" alt="Don't panic">
</picture> </picture>
</div>
<div id="tekst-midden">
<h2>Contactgegevens:</h2> <h2>Contactgegevens:</h2>
<div id="knop"> <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="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></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></br> <a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
</div> </div>
</div> </div>