forked from tohe/wmdeit_kaform
Work on the tif design
This commit is contained in:
7u83
parent
894e460efa
commit
346fd821a8
124
ka.html
124
ka.html
|
|
@ -15,27 +15,123 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="page is-container">
|
<div class="page is-container">
|
||||||
<div class="main-sidebar">Sidebar</div>
|
<div class="main-sidebar">Wikimedia Logo</div>
|
||||||
<div class="main-content">
|
<div class="main-content">
|
||||||
|
|
||||||
<h1>Antrag auf Kostenerstattung</h1>
|
<h1>Auslagenersatz</h1>
|
||||||
<p>Bitte beachte beim Ausfüllen die
|
<p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
|
||||||
<a target="_blank" href="https://www.wikimedia.de/wiki/
|
Projektes entstanden sind?<BR>
|
||||||
Gesch%C3%A4ftsordnung#Reisekostenordnung">
|
Bitte fülle dieses Formular aus ...
|
||||||
Reisekostenordnung
|
|
||||||
</a>.
|
|
||||||
</p>
|
</p>
|
||||||
<h3>Bitte fülle die allgemeinen Daten für die Erstattung aus.</h3>
|
|
||||||
|
|
||||||
<form name="theform" id="theform" action="submit.php" method="POST">
|
<form name="theform" id="theform" action="submit.php" method="POST">
|
||||||
|
|
||||||
<fieldset>
|
<div class="is-row">
|
||||||
|
<div class="is-col is-70">
|
||||||
|
<fieldset>
|
||||||
|
<div class="is-row">
|
||||||
|
<div class="is-col">
|
||||||
|
<input required type="input"
|
||||||
|
size="32" id="nickname" name="nickname"
|
||||||
|
placeholder="Nickname*" />
|
||||||
|
</div>
|
||||||
|
<div class="is-col">
|
||||||
|
<input required type="input"
|
||||||
|
size="32" id="projekt" name="project"
|
||||||
|
placeholder="Projekt-ID*" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="is-row">
|
||||||
|
<div class="is-col">
|
||||||
|
<input required type="input" size="32"
|
||||||
|
` name="realname" placeholder="Realname*" />
|
||||||
|
</div>
|
||||||
|
<div class="is-col">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="is-row">
|
||||||
|
<div class="is-col">
|
||||||
|
<input required type="email" size="32" id="email"
|
||||||
|
name="email" placeholder="E-Mail-Adresse*" />
|
||||||
|
</div>
|
||||||
|
<div class="is-col">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
<legend>Dein Projekt / Zweck der Reise</legend>
|
<div class="is-row">
|
||||||
<input required type="input"
|
<div class="is-col">
|
||||||
size="32" id="projekt" name="project"
|
|
||||||
placeholder="Projekt xy" />
|
<input class="screen" type="radio" id="eu"
|
||||||
</fieldset>
|
name="bank" value="EU" checked>
|
||||||
|
<label class="screen radio" for="eu">EU-Banküberweisung</label>
|
||||||
|
<br>
|
||||||
|
<input class="screen" type="radio"
|
||||||
|
id="noneu" name="bank" value="Non-EU">
|
||||||
|
<label class="screen radio" for="noneu">
|
||||||
|
Non-EU-Banküberweisung</label>
|
||||||
|
<br>
|
||||||
|
<input class="screen" type="radio" id="paypal"
|
||||||
|
name="bank" value="PayPal">
|
||||||
|
<label class="screen radio" for="paypal">PayPal</label>
|
||||||
|
<br>
|
||||||
|
<input class="screen" type="radio" id="bar"
|
||||||
|
name="bank" value="Bar">
|
||||||
|
<label class="screen radio" for="bar" lang="de">
|
||||||
|
Bargeld</label>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<label class="EU nonEU" for="owner" >Kontoinhaber</label>
|
||||||
|
<input class="EU nonEU" type="input" size="32" id="ownerDe" name="Owner" placeholder="wenn abweichend vom Realnamen" />
|
||||||
|
|
||||||
|
<label class="EU nonEU" for="iban" >IBAN</label>
|
||||||
|
<input class="EU nonEU" type="input" size="32" id="iban" name="IBAN" placeholder="DE0123…" />
|
||||||
|
|
||||||
|
<label class="EU nonEU" for="bic">BIC / SWIFT</label>
|
||||||
|
<input class="EU nonEU" type="input" size="32" id="bic" name="BIC" placeholder="LBMU…" />
|
||||||
|
|
||||||
|
|
||||||
|
<label class="EU nonEU" for="bank" >Name der Bank</label>
|
||||||
|
<input class="EU nonEU" type="input" size="32" id="bank" name="Bankname" placeholder="Banky McBankface" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<label class="nonEU" for="bankaddress" >Bankanschrift</label>
|
||||||
|
<textarea class="nonEU" name="bankaddress" id="bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
|
||||||
|
Postleitzahl und Ort
|
||||||
|
Land"></textarea>
|
||||||
|
|
||||||
|
<label class="nonEU" for="address" >Deine Anschrift</label>
|
||||||
|
<textarea name="address" lang="de" class="nonEU" id="address" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
|
||||||
|
Postleitzahl und Ort
|
||||||
|
Land"></textarea>
|
||||||
|
<label class="EU nonEU" for="comments" lang="de">Weitere Anmerkungen</label>
|
||||||
|
<textarea class="EU nonEU" id="comments" name="comments"
|
||||||
|
style="resize:both;" cols="32" rows="4" placeholder="z.B. intermdiäre Bank,
|
||||||
|
Grund für abweichende Kontoinhaberin"></textarea>
|
||||||
|
|
||||||
|
|
||||||
|
<label class="paypal" for="accountnumber">
|
||||||
|
PayPal account</label>
|
||||||
|
<input class="paypal" type="input" size="32"
|
||||||
|
id="paypal" placeholder="paypal@example.com" />
|
||||||
|
|
||||||
|
</div> <!-- i-col -->
|
||||||
|
</div> <!-- is-row -->
|
||||||
|
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
<div class="is-col ">
|
||||||
|
Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext
|
||||||
|
</div>
|
||||||
|
</div> <!-- is row -->
|
||||||
|
Hallo
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Deine Ansprechperson bei Wikimedia</legend>
|
<legend>Deine Ansprechperson bei Wikimedia</legend>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ body {
|
||||||
.main-content {
|
.main-content {
|
||||||
/* @include make-content;*/
|
/* @include make-content;*/
|
||||||
/* width: 100em;*/
|
/* width: 100em;*/
|
||||||
max-width:100em;
|
/* max-width:170em;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue