Files
dd-weekend/shop/index.html
2022-04-25 18:44:09 +00:00

433 lines
17 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png" />
<link rel="manifest" href="../site.webmanifest" />
<link rel="mask-icon" href="../safari-pinned-tab.svg" color="#000000" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#040404" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Shop | &lt;DD> Wochenende</title>
<link rel="stylesheet" href='https://ddwe.beging.de/css/ndws.css' />
</head>
<body >
<div class="nav">
<nav>
<div class="nav-left">
<a href='https://ddwe.beging.de/' class="header-logo">
<img src='https://ddwe.beging.de/assets/dd_white.png' />
</a>
<ul class="nav-links">
<a href='https://ddwe.beging.de/anmeldung/'>
<li >Anmeldung</li>
</a>
<a href='https://ddwe.beging.de/shop/'>
<li class='active'>Shop</li>
</a>
<a href='https://ddwe.beging.de/location/'>
<li >Location</li>
</a>
<a href='https://ddwe.beging.de/anreise/'>
<li >Anreise</li>
</a>
<a href='https://ddwe.beging.de/faq/'>
<li >FAQ</li>
</a>
</ul>
</div>
<div class="nav-right">
<ul class="nav-links">
</ul>
</div>
</nav>
</div>
<div id="sidebar">
<div class="hamburger">
<div data-action="toggle-sidebar">
<span></span>
<span></span>
<span></span>
</div>
</div>
<ul>
<a href='https://ddwe.beging.de/anmeldung/'>
<li>Anmeldung</li>
</a>
<a href='https://ddwe.beging.de/shop/'>
<li>Shop</li>
</a>
<a href='https://ddwe.beging.de/location/'>
<li>Location</li>
</a>
<a href='https://ddwe.beging.de/anreise/'>
<li>Anreise</li>
</a>
<a href='https://ddwe.beging.de/faq/'>
<li>FAQ</li>
</a>
</ul>
</div>
<div id="content">
<h1>Shop</h1>
<hr />
<div class="center-container">
<div style="width: 100%;max-width: 600px;">
<p>
<div style="display: none;">Nach der Bestellung bekommt ihr eine **E-Mail** als Bestätigung mit allen Zahlungsdetails.
Es gilt das Prinzip der **Vorkasse**, der offene Betrag muss bis zum **23. Juli 2021** beglichen sein.
Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen der Mechandise-Bestellung behandelt werden.
<p>Die bestellten Artikel bringen wir euch zum DD-Wochenende mit. Versand per Post ist gegen Übernahme der Kosten auch möglich, bitte klären.</div></p>
<p>Der Merchandise-Shop für 2022 öffnet bald!
</p>
<p style="display: flex;">
<strong>Rückfragen</strong>: <img src="../assets/abmail.png" />
</p>
</div></p>
</div>
<hr />
<div><span style="color: red; text-align: center; display: block;">NOCH NICHT AKTIV</span><br /></div>
<div class="center-container">
<form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwe22-shop-test">
<div class="grow-1">
<input id="name" name="name" type="text" required />
<label for="name">Name</label>
</div>
<div class="grow-1">
<input id="mail" name="mail" type="email" required />
<label for="mail">E-Mail</label>
</div>
<!--<div class="grow-2">
<select id="hoodie" name="hoodie" required>
<option value="Kein Hoodie">Kein Hoodie</option>
<option value="Hoodie-S">Hoodie S (je 30,00 EUR)</option>
<option value="Hoodie-M">Hoodie M</option>
<option value="Hoodie-L">Hoodie L</option>
<option value="Hoodie-XL">Hoodie XL</option>
<option value="Hoodie-XXL">Hoodie XXL</option>
</select>
<label for="shirt">Hoodie (für mehrere Hoodies bitte mehrfach bestellen)</label>
</div>
<div class="grow-2">
<select id="zipper" name="zipper" required>
<option value="Kein Zipper">Kein Zipper</option>
<option value="Zipper-S">Zipper S (je 30,00 EUR)</option>
<option value="Zipper-M">Zipper M</option>
<option value="Zipper-L">Zipper L</option>
<option value="Zipper-XL">Zipper XL</option>
<option value="Zipper-XXL">Zipper XXL</option>
<option value="Zipper-3XL">Zipper 3XL</option>
</select>
<label for="zipper">Zipper (für mehrere Zipper bitte mehrfach bestellen)</label>
</div>-->
<div class="grow-2">
<select id="shirt" name="shirt" required>
<option value="Kein T-Shirt">Kein T-Shirt</option>
<option value="Herren-S">T-Shirt Herren S (15,00 EUR)</option>
<option value="Herren-M">T-Shirt Herren M</option>
<option value="Herren-L">T-Shirt Herren L</option>
<option value="Herren-XL">T-Shirt Herren XL</option>
<option value="Herren-XXL">T-Shirt Herren XXL</option>
<option value="Herren-3XL">T-Shirt Herren 3XL</option>
<option value="---">---</option>
<option value="Damen-XS">T-Shirt Damen XS</option>
<option value="Damen-S">T-Shirt Damen S</option>
<option value="Damen-M">T-Shirt Damen M</option>
<option value="Damen-L">T-Shirt Damen L</option>
<option value="Damen-XL">T-Shirt Damen XL</option>
<option value="Damen-XXL">T-Shirt Damen XXL</option>
</select>
<label for="shirt">T-Shirt (für mehrere Shirts bitte mehrfach bestellen)</label>
</div>
<div class="grow-2">
<select id="bierkrug" name="bierkrug" required>
<option value="Kein Bierkrug">Kein Bierkrug</option>
<option value="Ja-Bierkrug!">Ja, ein Bierkrug! (14,00 EUR)</option>
</select>
<label for="bierkrug">Bierkrug</label>
</div>
<div class="grow-2">
<select id="weizen" name="weizen" required>
<option value="Kein Weißbierglas">Kein Wei&szlig;bierglas</option>
<option value="1 Weißbierglas">1 Wei&szlig;bierglas (je 8,00 EUR)</option>
<option value="2 Weißbiergläser">2 Wei&szlig;biergläser</option>
<option value="6 Weißbiergläser">6 Wei&szlig;biergläser</option>
</select>
<label for="weizen">Weißbierglas</label>
</div>
<div class="grow-2">
<select id="shotglas" name="shotglas" required>
<option value="Kein Shotglas">Kein Shotglas</option>
<option value="1">1 Shotglas (je 5,00 EUR)</option>
<option value="2">2 Shotgläser</option>
<option value="6">6 Shotgläser</option>
</select>
<label for="bierkrug">Shotgläser</label>
</div>
<div class="grow-2">
<select id="flachmann" name="flachmann" required>
<option value="Kein Flachmann">Kein Flachmann</option>
<option value="Ja-Flachmann!">Ja, ein Flachmann! (15,00 EUR)</option>
</select>
<label for="flachmann">Flachmann</label>
</div>
<div class="grow-2">
<select id="boxer" name="boxer" required>
<option value="Keine Boxershorts">Kein Boxershorts</option>
<option value="Boxer-S">Boxershorts, Größe S (18,00 EUR)</option>
<option value="Boxer-M">Boxershorts, Größe M</option>
<option value="Boxer-L">Boxershorts, Größe L</option>
<option value="Boxer-XL">Boxershorts, Größe XL</option>
<option value="Boxer-XXL">Boxershorts, Größe XXL</option>
</select>
<label for="boxer">Boxershorts</label>
</div>
<div class="grow-2">
<select id="string" name="string" required>
<option value="String Tanga">Kein String Tanga</option>
<option value="String-L">String Tanga, Größe L (17,00 EUR)</option>
<option value="String-XL">String Tanga, Größe XL</option>
</select>
<label for="string">String Tanga</label>
</div>
<!--<div class="grow-2">
<select id="flaschenoeffner" name="flaschenoeffner" required>
<option value="Keinen Flaschenöffner">Keinen Flaschen&ouml;ffner</option>
<option value="1 Flaschenöffner">1 Flaschen&ouml;ffner (je 5,00 EUR)</option>
<option value="2 Flaschenöffner">2 Flaschen&ouml;ffner</option>
</select>
<label for="weizen">Flaschenöffner</label>
</div>
<div class="grow-2">
<select id="emaille" name="emaille" required>
<option value="Keine Emailletasse">Keine Emailletasse</option>
<option value="1 Emailletasse ja">1 Emailletasse (je 10,00 EUR)</option>
<option value="2 Emailletasse">2 Emailletassen</option>
</select>
<label for="emaille">Emailletasse</label>
</div>-->
<div class="grow-2">
<textarea id="message" name="message" placeholder="Meine HEX-ID / Wunschname für den Krug ist..."></textarea>
<label for="message">Sonst noch was?</label>
</div>
<div class="grow-2">
</div>
<div class="grow-2 d-none">
<input class="btn btn-lg" type="submit" value="Verbindlich bestellen" />
</div>
</form>
</div>
<section class="cards">
<!--<article class="card">
<div class="card-header">
<strong>Hoodie Unisex</strong>
</div>
<div class="card-body text-center">
<img src="../shop/hoodiekontrast.png" data-original="../shop/hoodiekontrast.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Hoodie &lt;DD&gt;-Design<br />
Nicht speziell im Wochenendstil<br />
Größen: S - XXL<br />
<a href="../shop/hoodie_ref.png" class="zoom" target="_blank">
Größentabelle
</a>
</p>
<h2>€ 30,00</h2>
</div>
</article>-->
<!--<article class="card">
<div class="card-header">
<strong>Zipper</strong>
</div>
<div class="card-body text-center">
<img src="../shop/zipper.jpg" data-original="../shop/zipper.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Zip-Jacke &lt;DD&gt;-Design<br />
Nicht speziell im Wochenendstil<br />
Größen: S - 3XL
</p>
<h2>€ 30,00</h2>
</div>
</article>-->
<article class="card">
<div class="card-header">
<strong>T-Shirt</strong>
</div>
<div class="card-body text-center">
<img src="../shop/shirt1_thumb.jpg" data-original="../shop/shirt1.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<img src="../shop/shirt2_thumb.jpg" data-original="../shop/shirt2.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Mit neuem 2022-Motiv<br />
Größen: S - 3XL<br />
<a href="../shop/shirt_ref.png" class="zoom" target="_blank">
Größentabelle
</a>
</p>
<h2>€ 15,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Bierkrug</strong>
</div>
<div class="card-body text-center">
<img src="../shop/krug1_thumb.png" data-original="../shop/krug1.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<img src="../shop/krug2_thumb.jpg" data-original="../shop/krug2.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Rundherum bedruckt im 2022 &lt;DD&gt;-Design<br />
Personalisiert mit Hex-ID / Wunschnamen<br />
(bitte angeben!)<br />
&nbsp;
</p>
<h2>€ 14,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Weißbierglas</strong>
</div>
<div class="card-body text-center">
<img src="../shop/weizen1_thumb.jpg" data-original="../shop/weizen1.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<img src="../shop/weizen2_thumb.jpg" data-original="../shop/weizen2.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Hochwertige Lasergravur<br />
im 2022er Design<br />
&nbsp;
</p>
<h2>€ 8,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Schnapsglas</strong>
</div>
<div class="card-body text-center">
<img src="../shop/schnapsglas_thumb.jpg" data-original="../shop/schnapsglas.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
<br />
4 cl<br />
Mit laser graviertem &lt;DD&gt;-Logo<br />
(Bekannt vom ersten Wochenende 2020)<br />
&nbsp;
</p>
<h2>€ 5,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Flachmann</strong>
</div>
<div class="card-body text-center">
<img src="../shop/flachmann_thumb.png" data-original="../shop/flachmann.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Edelstahl, 200 ml<br />
Einseitig edel im &lt;DD&gt;-Stil graviert<br />
Zeitlos, nicht auf dieses Jahr bezogen<br />
&nbsp;
</p>
<h2>€ 15,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Boxershorts</strong>
</div>
<div class="card-body text-center">
<img src="../shop/boxer_thumb.png" data-original="../shop/boxer.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Vielfach gewünscht - mit &lt;DD&gt;-Logo auf dem Hintern!<br />
Schwarz<br />
Größen: S - XXL<br />
<a href="../shop/boxer_ref.png" class="zoom" target="_blank">
Größentabelle
</a>
</p>
<h2>€ 18,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>String Tanga</strong>
</div>
<div class="card-body text-center">
<img src="../shop/stringtanga.png" data-original="../shop/stringtanga.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Vielfach gewünscht - mit &lt;DD&gt;-Logo!<br />
Weiß<br />
Größen: L und XL<br />
<a href="../shop/stringtanga_ref.png" class="zoom" target="_blank">
Größentabelle
</a>
</p>
<h2>€ 17,00</h2>
</div>
</article>
<!--<article class="card">
<div class="card-header">
<strong>Emaille Tasse</strong>
</div>
<div class="card-body text-center">
<img src="../shop/tasse1_thumb.jpg" data-original="../shop/tasse1.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<img src="../shop/tasse2_thumb.jpg" data-original="../shop/tasse2.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Rundherum bedruckt im coolen &lt;DD&gt;-Design<br />
&nbsp;<br />
&nbsp;
</p>
<h2>€ 10,00</h2>
</div>
</article>-->
</section>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
new Zooming().listen('.zoom');
});
</script>
</div>
<footer>
<div class="footer-row">
<div class="column">
<p>
<strong>&lt;DD&gt;-Wochenende</strong>
</p>
<p>
26. bis 28. August 2022<br />
Eine Schnapsidee des Chapter Siegen: Name folgt...
</p>
<p>
<a href='https://ddwe.beging.de/impressum'>Impressum</a> | <a href='https://ddwe.beging.de/datenschutz'>Datenschutzerklärung</a>
</p>
</p>
<p>
<a href='https://ddwe.beging.de/geschichte'>Geschichte</a>
</p>
</div>
<div class="column">
<p>
<img src='https://ddwe.beging.de/assets/d5.png' >
</p>
</div>
</div>
</footer>
<script src='https://ddwe.beging.de/js/zooming.min.js'></script>
<script src='https://ddwe.beging.de/js/script.js'></script>
</body>
</html>