177 lines
7.7 KiB
HTML
177 lines
7.7 KiB
HTML
<!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/line.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.
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Vertical Dark Timeline</title>
|
||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="timeline">
|
||
<div class="timeline-container primary">
|
||
<div class="timeline-icon">
|
||
<i class="far fa-grin-wink"></i>
|
||
</div>
|
||
<div class="timeline-body">
|
||
<h4 class="timeline-title"><span class="badge">Primary</span></h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam necessitatibus numquam earum ipsa fugiat veniam suscipit, officiis repudiandae, eum recusandae neque dignissimos. Cum fugit laboriosam culpa, repellendus esse commodi deserunt.</p>
|
||
<p class="timeline-subtitle">1 Hours Ago</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-container danger">
|
||
<div class="timeline-icon">
|
||
<i class="far fa-grin-hearts"></i>
|
||
</div>
|
||
<div class="timeline-body">
|
||
<h4 class="timeline-title"><span class="badge">Danger</span></h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam necessitatibus numquam earum ipsa fugiat veniam suscipit, officiis repudiandae, eum recusandae neque dignissimos. Cum fugit laboriosam culpa, repellendus esse commodi deserunt.</p>
|
||
<p class="timeline-subtitle">2 Hours Ago</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-container success">
|
||
<div class="timeline-icon">
|
||
<i class="far fa-grin-tears"></i>
|
||
</div>
|
||
<div class="timeline-body">
|
||
<h4 class="timeline-title"><span class="badge">Success</span></h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam necessitatibus numquam earum ipsa fugiat veniam suscipit, officiis repudiandae, eum recusandae neque dignissimos. Cum fugit laboriosam culpa, repellendus esse commodi deserunt.</p>
|
||
<p class="timeline-subtitle">6 Hours Ago</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-container warning">
|
||
<div class="timeline-icon">
|
||
<i class="far fa-grimace"></i>
|
||
</div>
|
||
<div class="timeline-body">
|
||
<h4 class="timeline-title"><span class="badge">Warning</span></h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam necessitatibus numquam earum ipsa fugiat veniam suscipit, officiis repudiandae, eum recusandae neque dignissimos. Cum fugit laboriosam culpa, repellendus esse commodi deserunt.</p>
|
||
<p class="timeline-subtitle">1 Day Ago</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-container">
|
||
<div class="timeline-icon">
|
||
<i class="far fa-grin-beam-sweat"></i>
|
||
</div>
|
||
<div class="timeline-body">
|
||
<h4 class="timeline-title"><span class="badge">Secondary</span></h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam necessitatibus numquam earum ipsa fugiat veniam suscipit, officiis repudiandae, eum recusandae neque dignissimos. Cum fugit laboriosam culpa, repellendus esse commodi deserunt.</p>
|
||
<p class="timeline-subtitle">3 Days Ago</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-container info">
|
||
<div class="timeline-icon">
|
||
<i class="far fa-grin"></i>
|
||
</div>
|
||
<div class="timeline-body">
|
||
<h4 class="timeline-title"><span class="badge">Info</span></h4>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam necessitatibus numquam earum ipsa fugiat veniam suscipit, officiis repudiandae, eum recusandae neque dignissimos. Cum fugit laboriosam culpa, repellendus esse commodi deserunt.</p>
|
||
<p class="timeline-subtitle">4 Days Ago</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<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>
|