toegevoegd: contact pagina
This commit is contained in:
parent
bc17a32af8
commit
5a4670e31a
3 changed files with 195 additions and 9 deletions
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
@ -302,7 +301,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.footer-links ul {
|
.footer-links ul {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
@ -347,7 +346,7 @@
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.footer-links-l ul {
|
.footer-links-l ul {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
@ -393,7 +392,7 @@
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.footer-links-l ul {
|
.footer-links-l ul {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
@ -439,7 +438,7 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.footer-links-r ul {
|
.footer-links-r ul {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
@ -485,7 +484,7 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.footer-links-r ul {
|
.footer-links-r ul {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
@ -549,6 +548,37 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*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
155
contact.html
Executable 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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue