Compare commits

...

4 commits

Author SHA1 Message Date
Mathijs Lermer c4de38c3b5 menu active fix 2023-06-19 21:51:27 +02:00
Mathijs Lermer 001ddf5728 Trein achtergrond 2023-06-19 21:42:03 +02:00
Mathijs Lermer 187032cbfa knop max 300px breed 2023-06-19 21:03:43 +02:00
Mathijs Lermer 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">
<ul>
<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>
</ul>
</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 {
position: relative;
min-height: 100vh;
}
#content-wrap {
padding-bottom: 80px; /* Footer height */
}
#page-container {
position: relative;
min-height: 100vh;
padding-bottom: 0px; /* Footer height */
}
#content-wrap {
padding-bottom: 80px; /* Footer height */
}
.container{
max-width: 1140px;
}
@ -103,10 +92,21 @@
}
#sectie_pagina {
background-color: #171E26;
min-height: calc(100vh - 260px);
background-color: #171E26;
min-height: calc(100vh - 200px);
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 {
background-color: #10161D;
@ -569,7 +569,7 @@
}
.mrl-button{
width: 80%;
max-width: 300px;
margin-bottom: 10px;
border-radius:16px;
border:2px solid #ddd;

View file

@ -97,28 +97,28 @@
</div>
</section>
<section id="sectie_pagina">
<section id="sectie_pagina_train">
<div class="container">
<div id="tekst-midden">
<h1>Contactgegevens:</h1>
</div>
<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>
<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 id="tekst-midden">
<h1>Sociale media:</h1>
</div>
<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>
<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>
<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>
<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>