yannmoelle/index.html

130 lines
5.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 @ ADAC Heliservice and self-employed IT Consultant @M-CSC<br> Hobby photographer and gearhead, technology & 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>