dd-weekend/content/merch.md

---
title: Merchandise
date: '2020-02-18'
---

<div class="center-container">
    <div style="width: 100%;max-width: 600px;">
        <p>
            Sobald die Anmeldung für das Wochenende freigeschaltet wurde,<br />
            wird auch die Bestellung hier möglich sein.
        </p>
    </div>
</div>

<hr />

<div class="center-container">
    <form class="form" method="GET" style="display: none;" action="https://ssl.webpack.de/beging.de/form/write/ddwe21-merch-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="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>
                <option value="3 Bierkrüge">3 Bierkrüge</option>
                <option value="4 Bierkrüge">4 Bierkrüge</option>
                <option value="5 Bierkrüge">5 Bierkrüge</option>
                <option value="6 Bierkrüge">6 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ßbierglas</option>
                <option value="1 Weißbierglas">1 Weißbierglas (je 8,00 EUR)</option>
                <option value="2 Weißbiergläser">2 Weißbiergläser</option>
                <option value="3 Weißbiergläser">3 Weißbiergläser</option>
                <option value="4 Weißbiergläser">4 Weißbiergläser</option>
                <option value="5 Weißbiergläser">5 Weißbiergläser</option>
                <option value="6 Weißbiergläser">6 Weiß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="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>
                <option value="3 Emailletasse">3 Emailletassen</option>
                <option value="4 Emailletasse">4 Emailletassen</option>
                <option value="5 Emailletasse">5 Emailletassen</option>
                <option value="6 Emailletasse">6 Emailletassen</option>
            </select>
            <label for="emaille">Emailletasse</label>
        </div>
        <div class="grow-2">
            <textarea id="message" name="message"></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>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 Event-Motiv<br />
                Größen: S - 3XL
            </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 &lt;DD&gt;-Design<br />
                Personalisiert mit Hex-ID<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>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>