„resume.html“ hinzufügen
This commit is contained in:
136
resume.html
Normal file
136
resume.html
Normal file
@@ -0,0 +1,136 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background: rgb(46,49,64);
|
||||||
|
background: -moz-radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
|
||||||
|
background: -webkit-radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
|
||||||
|
background: radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endColorstr="#161616",GradientType=1);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!-- Page Information
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Yann Mölle</title>
|
||||||
|
<meta name="description" content="Find us online!">
|
||||||
|
<meta name="author" content="Yann Mölle"">
|
||||||
|
|
||||||
|
<!-- Mobile Specific Metas
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- CSS
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
|
<!-- Themes:
|
||||||
|
Auto: css/skeleton-auto.css
|
||||||
|
Light: css/skeleton-light.css
|
||||||
|
Dark: css/skeleton-dark.css
|
||||||
|
-->
|
||||||
|
<link rel="stylesheet" href="css/skeleton-auto.css">
|
||||||
|
|
||||||
|
<!-- Brand Styles -->
|
||||||
|
<link rel="stylesheet" href="css/brands.css">
|
||||||
|
<!-- Custom -->
|
||||||
|
<link rel="stylesheet" href="custom.css">
|
||||||
|
<!-- Favicon
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<link rel="icon" type="image/png" href="images/IMG_4145.png">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Primary Page Layout
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column" style="margin-top: 10%">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Your Image Here -->
|
||||||
|
<div>
|
||||||
|
<img src="images/IMG_4145.png" class="avatar shake" srcset="images/IMG_4145.png 2x" alt="Avatar Logo">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<h1 style="color:white;">Yann Mölle</h1>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Short Bio -->
|
||||||
|
<p style="color:white;">IT specialist
|
||||||
|
<a href="https://www.alt-heliservice.de/">@ ADAC Heliservice 🚁</a> <br>
|
||||||
|
Founder and IT consultant of
|
||||||
|
<a href="https://m-csc.de">M-CSC</a><br>
|
||||||
|
Gearhead, technology and smart home enthusiast.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<a href="https://twitter.com/search?q=%23cybersecurity&src=hashtag_click">#cybersec</a>
|
||||||
|
<a href="https://twitter.com/search?q=%23teamlinux&src=hashtag_click">#teamlinux</a>
|
||||||
|
<a href="https://twitter.com/search?q=%23cars&src=hashtag_click">#cars</a> and
|
||||||
|
<a href="https://twitter.com/search?q=%23coffee&src=hashtag_click">#coffee</a>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
<!-- LinkedIn -->
|
||||||
|
<a class="button button-linked zoom-box animate-zoom-1" href="https://de.linkedin.com/in/yannmoelle" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- XING -->
|
||||||
|
<a class="button button-xing zoom-box animate-zoom-2" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- Gitea -->
|
||||||
|
<a class="button button-gitea zoom-box animate-zoom-3" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/gitea.svg" alt="Gitea Logo">Gitea</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- GitHub -->
|
||||||
|
<a class="button button-github zoom-box animate-zoom-4" href="https://github.com/hxcde" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- Twitter -->
|
||||||
|
<a class="button button-twit zoom-box animate-zoom-5" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- Twitter -->
|
||||||
|
<a class="button button-mcsc zoom-box animate-zoom-6" href="https://m-csc.de" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/mcsc.svg" alt="MCSC Logo">My company</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<a style="font-size:24px;color:White;"><strong> Contact me </strong></a><br>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<!-- Email -->
|
||||||
|
<a class="button button-default zoom-box animate-zoom-7" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/email.svg" alt="Email Icon">Email</a>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<p><a href="https://git.moelle.space/hxcde/mylinks">This site on my Git</a></p>
|
||||||
|
<br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- End Document
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user