407 lines
12 KiB
HTML
407 lines
12 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="https://vanilla.engineering/images/favicon.png" type="image/png"
|
|
/>
|
|
|
|
|
|
<meta name="description" content="Creating Camper Experience"
|
|
/>
|
|
|
|
<meta name="keywords" content="Camper, Ausbau, Umbau, Konstruktion, Zeichnen, Planung"
|
|
/>
|
|
<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="https://vanilla.engineering/css/style.min.8d9d115b1de612f5dca5019174faf0816d8200ef4533eca8e15574e8e4f18e80.css" type="text/css" integrity="sha256-jZ0RWx3mEvXcpQGRdPrwgW2CAO9FM+yo4VV06OTxjoA=" />
|
|
|
|
<meta property="og:title" content="" />
|
|
<meta property="og:description" content="Creating Camper Experience" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://vanilla.engineering/" /><meta property="og:image" content="https://vanilla.engineering/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="https://vanilla.engineering/images/cover-image.jpg"/>
|
|
|
|
<meta name="twitter:title" content=""/>
|
|
<meta name="twitter:description" content="Creating Camper Experience"/>
|
|
|
|
<meta itemprop="name" content="">
|
|
<meta itemprop="description" content="Creating Camper Experience">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
:root {
|
|
|
|
|
|
|
|
--cover-text-color: #000;
|
|
--highlight: #9f55ba;
|
|
--section-dark-bg-color: #a3ba55;
|
|
--sticky-menu-text-color: var(--highlight);
|
|
|
|
--footer-color-background:#5b2c6d;
|
|
}
|
|
@font-face {
|
|
font-family: "gidole";
|
|
src: url("/fonts/GidoleFont/Gidole-Regular.ttf");
|
|
}
|
|
@font-face {
|
|
font-family: "angelina";
|
|
src: url("/fonts/angelina.ttf");
|
|
}
|
|
|
|
.post {
|
|
max-width: 70%;
|
|
}
|
|
|
|
|
|
.blog-title {
|
|
font-family: "gidole", sans-serif;
|
|
}
|
|
#site-head .blog-description, #site-head.withCenteredImage .blog-description {
|
|
font-family: "angelina", sans-serif;
|
|
color: #5d2169;
|
|
font-size: 4rem;
|
|
}
|
|
|
|
img.icon {display: inline;}
|
|
|
|
body {
|
|
background-color: #f9ebd2;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23E4CBA1' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2398886B'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
|
|
font-family: "gidole", sans-serif;
|
|
}
|
|
|
|
h1 {
|
|
line-height: 1.2em;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.8em;
|
|
line-height: 1.5em;
|
|
letter-spacing: -1px;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
line-height: 1.7em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.1em;
|
|
margin-top: 1;
|
|
}
|
|
|
|
.page-template .post-content {
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
padding: 1.2em;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="https://vanilla.engineering/images/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="https://vanilla.engineering/images/favicon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="https://vanilla.engineering/images/favicon.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="/ve_logo_unscharf_300x300.png" />
|
|
|
|
|
|
<h1 class="blog-title">vanilla.engineering</h1>
|
|
<h2 class="blog-description">creating camper experience</h2>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class='btn site-menu' data-title-anchor='mein-angebot' href='#mein-angebot'>Das kann ich für dich tun</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="#hallo" 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='#hallo'>Hallo!</a>
|
|
|
|
|
|
<a class='fn-item' item_index='2' href='#mein-angebot'>Mein Angebot</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='hallo' class='post first '>
|
|
<header class="post-header">
|
|
<h2 class="post-title">Hallo!</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<p><em>Vanilla Engineering</em> - das ist die Konstruktionsleistung für deinen Camper Van.<br>
|
|
Mit unsere Hilfe gelingt dir der geniale Camper Van Ausbau. Ohne viel Geschnörkel - plain & simple - nach dem KISS-Prinzip: Keep it simple & smart</p>
|
|
|
|
</section>
|
|
</article>
|
|
<div class='post-after light'></div>
|
|
</div>
|
|
|
|
|
|
<div class='post-holder dark'>
|
|
<article id='mein-angebot' class='post '>
|
|
<header class="post-header">
|
|
<h2 class="post-title">Das biete ich dir</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<ul>
|
|
<li>
|
|
<p>Planung von Van Ausbauten (hauptsächlich Ducato/Jumper/Boxer, Sprinter & Crafter)</p>
|
|
</li>
|
|
<li>
|
|
<p>Entwicklung von Grundrissen nach deinen Bedürfnissen und Wünschen</p>
|
|
</li>
|
|
<li>
|
|
<p>Konstruktion der Innenausbauten, mit Augenmerk auf:</p>
|
|
<ul>
|
|
<li>günstige Fertigbarkeit</li>
|
|
<li>schnelle Montage</li>
|
|
<li>geringes Gewicht</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>Erstellung von 3D Daten, Fertigungszeichnungen und Stücklisten</p>
|
|
</li>
|
|
<li>
|
|
<p>Ich bin dein kompetenter Ansprechpartner zu Vorschriften und den Best Practices im Camper Ausbau.</p>
|
|
</li>
|
|
</ul>
|
|
|
|
</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>
|
|
<p>Mein Name ist <strong>Edgar Grüner</strong>. Ich bin Schreinermeister und konstruiere seit über 10 Jahren Möbel in “bewegten Räume”.<br>
|
|
In Yachten und Autos umrunden meine Möbel die Welt - immer mit dem richtigen Auge fürs Detail und an die speziellen Anforderungen angepasst.</p>
|
|
|
|
</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 erreichst du mich</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<p>
|
|
|
|
|
|
<img class="icon" src="/icons/letter.svg" height="22px">
|
|
|
|
<style>
|
|
#span-5b6c85aa.cloaked-e-mail:before {
|
|
content:attr(data-domain) "\0040" attr(data-user);
|
|
unicode-bidi:bidi-override;
|
|
direction:rtl;
|
|
}
|
|
</style>
|
|
 <span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-5b6c85aa"></span> 
|
|
|
|
<script id="script-5b6c85aa">
|
|
var scriptTag = document.getElementById("script-5b6c85aa");
|
|
var link = document.createElement("a");
|
|
var address = "liam".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
|
|
link.href = "mailto" + ":" + address;
|
|
link.innerText = address.split('?')[0];
|
|
scriptTag.parentElement.insertBefore(link, scriptTag.previousElementSibling);
|
|
scriptTag.parentElement.removeChild(scriptTag.previousElementSibling)
|
|
</script>
|
|
|
|
(
|
|
|
|
|
|
<img class="icon" src="/icons/lock.svg" height="18px">
|
|
<a href="/keys/mail">gerne auch verschlüsselt</a> )</p>
|
|
<p>
|
|
|
|
|
|
<img class="icon" src="/icons/call.svg" height="22px">
|
|
|
|
<style>
|
|
#span-f3ac70f1.cloaked-e-mail:before {
|
|
content:attr(data-user);
|
|
unicode-bidi:bidi-override;
|
|
direction:rtl;
|
|
}
|
|
</style>
|
|
 <span class="cloaked-e-mail" data-user="08137903 153 94+" id="span-f3ac70f1"></span> 
|
|
|
|
<script id="script-f3ac70f1">
|
|
var scriptTag = document.getElementById("script-f3ac70f1");
|
|
var link = document.createElement("a");
|
|
var address = "08137903 153 94\u002b".split('').reverse().join('');
|
|
link.href = "tel" + ":" + address;
|
|
link.innerText = address.split('?')[0];
|
|
scriptTag.parentElement.insertBefore(link, scriptTag.previousElementSibling);
|
|
scriptTag.parentElement.removeChild(scriptTag.previousElementSibling)
|
|
</script>
|
|
|
|
</p>
|
|
<p>
|
|
|
|
|
|
<img class="icon" src="/icons/user-id.svg" height="22px">
|
|
Mein Profil auf <a href='https://www.linkedin.com/in/egruener' target=_blank alt="Öffnet im neuen Fenster">LinkedIn</a>↗
|
|
</p>
|
|
|
|
</section>
|
|
</article>
|
|
<div class='post-after'></div>
|
|
</div>
|
|
|
|
</main>
|
|
<footer class="site-footer">
|
|
<div class="inner">
|
|
|
|
<section class="copyright">© Vanilla Engineering GmbH</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://vanilla.engineering/js/script.min.aae9ae22e5b457085491e459ee1b98bf230c8b7c8dce1cbf0c025b22a5729342.js" integrity="sha256-qumuIuW0VwhUkeRZ7huYvyMMi3yNzhy/DAJbIqVyk0I=" ></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>
|