You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

113 lines
4.9 KiB

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kauft.es</title>
<link rel="stylesheet" href="./main.scss">
<meta name="robots" content="noindex,nofollow">
</head>
<body>
<div class="hamburger-menu">
<button class="burger" data-state="closed">
<span></span>
<span></span>
<span></span>
</button>
</div>
<nav data-state="closed">
<ul>
<li>
<a href="#" data-action="nav-home">Home</a>
</li>
<li>
<a href="#" data-action="nav-laden">Laden</a>
</li>
<li>
<a href="https://odit.services/imprint" target="_blank" rel="noopener noreferrer">Imprint</a>
</li>
<li>
<a href="https://odit.services/privacy" target="_blank" rel="noopener noreferrer">Privacy</a>
</li>
</ul>
</nav>
<main>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">out of office 🕕</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">Sie besuchen unseren Laden außerhalb der Öffnungszeiten 🙄</div>
<div class="modal-footer">
<button id="closemodal" class="btn" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<div class="container" style="display: none;" id="landingpage_wrapper">
<div class="row">
<div class="col-md-6 align-self-center">
<img src="./kaufen.svg" alt="" style="max-width: 100%;">
</div>
<div class="col-md-6 align-self-center">
<h1>kauft.es</h1>
<h2>kauft.es/<span id="caption"></span><span id="cursor">|</span></h2>
<h3>not just another random webshop.</h3>
<button data-navigo="nav-laden" class="btn green">Den Laden
betreten</button>
</div>
</div>
</div>
<div class="container" style="display: none;" id="shoplanding_wrapper">
<h1>Der Laden <sup>(TM)</sup></h1>
<h2>Produkte.</h2>
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<div class="card ribbonbox">
<div class="ribbon"><span>ausverkauft</span></div>
<img class="card-img-top productimage" src="./hut-preview.jpg">
<div class="card-body">
<b>Der Hut - Modell "höchste"</b>
<p class="card-text">german handarbeit. detailled print. big flex.</p>
<button data-action="ja_ich_will" data-wasdenn="den-hut" class="btn green">ja ich will!</button>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="display: none;" id="productpage_hut_wrapper">
<h1>Der Hut.</h1>
<img style="width: 100%;" src="./hut-preview.jpg">
<p style="font-size: 1.25rem;">"Der Hut" basiert auf einem handgemachten Stoffhut (Sonnenhut) unseres Textil-Zulieferers.<br>Das Design im Modell "höchste" ist angelehnt an eine Trendsetter-Szene des 21. Jahrhunderts, sodass auch Sie sich immer von der besten und modernsten Seite präsentieren können.</p>
<h3>
<b>Fertigung</b>
</h3>
<p>"Der Hut" wird lokal in aufwändiger Handarbeit gefertigt.</p>
<h3>
<b>Verarbeitete Materialien</b>
</h3>
<ul>
<li>Sonnenhut (Farbe frei wählbar - rot wird im Modell "höchste" empfohlen)</li>
<li>Textilfarbe vom feinsten</li>
</ul>
<h3>
<b>Produktion + Lieferung</b>
</h3>
<p>"Der Hut" ist eine persönliche Maßanfertigung.<br>Sie werden über den aktuellen Produktionsstand des Produktes informiert.</p>
<h3>
<b>Zertifikat</b>
</h3>
<p>Zu jedem maßgefertigten Hut gibt es ein "kauft.es"-Gütesiegel gratis dazu.</p>
</div>
</main>
<script src="./js/main.js"></script>
</body>
</html>