Files
dd-weekend/merch/index.html
2021-07-20 05:24:30 +00:00

376 lines
15 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>Merchandise | &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/merch/'>
<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/merch/'>
<li>Merchandise</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>Merchandise</h1>
<hr />
<div class="center-container">
<div style="width: 100%;max-width: 600px;">
<p>
<p>Nach der Bestellung bekommt ihr eine <strong>E-Mail</strong> als Bestätigung mit allen Zahlungsdetails.
Es gilt das Prinzip der <strong>Vorkasse</strong>, der offene Betrag muss bis zum <strong>23. Juli 2021</strong> beglichen sein.
Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen der Mechandise-Bestellung behandelt werden.</p>
<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.
</p>
<p style="display: flex;">
<strong>Rückfragen</strong>: <img src="../assets/abmail.png" />
</p>
</div></p>
</div>
<hr />
<div class="center-container">
<form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwe21-merch">
<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 (je 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 (je 15,00 EUR)</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="1 Bierkrug">1 Bierkrug (je 14,00 EUR)</option>
<option value="2 Bierkrüge">2 Bierkrüge</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="3 Weißbiergläser">3 Wei&szlig;biergläser</option>
<option value="4 Weißbiergläser">4 Wei&szlig;biergläser</option>
<option value="5 Weißbiergläser">5 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="willibecher" name="willibecher" required>
<option value="Kein Willibecher">Kein Willibecher</option>
<option value="1 Willibecher">1 Willibecher (je 5,00 EUR)</option>
<option value="2 Willibecher">2 Willibecher</option>
<option value="3 Willibecher">3 Willibecher</option>
<option value="4 Willibecher">4 Willibecher</option>
<option value="5 Willibecher">5 Willibecher</option>
<option value="6 Willibecher">6 Willibecher</option>
</select>
<label for="weizen">Willibecher</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">
<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>
Vorne im klassischen &lt;DD&gt;-Design<br />
Die Rückseite mit 2021-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 coolen 2021 &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 coolen &lt;DD&gt;-Design<br />
&nbsp;
</p>
<h2>€ 8,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Willibecher</strong>
</div>
<div class="card-body text-center">
<img src="../shop/glas.png" data-original="../shop/glas.png" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Hochwertige Lasergravur<br />
im coolen &lt;DD&gt;-Design<br />
&nbsp;
</p>
<h2>€ 5,00</h2>
</div>
</article>
<article class="card">
<div class="card-header">
<strong>Flaschenöffner</strong>
</div>
<div class="card-body text-center">
<img src="../shop/oeffner_thumb.jpg" data-original="../shop/oeffner.jpg" style="max-width: 350px; max-height: 195px;" class="zoom">
<p>
Klassischer Holz-Flaschenöffner<br />
Beidseitig graviert im coolen &lt;DD&gt;-Design<br />
&nbsp;
</p>
<h2>€ 5,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>Codename &lt;DD&gt;-Wochenende</strong>
</p>
<p>
27. bis 29. August 2021<br />
Eine Schnapsidee des Chapter Siegen: Name folgt...
</p>
<p>
<a href='http://durstiger-donnerstag.de/index.php?page=kontakt_impressum' target="_blank">Impressum</a> | <a href='http://durstiger-donnerstag.de/index.php?page=datenschutz' target="_blank">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>