forked from tohe/wmdeit_kaform
				
			Work on the tif design
This commit is contained in:
		
							parent
							
								
									894e460efa
								
							
						
					
					
						commit
						346fd821a8
					
				
							
								
								
									
										124
									
								
								ka.html
								
								
								
								
							
							
						
						
									
										124
									
								
								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">
 | 
			
		||||
 | 
			
		||||
		<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>
 | 
			
		||||
		<input required type="input"
 | 
			
		||||
		   size="32" id="projekt" name="project"
 | 
			
		||||
		   placeholder="Projekt xy" />
 | 
			
		||||
		</fieldset>
 | 
			
		||||
				<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 New Issue