You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

180 lines
4.8 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. <!doctype html>
  2. <html >
  3. <head>
  4. <title>Kostenerstattungsforumlar</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- Kube CSS -->
  8. <link rel="stylesheet" href="css/kube.min.css">
  9. <link rel="stylesheet" href="addons/kube-addons.min.css" />
  10. <link rel="stylesheet" href="master.css" />
  11. </head>
  12. <body>
  13. <div class="page is-container">
  14. <div class="main-sidebar">Wikimedia Logo</div>
  15. <div class="main-content">
  16. <h1>Auslagenersatz</h1>
  17. <p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
  18. Projektes entstanden sind?<BR>
  19. Bitte fülle dieses Formular aus ...
  20. </p>
  21. <form data-kube="kaform" name="theform" id="theform" action="submit.php" method="POST">
  22. <div class="is-row">
  23. <div class="is-col is-70">
  24. <fieldset>
  25. <div class="is-row">
  26. <div class="is-col">
  27. <input required type="input"
  28. size="32" id="nickname" name="nickname"
  29. placeholder="Nickname*" />
  30. </div>
  31. <div class="is-col">
  32. <input required type="input"
  33. size="32" id="projekt" name="project"
  34. placeholder="Projekt-ID*" />
  35. </div>
  36. </div>
  37. <br>
  38. <div class="is-row">
  39. <div class="is-col">
  40. <input required type="input" size="32"
  41. ` name="realname" placeholder="Realname*" />
  42. </div>
  43. <div class="is-col">
  44. </div>
  45. </div>
  46. <br>
  47. <div class="is-row">
  48. <div class="is-col">
  49. <input required type="email" size="32" id="email"
  50. name="email" placeholder="E-Mail-Adresse*" />
  51. </div>
  52. <div class="is-col">
  53. </div>
  54. </div>
  55. <br>
  56. <div class="is-row">
  57. <div class="is-col">
  58. <nav class="tabs" data-kube="tabs" data-equal="false">
  59. <a href="#tab1" class="is-active">Banküberweisung</a>
  60. <a href="#tab2">Banküberweisung(Non-EU)</a>
  61. <a href="#tab3">PayPal</a>
  62. <a href="#tab4">Barauszahlung</a>
  63. </nav>
  64. <section id="tab1">
  65. <div class="is-row">
  66. <div class="is-col">
  67. <input type="input" size="32" name="Owner" placeholder="Kontoinhaber" />
  68. </div>
  69. <div class="is-col">
  70. </div>
  71. </div>
  72. <br>
  73. <div class="is-row">
  74. <div class="is-col">
  75. <input type="input" size="32" id="iban" name="IBAN" placeholder="IBAN*" />
  76. </div>
  77. <div class="is-col">
  78. <input type="input" size="32" id="bic" name="BIC" placeholder="BIC*" />
  79. </div>
  80. </div>
  81. <br>
  82. <input type="input" size="32" id="bic" name="purpose" placeholder="Verwendungszweck" />
  83. </section>
  84. <section id="tab2">
  85. <div class="is-row">
  86. <div class="is-col">
  87. <input type="input" size="32" name="Owner" placeholder="Kontoinhaber" />
  88. </div>
  89. <div class="is-col">
  90. </div>
  91. </div>
  92. <br>
  93. <div class="is-row">
  94. <div class="is-col">
  95. <input type="input" size="32" id="iban" name="IBAN" placeholder="Kontonummer*" />
  96. </div>
  97. <div class="is-col">
  98. <input type="input" size="32" id="bic" name="BIC" placeholder="BIC/SWIFT*" />
  99. </div>
  100. </div>
  101. <br>
  102. <input class="EU nonEU" type="input" size="32" id="bank" name="Bankname" placeholder="Name der Bank*" />
  103. <br>
  104. <textarea class="nonEU" name="bankaddress" id="bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Adresse der Bank (Strasse und Hausnummer/Postleitzahl/Land)"></textarea>
  105. <br>
  106. <textarea name="address" lang="de" class="nonEU" id="address" style="resize:both;" cols="32" rows="4" placeholder="Deine Anschrift (Srtasse und Hausnummer/Postleitzahl/Land)
  107. "></textarea>
  108. <br>
  109. <input type="input" size="32" id="bic" name="purpose" placeholder="Verwendungszweck" />
  110. </section>
  111. <section id="tab3">
  112. <input class="paypal" type="input" size="32"
  113. id="paypal" placeholder="Dein PayPal Account (paypal@example.com)" />
  114. </section>
  115. <section id="tab4">
  116. </section>
  117. </div> <!-- i-col -->
  118. </div> <!-- is-row -->
  119. </fieldset>
  120. </div>
  121. <div class="is-col ">
  122. Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext
  123. </div>
  124. </div> <!-- is row -->
  125. Hallo
  126. </div>
  127. </div>
  128. <input type="submit" style="display:none" name="submitButton" />
  129. </form>
  130. <button onclick="addTableRow();"
  131. class="button">Position hinzuf&uuml;gen</button>
  132. <button onclick="document.theform.submitButton.click();"
  133. class="button">Absenden</button>
  134. <!-- Kube JS (optional if you are using Kube CSS only) -->
  135. <script src="js/kube.min.js"></script>
  136. <script src="addons/upload/kube.upload.min.js"></script>
  137. <script src="addons/kube-addons.min.js"></script>
  138. <script src="kaform.js"></script>
  139. </div>
  140. </div>
  141. </body>
  142. </html>