278 lines
6.9 KiB
HTML
278 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
|
||
<title>Vanilla Engineering</title>
|
||
|
||
|
||
<link rel="shortcut icon" href="http://example.org/images/favicon.png" type="image/png"
|
||
/>
|
||
|
||
|
||
<meta name="description" content="Camper-Van Ausbau einfach gedacht"
|
||
/>
|
||
|
||
<meta name="keywords" content="some, keywords, for, seo, you, know, google, duckduckgo, and, such"
|
||
/>
|
||
<meta name="referrer" content="no-referrer-when-downgrade" />
|
||
|
||
<meta name="HandheldFriendly" content="True" />
|
||
<meta name="MobileOptimized" content="320" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="http://example.org/css/style.min.8d9d115b1de612f5dca5019174faf0816d8200ef4533eca8e15574e8e4f18e80.css" type="text/css" integrity="sha256-jZ0RWx3mEvXcpQGRdPrwgW2CAO9FM+yo4VV06OTxjoA=" />
|
||
|
||
<meta property="og:title" content="" />
|
||
<meta property="og:description" content="Camper-Van Ausbau einfach gedacht" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="http://example.org/" /><meta property="og:image" content="http://example.org/images/cover-image.jpg"/><meta property="og:site_name" content="Vanilla Engineering" />
|
||
|
||
<meta name="twitter:card" content="summary_large_image"/>
|
||
<meta name="twitter:image" content="http://example.org/images/cover-image.jpg"/>
|
||
|
||
<meta name="twitter:title" content=""/>
|
||
<meta name="twitter:description" content="Camper-Van Ausbau einfach gedacht"/>
|
||
|
||
<meta itemprop="name" content="">
|
||
<meta itemprop="description" content="Camper-Van Ausbau einfach gedacht">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<style>
|
||
:root {
|
||
|
||
|
||
|
||
--cover-text-color: #000;
|
||
--highlight: #9f55ba;
|
||
--section-dark-bg-color: #a3ba55;
|
||
--sticky-menu-text-color: var(--highlight);
|
||
}
|
||
|
||
.blog-title {
|
||
font-family: Arial;
|
||
|
||
|
||
}
|
||
</style>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link
|
||
rel="apple-touch-icon"
|
||
sizes="180x180"
|
||
href="http://example.org/images/apple-touch-icon.png"
|
||
/>
|
||
<link
|
||
rel="icon"
|
||
type="image/png"
|
||
sizes="32x32"
|
||
href="http://example.org/images/favicon-32x32.png"
|
||
/>
|
||
<link
|
||
rel="icon"
|
||
type="image/png"
|
||
sizes="16x16"
|
||
href="http://example.org/images/favicon-16x16.png"
|
||
/>
|
||
<body>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<header id="site-head" class="withCenteredImage" style="background-image: url(images/cover-image.jpg)">
|
||
|
||
|
||
<div class="vertical">
|
||
|
||
|
||
|
||
<div id="site-head-content" class="inner">
|
||
<img id="blog-logo" src="images/vanilla-svgrepo-com.svg" />
|
||
|
||
|
||
<h1 class="blog-title">Vanilla Engineering</h1>
|
||
<h2 class="blog-description">Camper-Van Ausbau mitgedacht</h2>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a class='btn site-menu' data-title-anchor='dienstleistung' href='#dienstleistung'>Meine Dienstleistung</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a class='btn site-menu' data-title-anchor='über-mich' href='#%c3%bcber-mich'>Über mich</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a class='btn site-menu' data-title-anchor='kontakt' href='#kontakt'>Kontakt</a>
|
||
|
||
|
||
|
||
|
||
<a id='header-arrow' href="#herzlich-willkommen" aria-label="Go to first section"><i class="fa fa-angle-down"></i></a>
|
||
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="content" role="main">
|
||
|
||
<div class='fixed-nav'>
|
||
|
||
|
||
<a class='fn-item' item_index='1' href='#herzlich-willkommen'>Herzlich Willkommen</a>
|
||
|
||
|
||
<a class='fn-item' item_index='2' href='#dienstleistung'>Dienstleistung</a>
|
||
|
||
|
||
<a class='fn-item' item_index='3' href='#%c3%bcber-mich'>Über mich</a>
|
||
|
||
|
||
<a class='fn-item' item_index='4' href='#kontakt'>Kontakt</a>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class='post-holder'>
|
||
<article id='herzlich-willkommen' class='post first '>
|
||
<header class="post-header">
|
||
<h2 class="post-title">Herzlich Willkommen</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
|
||
</section>
|
||
</article>
|
||
<div class='post-after light'></div>
|
||
</div>
|
||
|
||
|
||
<div class='post-holder dark'>
|
||
<article id='dienstleistung' class='post '>
|
||
<header class="post-header">
|
||
<h2 class="post-title">Das biete ich Ihnen</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
|
||
</section>
|
||
</article>
|
||
<div class='post-after'></div>
|
||
</div>
|
||
|
||
|
||
<div class='post-holder'>
|
||
<article id='über-mich' class='post '>
|
||
<header class="post-header">
|
||
<h2 class="post-title">Über mich</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
<p><img src="images/eg.jpg" alt="Edgar Grüner"></p>
|
||
<h5 id="edgar-grüner">Edgar Grüner</h5>
|
||
|
||
</section>
|
||
</article>
|
||
<div class='post-after light'></div>
|
||
</div>
|
||
|
||
|
||
<div class='post-holder dark'>
|
||
<article id='kontakt' class='post last'>
|
||
<header class="post-header">
|
||
<h2 class="post-title">So erreichen Sie mich</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
<p><i class="fa fa-envelope"></i> <a href="mailto:mail@vanilla.engineering">mail@vanilla.engieering</a></p>
|
||
<p><i class="fa fa-phone"></i> <a href="tel:+4935130973180">+49 351 30973180</a></p>
|
||
<p><i class="fa fa-comment"></i> Threema <a href="https://threema.id/A88RJYE9">A88RJYE9</a></p>
|
||
|
||
|
||
<img src="/icons/linkedin.svg" height="22px" style="display:inline;"> Mein Profil auf <a href="https://www.linkedin.com/in/egruener" target="_blank">LinkedIn</a>
|
||
|
||
|
||
|
||
|
||
</section>
|
||
</article>
|
||
<div class='post-after'></div>
|
||
</div>
|
||
|
||
</main>
|
||
<footer class="site-footer">
|
||
<div class="inner">
|
||
|
||
<section class="copyright">© Edgar Grüner</section>
|
||
|
||
|
||
|
||
<section>
|
||
<a href="https://themes.gohugo.io/hugo-scroll/" target="_blank" rel="noopener">Hugo Scroll</a> template
|
||
</section>
|
||
|
||
|
||
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="http://example.org/js/script.min.67aa608ff6382c20dc7b0f0ae0884e70f0ebecf60a27d860558c800e754479ac.js" integrity="sha256-Z6pgj/Y4LCDcew8K4IhOcPDr7PYKJ9hgVYyADnVEeaw=" ></script>
|
||
|
||
|
||
<script>cssVars();</script>
|
||
|
||
|
||
<footer class="site-footer">
|
||
<div class="inner">
|
||
<section>
|
||
<a href="/impressum">Impressum</a> <a href="/datenschutz">Datenschutz</a>
|
||
</section>
|
||
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|