{% extends "base.html" %}
{% block title %}Contact{%endblock%}

<!-- add css -->
<!-- design oriented on pages, simple silver, club mate image -->
<!-- simple contact form -->

<!-- reemove donation stuff -->


{% block content %}
<div class ="container">
    <div class="donation_container">
        <h2>Unterstützt uns</h2>
        <p>Spende an:<br> <span><b>IBAN:</b></span><br>
        Gib als <span>Verwendungszweck</span> die <span>Node</span> an die du unterstützen möchtest !<br>
        Nodes: <span>Hanf, PermApp, Spinne, Cube, Cyberpreneur, Offgrid </span></p>
    </div>
    <div class="form_container">
        <div class="form_box">
            <div class="left">
            </div>
            <div class="right">
                <h2>Kontaktiert Uns</h2>
                <form action="/contact/submit" method="post" enctype="multipart/form-data">
                    <h3 class="title"> Get in touch</h3>
                    <div class="input-container">
                        <input type="text" name="name" class="input" placeholder="Name" id="username"/>
                    </div>
                    <div class="input-container">
                        <input type="email" name="email" class="input" placeholder="Meine EMail*"required id="mail"/>
                    </div>
                    <div class="input-container">
                        <input type="tel" name="phone" class="input" placeholder="Telefonnummer (optional)" id="phone"/>
                    </div>
                    <div class="input-container">
                        <input type="subject" name="subject" class="input" placeholder="Betreff" id="subject" />
                    </div>
                    <div class="input-container textarea">
                        <textarea name="message" class="input" placeholder="Nachricht*" id="message" ></textarea>
                    </div>
                    <button class="btn" id="sub_btn">Submit</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}