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**/
|
||||
#tekst-links{
|
||||
text-align: left;
|
||||
color: #374351;
|
||||
color: #D2E0F0;
|
||||
}
|
||||
#tekst-links h1{
|
||||
padding-top: 50px;
|
||||
|
|
@ -267,11 +267,11 @@
|
|||
nav{
|
||||
float: right;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
display: inline-block;
|
||||
padding: 10px 17px 10px 17px;
|
||||
text-transform: uppercase;
|
||||
|
||||
margin: 0;
|
||||
}
|
||||
nav ul li.active{
|
||||
|
|
@ -281,7 +281,6 @@
|
|||
nav ul li:hover {
|
||||
background: #374351;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #D2E0F0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -302,7 +301,7 @@
|
|||
text-align: center;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.footer-links ul {
|
||||
.footer-links ul {
|
||||
padding: 0px;
|
||||
display: inline-block
|
||||
}
|
||||
|
|
@ -347,7 +346,7 @@
|
|||
text-align: left;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.footer-links-l ul {
|
||||
.footer-links-l ul {
|
||||
padding: 0px;
|
||||
display: inline-block
|
||||
}
|
||||
|
|
@ -393,7 +392,7 @@
|
|||
text-align: left;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.footer-links-l ul {
|
||||
.footer-links-l ul {
|
||||
padding: 0px;
|
||||
display: inline-block
|
||||
}
|
||||
|
|
@ -439,7 +438,7 @@
|
|||
text-align: right;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.footer-links-r ul {
|
||||
.footer-links-r ul {
|
||||
padding: 0px;
|
||||
display: inline-block
|
||||
}
|
||||
|
|
@ -485,7 +484,7 @@
|
|||
text-align: right;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.footer-links-r ul {
|
||||
.footer-links-r ul {
|
||||
padding: 0px;
|
||||
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*********************************************************************************************************/
|
||||
|
||||
|
|
|
|||
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">
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
|
|||
Loading…
Reference in a new issue