update #4
2 changed files with 43 additions and 56 deletions
|
@ -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,36 +240,29 @@
|
||||||
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*********/
|
||||||
|
|
||||||
|
@ -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
24
index.html
Normal file → Executable 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">©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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue