Work on the tif design
This commit is contained in:
7u83
parent
894e460efa
commit
346fd821a8
2 changed files with 111 additions and 15 deletions
118
ka.html
118
ka.html
|
|
@ -15,27 +15,123 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="page is-container">
|
||||
<div class="main-sidebar">Sidebar</div>
|
||||
<div class="main-sidebar">Wikimedia Logo</div>
|
||||
<div class="main-content">
|
||||
|
||||
<h1>Antrag auf Kostenerstattung</h1>
|
||||
<p>Bitte beachte beim Ausfüllen die
|
||||
<a target="_blank" href="https://www.wikimedia.de/wiki/
|
||||
Gesch%C3%A4ftsordnung#Reisekostenordnung">
|
||||
Reisekostenordnung
|
||||
</a>.
|
||||
<h1>Auslagenersatz</h1>
|
||||
<p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
|
||||
Projektes entstanden sind?<BR>
|
||||
Bitte fülle dieses Formular aus ...
|
||||
</p>
|
||||
<h3>Bitte fülle die allgemeinen Daten für die Erstattung aus.</h3>
|
||||
|
||||
<form name="theform" id="theform" action="submit.php" method="POST">
|
||||
|
||||
<div class="is-row">
|
||||
<div class="is-col is-70">
|
||||
<fieldset>
|
||||
|
||||
<legend>Dein Projekt / Zweck der Reise</legend>
|
||||
<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 xy" />
|
||||
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>
|
||||
|
||||
<div class="is-row">
|
||||
<div class="is-col">
|
||||
|
||||
<input class="screen" type="radio" id="eu"
|
||||
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>
|
||||
<legend>Deine Ansprechperson bei Wikimedia</legend>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ body {
|
|||
.main-content {
|
||||
/* @include make-content;*/
|
||||
/* width: 100em;*/
|
||||
max-width:100em;
|
||||
/* max-width:170em;*/
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue