Merge pull request 'toegevoegd: contact pagina' () from contact into main

Reviewed-on: 
This commit is contained in:
Mathijs Lermer 2023-06-11 14:53:29 +02:00
commit 7d832be7d8
3 changed files with 195 additions and 9 deletions

View file

@ -122,7 +122,7 @@
/*links**/ /*links**/
#tekst-links{ #tekst-links{
text-align: left; text-align: left;
color: #374351; color: #D2E0F0;
} }
#tekst-links h1{ #tekst-links h1{
padding-top: 50px; padding-top: 50px;
@ -267,11 +267,11 @@
nav{ nav{
float: right; float: right;
} }
nav ul li { nav ul li {
display: inline-block; display: inline-block;
padding: 10px 17px 10px 17px; padding: 10px 17px 10px 17px;
text-transform: uppercase; text-transform: uppercase;
margin: 0; margin: 0;
} }
nav ul li.active{ nav ul li.active{
@ -281,7 +281,6 @@
nav ul li:hover { nav ul li:hover {
background: #374351; background: #374351;
border-radius: 5px; border-radius: 5px;
cursor: pointer;
color: #D2E0F0; color: #D2E0F0;
text-decoration: none; text-decoration: none;
} }
@ -550,5 +549,36 @@
} }
/*Link tree*********************************************************************************************************/
.links-container {
display: flex;
flex-direction: column;
jusify-content: center;
align-items: center;
}
.links-container a {
width: 80%;
font-size: 20px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #374351;
}
.mrl-button{
width: 80%;
margin-bottom: 10px;
border-radius:16px;
border:2px solid #ddd;
text-align: center;
padding:8px 16px
}
.mrl-button:hover{
color:#000!important;
background-color:#ddd !important
}
/*uitzonderingen*********************************************************************************************************/ /*uitzonderingen*********************************************************************************************************/

155
contact.html Executable file
View file

@ -0,0 +1,155 @@
<!DOCTYPE html>
<!--
.___ ___. ___ .___________. __ __ __ __ _______.
| \/ | / \ | || | | | | | | | / |
| \ / | / ^ \ `---| |----`| |__| | | | | | | (----`
| |\/| | / /_\ \ | | | __ | | | .--. | | \ \
| | | | / _____ \ | | | | | | | | | `--' | .----) |
|__| |__| /__/ \__\ |__| |__| |__| |__| \______/ |_______/
__ _______ .______ .___ ___. _______ .______
| | | ____|| _ \ | \/ | | ____|| _ \
| | | |__ | |_) | | \ / | | |__ | |_) |
| | | __| | / | |\/| | | __| | /
| `----.| |____ | |\ \----.| | | | | |____ | |\ \----.
|_______||_______|| _| `._____||__| |__| |_______|| _| `._____|
-->
<html lang="nl">
<head>
<meta charset="UTF-8">
<!--- SEO-->
<title>Mathijs Ronald Lermer - Contact</title>
<meta name="author" content="Mathijs Lermer">
<meta name="keywords" content="CV, Mathijs Lermer, curriculum vitae, Werkvoorbereider, Bouw, Rotterdam">
<meta name="description" content="Persoonlijke website van Mathijs Lermer">
<meta name="robots" content="all">
<link rel="canonical" href="https://www.lermer.nl">
<!-- IE 10+ "Metro" Tiles -->
<meta name="msapplication-TileColor" content="#056605">
<meta name="msapplication-TileImage" content="assets/afb/MRL-Logo_150.png">
<!--- Open Graph Meta Tags -->
<meta property="og:site_name" content="Mathijs Ronald Lermer">
<meta property="og:title" content="Mathijs Lermer - Contact">
<meta property="og:description" content="Persoonlijke website van Mathijs Lermer">
<meta property="og:type" content="homepage">
<meta property="og:url" content="https://www.lermer.nl">
<meta property="og:image" content="https://www.lermer.nl/assets/afb/logo_320x254.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:title" content="Mathijs Ronald Lermer">
<meta name="twitter:description" content="Persoonlijke website van Mathijs Lermer">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://www.lermer.nl/assets/afb/logo_320x254.png">
<meta property="twitter:domain" content="lermer.nl">
<meta property="twitter:url" content="https://www.lermer.nl/">
<!--- icon clasic-->
<link rel="icon" type="image/png" sizes="32x32" href="assets/afb/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/afb/icons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="57x57" href="assets/afb/icons/favicon-57x57.png">
<link rel="icon" type="image/png" sizes="70x70" href="assets/afb/icons/favicon-70x70.png">
<link rel="icon" type="image/png" sizes="144x144" href="assets/afb/icons/favicon-144x144.png">
<link rel="icon" type="image/png" sizes="150x150" href="assets/afb/icons/favicon-150x150.png">
<link rel="icon" type="image/png" sizes="310x310" href="assets/afb/icons/favicon-310x310.png">
<!--- icon android-->
<link rel="manifest" href="/site.webmanifest">
<!--- icon apple-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/afb/icons/apple-touch-icon.png">
<link rel="mask-icon" href="assets/afb/icons/safari-pinned-tab.svg" color="#5bbad5">
<!--- icon msapplication-->
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--- assets-->
<link href="/assets/css/mrl.css" rel="stylesheet">
<link href="/assets/Fork-Awesome/css/fork-awesome.min.css" rel="stylesheet">
<script src="/assets/js/mrl.js"></script>
<!--- site-->
<meta name="viewport" content="width=device-width, initial-scale=1" >
</head>
<body>
<div id="page-container">
<div id="content-wrap">
<section id="sectie_kop">
<div class="container">
<header>
<a href="/" class="logo">LERMER.NL</a>
<nav id="main_menu_01">
<ul>
<li> <a href="/index.html">Welkom</a></Li>
<li class="active"> <a href="/contact.html">Contact</a></Li>
<li> <a href="/assets/downloads/CURRICULUM_VITAE_Mathijs_Lermer_zonder_contact_gegevens.pdf">Curriculum vitae</a></Li>
</ul>
</nav>
<a href='#' id="menuknopje" onclick="hamburgermenuknopje()" style="display: none;">
<i class="fa fa-bars" aria-hidden="true"></i></a>
</header>
</div>
</section>
<section id="sectie_pagina">
<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>E-mail: mathijs@lermer.nl</a>
<br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank">[Matrix]: @mathijs:lermer.nl</a>
<br>
<a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank">Mastodon: @mathijs@lermer.nl </a>
</div>
</div>
</div>
</section>
</div>
<section id="sectie_footer">
<div class="container">
<footer>
<table style="width:100%">
<tr>
<td style="width:45%">
<div class="footer-links-r">
<ul>
<li><a href="mailto:info@lermer.nl" title="e-mail" rel="me"> <i class="fa fa-at fa-lg" aria-hidden="true"></i></a></Li>
<li><a href="https://matrix.to/#/@mathijs:lermer.nl" title="Bericht via MATRIX" rel="me"> <i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i></a></Li>
<li><a href="https://mastodon.lermer.nl/@mathijs" title="Mastodon" rel="me"> <i class="fa fa-mastodon fa-lg" aria-hidden="true"></i></a></Li>
</ul>
</div>
</td>
<td style="width:2%">
<div class="footer-links-bar">
<ul>
<li><a>|</a></Li>
</ul>
</div>
</td>
<td style="width:45%">
<div class="footer-links-l">
<ul>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl" title="GIT" rel="external"> <i class="fa fa-code-fork fa-lg" aria-hidden="true"></i></a></Li>
<li><a href="https://uptime.lermer.nl/status/overzicht" title="Uptime" rel="external"> <i class="fa fa-arrow-up fa-lg" aria-hidden="true"></i></a></Li>
</ul>
</div>
</td>
</tr>
</table>
</footer>
</div>
</section>
</div>
</body>
</html>

View file

@ -85,6 +85,7 @@
<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="/contact.html">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>