Compare commits

...

4 commits

Author SHA1 Message Date
c4de38c3b5 menu active fix 2023-06-19 21:51:27 +02:00
001ddf5728 Trein achtergrond 2023-06-19 21:42:03 +02:00
187032cbfa knop max 300px breed 2023-06-19 21:03:43 +02:00
b91eec0224 id op tweede regel 2023-06-19 21:03:32 +02:00
4 changed files with 23 additions and 23 deletions

View file

@ -82,7 +82,7 @@
<nav id="main_menu_01"> <nav id="main_menu_01">
<ul> <ul>
<li> <a href="/">Welkom</a></Li> <li> <a href="/">Welkom</a></Li>
<li class="active"> <a href="/contact">Contact</a></Li> <li> <a href="/contact">Contact</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> </ul>
</nav> </nav>

BIN
assets/afb/train.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 956 KiB

View file

@ -70,22 +70,11 @@
#page-container { #page-container {
position: relative; position: relative;
min-height: 100vh;
} }
#content-wrap { #content-wrap {
padding-bottom: 80px; /* Footer height */ padding-bottom: 0px; /* Footer height */
}
#page-container {
position: relative;
min-height: 100vh;
} }
#content-wrap {
padding-bottom: 80px; /* Footer height */
}
.container{ .container{
max-width: 1140px; max-width: 1140px;
} }
@ -103,10 +92,21 @@
} }
#sectie_pagina { #sectie_pagina {
background-color: #171E26; background-color: #171E26;
min-height: calc(100vh - 260px); min-height: calc(100vh - 200px);
padding-bottom: -100px; padding-bottom: -100px;
} }
#sectie_pagina_train {
min-height: calc(100vh - 290px);
padding-bottom: -100px;
background-image: url('/assets/afb/train.gif');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
#sectie_footer { #sectie_footer {
background-color: #10161D; background-color: #10161D;
@ -569,7 +569,7 @@
} }
.mrl-button{ .mrl-button{
width: 80%; max-width: 300px;
margin-bottom: 10px; margin-bottom: 10px;
border-radius:16px; border-radius:16px;
border:2px solid #ddd; border:2px solid #ddd;

View file

@ -97,28 +97,28 @@
</div> </div>
</section> </section>
<section id="sectie_pagina"> <section id="sectie_pagina_train">
<div class="container"> <div class="container">
<div id="tekst-midden"> <div id="tekst-midden">
<h1>Contactgegevens:</h1> <h1>Contactgegevens:</h1>
</div> </div>
<div class="links-container"> <div class="links-container">
<a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"></i><i class="fa fa-at fa-lg" aria-hidden="true"></i> - E-Mail - mathijs@lermer.nl</a> <a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"></i><i class="fa fa-at fa-lg" aria-hidden="true"></i> - E-Mail<br>mathijs@lermer.nl</a>
<br> <br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i> - [MARIX] - @mathijs:lermer.nl</a> <a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i> - [MARIX]<br>@mathijs:lermer.nl</a>
</div> </div>
<div id="tekst-midden"> <div id="tekst-midden">
<h1>Sociale media:</h1> <h1>Sociale media:</h1>
</div> </div>
<div class="links-container"> <div class="links-container">
<a href="https://github.com/Mathijs0" rel="me"class="mrl-button" target="_blank"><i class="fa fa-github fa-lg" aria-hidden="true"></i> - Github</a> <a href="https://github.com/Mathijs0" rel="me"class="mrl-button" target="_blank"><i class="fa fa-github fa-lg" aria-hidden="true"></i> - Github<br>github.com/Mathijs0</a>
<br> <br>
<a href="https://www.linkedin.com/in/lermer/" rel="me"class="mrl-button" target="_blank"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i> - Linkedin</a> <a href="https://www.linkedin.com/in/lermer/" rel="me"class="mrl-button" target="_blank"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i> - Linkedin<br>linkedin.com/in/lermer/</a>
<br> <br>
<a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i> - Mastodon</a> <a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i> - Mastodon<br>@mathijs@lermer.nl </a>
<br> <br>
<a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i> - Twitter</a> <a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i> - Twitter<br>MLermer</a>
</div> </div>