459 lines
13 KiB
HTML
459 lines
13 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 {
|
||
--ve-light-violett: #aa69b5;
|
||
--ve-heavy-violett: #5d2169;
|
||
--ve-vanilla: #faefdd;
|
||
|
||
|
||
|
||
--section-light-bg-color: var(ve-vanilla);
|
||
|
||
--cover-text-color: #000;
|
||
--highlight: var(--ve-light-violett);
|
||
--section-dark-bg-color: var(--ve-light-violett);
|
||
--section-dark-text-color: #fdf7ee!important;
|
||
--sticky-menu-text-color: var(--highlight);
|
||
|
||
--footer-color-background:var(--ve-heavy-violett);
|
||
}
|
||
@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: 800px;
|
||
}
|
||
|
||
|
||
#site-head .blog-title, #site-head.withCenteredImage .blog-title {
|
||
font-family: "gidole", sans-serif;
|
||
font-size: 3.3rem;
|
||
font-weight: 500;
|
||
|
||
position: relative;
|
||
top: -5.4rem;
|
||
left: -3.10rem;
|
||
text-shadow: none;
|
||
|
||
|
||
}
|
||
#site-head .blog-description, #site-head.withCenteredImage .blog-description {
|
||
font-family: "angelina", sans-serif;
|
||
color: var(--ve-heavy-violett);
|
||
font-size: 3rem;
|
||
transform: rotate(-6deg);
|
||
position: relative;
|
||
top: -3.5rem;
|
||
}
|
||
|
||
#blog-logo {
|
||
max-height: 12rem;
|
||
|
||
}
|
||
|
||
img.icon {display: inline;}
|
||
img.qr {display: inline;}
|
||
|
||
#tsetstest {background-color: #f9ebd2}
|
||
|
||
main.page-template {
|
||
background-image: url("/ve_logo.svg");
|
||
background-repeat: no-repeat;
|
||
background-position: right 1em bottom 4em;
|
||
background-size: 10rem;
|
||
background-attachment: fixed;
|
||
}
|
||
|
||
body {
|
||
background-color: var(--ve-vanilla);
|
||
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");
|
||
|
||
}
|
||
|
||
h1 {
|
||
font-family: "gidole", sans-serif;
|
||
line-height: 1.2em;
|
||
letter-spacing: 2px;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
h2 {
|
||
font-family: "gidole", sans-serif;
|
||
font-size: 1.8em;
|
||
line-height: 1.5em;
|
||
letter-spacing: -1px;
|
||
margin-top: 1em;
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
h3 {
|
||
font-family: "gidole", sans-serif;
|
||
font-size: 1.5em;
|
||
line-height: 1.7em;
|
||
margin-top: 1em;
|
||
}
|
||
|
||
h4 {
|
||
font-family: "gidole", sans-serif;
|
||
font-size: 1.1em;
|
||
margin-top: 1;
|
||
|
||
}
|
||
h5 {
|
||
font-family: "gidole", sans-serif;
|
||
font-size: 1.1em;
|
||
font-weight: 100;
|
||
margin-top: 1;
|
||
margin-bottom: 3em;
|
||
}
|
||
.page-template .post-content {
|
||
background-color: rgba(255, 255, 255, 0.7);
|
||
padding: 1.2rem;
|
||
|
||
}
|
||
|
||
a:hover {color: var(--ve-heavy-violett);}
|
||
|
||
</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_notext.svg" />
|
||
|
||
|
||
<h1 class="blog-title">vanilla.engineering</h1>
|
||
<h2 class="blog-description">creating camper experience</h2>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a class='btn site-menu' data-title-anchor='van-möbel' href='#van-m%c3%b6bel'>Van-Möbel</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a class='btn site-menu' data-title-anchor='der-gründer' href='#der-gr%c3%bcnder'>Der Gründer</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a class='btn site-menu' data-title-anchor='kontakt' href='#kontakt'>Kontakt</a>
|
||
|
||
|
||
|
||
|
||
<a id='header-arrow' href="#vanilla" 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='#vanilla'>Vanilla</a>
|
||
|
||
|
||
<a class='fn-item' item_index='2' href='#van-m%c3%b6bel'>Van-Möbel</a>
|
||
|
||
|
||
<a class='fn-item' item_index='3' href='#der-gr%c3%bcnder'>Der Gründer</a>
|
||
|
||
|
||
<a class='fn-item' item_index='4' href='#kontakt'>Kontakt</a>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class='post-holder'>
|
||
<article id='vanilla' class='post first '>
|
||
<header class="post-header">
|
||
<h2 class="post-title">Camperausbau leicht gemacht!</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
<p>Schön das du <strong>vanilla.engineering</strong> gefunden hast!</p>
|
||
<p>Mit unserem Möbelsystem zum Van-Ausbau kannst du ganz einfach einen Kastenwagen in <strong>deinen Camper</strong> verwandeln.</p>
|
||
<p>Wir stehen noch ganz am Anfang und geben dir gern einen ersten Einblick, was hier auf dich wartet.</p>
|
||
|
||
</section>
|
||
</article>
|
||
<div class='post-after light'></div>
|
||
</div>
|
||
|
||
|
||
<div class='post-holder dark'>
|
||
<article id='van-möbel' class='post '>
|
||
<header class="post-header">
|
||
<h2 class="post-title">Das Van-Möbelsystem vanilla.parts</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
<p><img src="/images/dunja1_ex.png" alt="Möbelsystem"></p>
|
||
<p><strong>vanilla.parts</strong> sind unsere vorgefertigten Möbelteile zur eigenen Montage, <strong>passgenau</strong> für dein Fahrzeug.
|
||
Wir starten mit dem Ducato L4H2, später wird unser Van-Möbelsystem auch für andere Modelle und Fabrikate erhältlich sein.</p>
|
||
<!-- raw HTML omitted -->
|
||
<h2 id="deine-vorteile-im-überblick">Deine Vorteile im Überblick:</h2>
|
||
<ul>
|
||
<li>
|
||
<p>Wir haben an alle Einzelheiten für dein perfektes DIY-Erlebnis gedacht.</p>
|
||
</li>
|
||
<li>
|
||
<p>Die Montage der Möbel ist mit einfachen Werkzeugen möglich.</p>
|
||
</li>
|
||
<li>
|
||
<p>Du erhälst Anleitungen für jeden Ausbauschritt mit nützlichen Tipps und Tricks.</p>
|
||
</li>
|
||
<li>
|
||
<p>Du kannst vanilla.parts individuell anpassen und zum Beispiel in deiner Lieblingsfarbe streichen.</p>
|
||
</li>
|
||
<li>
|
||
<p>Welche zusätzliche Ausstattung ist sinnvoll? Welche nicht? Von uns erhälst du Empfehlungen für passendes Zubehör.</p>
|
||
</li>
|
||
<li>
|
||
<p>Du wirst zum Experten für deinen eigenen Campervan, der alle Komponenten seines Fahrzeugs kennt.</p>
|
||
</li>
|
||
</ul>
|
||
|
||
</section>
|
||
</article>
|
||
<div class='post-after'></div>
|
||
</div>
|
||
|
||
|
||
<div class='post-holder'>
|
||
<article id='der-gründer' class='post '>
|
||
<header class="post-header">
|
||
<h2 class="post-title">Der Gründer</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 habe mehr als zehn Jahre Erfahrung in der Konstruktion von Möbeln für bewegte Räume.
|
||
Auf Yachten und in Fahrzeugen umrunden meine Ideen die Welt – immer angepasst an die jeweiligen Anforderungen unterwegs.</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 uns</h2>
|
||
</header>
|
||
<section class="post-content">
|
||
<p>
|
||
|
||
|
||
<img class="icon" src="/icons/letter.svg" height="22px">
|
||
|
||
<style>
|
||
#span-0430824b.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-0430824b"></span> 
|
||
|
||
<script id="script-0430824b">
|
||
var scriptTag = document.getElementById("script-0430824b");
|
||
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-7bae5fe2.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-7bae5fe2"></span> 
|
||
|
||
<script id="script-7bae5fe2">
|
||
var scriptTag = document.getElementById("script-7bae5fe2");
|
||
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/linkedin.svg" height="22px">
|
||
Vanilla auf <a href='https://www.linkedin.com/company/vanilla-engineering' 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.e7f09bc489d4c4c37fd82352c3ff5103c75840a91b8c1f6b895115175c0f1e2f.js" integrity="sha256-5/CbxInUxMN/2CNSw/9RA8dYQKkbjB9riVEVF1wPHi8=" ></script>
|
||
|
||
|
||
<script>cssVars();</script>
|
||
|
||
|
||
<footer class="site-footer">
|
||
<img style="position:absolute; right: 2rem; bottom:1.5rem; height:3.3rem; opacity:0.4" src="/icons/no-cookie.svg" alt="Ohne Cookies!" title="Ohne Cookies!">
|
||
<div class="inner">
|
||
<section>
|
||
<a href="/impressum">Impressum</a> <a href="/datenschutz">Datenschutz</a>
|
||
</section>
|
||
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|