Advertisement
Farality

HTML

Oct 1st, 2016
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.90 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title> InwZa</title>
  5. <link rel="stylesheet" href="css/inwza.css">
  6. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  7. <script type="text/javascript" src="js/java.js"> </script>
  8.  
  9. <!-- Latest compiled and minified CSS -->
  10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  11.  
  12. <!-- Optional theme -->
  13. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  14.  
  15. <!-- Latest compiled and minified JavaScript -->
  16. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  17.  
  18. </head>
  19. <body>
  20. <div id = "topbar">
  21. <div id ="topbarright">
  22. <a>Go</a>
  23. <a>Eiei</a>
  24. <a>Inwza</a>
  25. <a>I sus</a>
  26. </div>
  27. </div>
  28. <!-- Delete Style:display:none to show all !-->
  29. <div class="form-group">
  30. <form method = "post" action = "inw.php">
  31.  
  32. <div class = "up-top step-1" id="step-1">
  33. <div class= "contain-box">
  34. <div class = "col_6">
  35. <div class = "blog">
  36. <h1 > Your Physical </h1>
  37. <!-- Firstname : <input type="text" name="firstname"> <br>
  38. Lastname : <input type="text" name="lastname"> <br>
  39. !-->
  40. Gender <select name ="gender">
  41. <option value = "M"> Male </option>
  42. <option value = "F"> Female </option>
  43. </select>
  44. <br>
  45. Height : <input type ="text" name = "height">
  46. <br>
  47. Body Bulid : <select name="body">
  48. <option value = "Fit"> Fit</option>
  49. <option value = "Skinny"> Skinny </option>
  50. <option value = "normal"> normal </option>
  51. <option value = "Chubby"> Chubby </option>
  52. </select>
  53. <br>
  54. Skin : <select name="skin">
  55. <option value = "Fair"> Fair Skin </option>
  56. <option value = "Tan"> Tanned Skin </option>
  57. <option value = "Dark"> Dark Skin </option>
  58. </select>
  59. <br>
  60. Age : <input type = "text" name = "age">
  61. <br>
  62. <div class="next" onclick ="go_next(2)" value="2"> Next </div>
  63. </div>
  64. </div>
  65. <div class = "col_6">
  66. <div class = "blog">
  67. <h1 > Your Physical </h1>
  68. <!-- Firstname : <input type="text" name="firstname"> <br>
  69. Lastname : <input type="text" name="lastname"> <br>
  70. !-->
  71. Gender <select name ="gender">
  72. <option value = "M"> Male </option>
  73. <option value = "F"> Female </option>
  74. </select>
  75. <br>
  76. Height : <input type ="text" name = "height">
  77. <br>
  78. Body Bulid : <select name="body">
  79. <option value = "Fit"> Fit</option>
  80. <option value = "Skinny"> Skinny </option>
  81. <option value = "normal"> normal </option>
  82. <option value = "Chubby"> Chubby </option>
  83. </select>
  84. <br>
  85. Skin : <select name="skin">
  86. <option value = "Fair"> Fair Skin </option>
  87. <option value = "Tan"> Tanned Skin </option>
  88. <option value = "Dark"> Dark Skin </option>
  89. </select>
  90. <br>
  91. Age : <input type = "text" name = "age">
  92. <br>
  93. <div class="next" onclick ="go_next(2)" value="2"> Next </div>
  94. </div>
  95. </div>
  96. </div>
  97.  
  98. </div>
  99. <div class = "up-top step-2" id ="step-2" style="display:none;">
  100. <div class = "blog">
  101. <h1> Your Favor </h1>
  102. Gender :<select name = "favor_gender">
  103. <option value = "M"> Male </option>
  104. <option value = "F"> Female </option>
  105. <option value = "G"> Gay </option>
  106. <option value = "L"> Lesbian </option>
  107. </select>
  108. <br>
  109. Male : <select class ="g">
  110. <option class="g" value = "MG" selected> Male </option>
  111. <option class="y" value = "MY"> Male </option>
  112. <option class="o" value = "MO"> Male </option>
  113. <option class="r" value = "MR"> Male </option>
  114.  
  115. </select>
  116. <br>
  117. Body Bulid : <select name="favor_body">
  118. <option value = "Fit"> Fit</option>
  119. <option value = "Skinny"> Skinny </option>
  120. <option value = "normal"> normal </option>
  121. <option value = "Chubby"> Chubby </option>
  122. </select>
  123. <br>
  124. Skin : <select name="favor_skin">
  125. <option value = "Fair"> Fair Skin </option>
  126. <option value = "Tan"> Tanned Skin </option>
  127. <option value = "Dark"> Dark Skin </option>
  128. </select>
  129. <br>
  130. Age : <select name ="favor_age">
  131. <option value ="older"> Older </option>
  132. <option value ="Elder"> Elder </option>
  133. <option value ="Similar"> Similar </option>
  134. </select>
  135. <br>
  136. <div class="next" onclick ="go_back(1)" value="1"> Back </div>
  137. <div class="next" onclick ="go_next(3)" value="3"> Next </div>
  138. </div>
  139. </div>
  140. <div class ="up-top step-3" id="step-3" style ="display:none;">
  141. <div class = "blog">
  142. <h1> Your Personality </h1>
  143. <p> 1. Are you cheerful ? </p>
  144. <input type="radio" name = "Choice_1" value ="1"> 1
  145. <input type="radio" name = "Choice_1" value ="2"> 2
  146. <input type="radio" name = "Choice_1" value ="3"> 3
  147. <input type="radio" name = "Choice_1" value ="4"> 4
  148. <br>
  149. <p> 2.Are you hard-working? </p>
  150. <input type="radio" name = "Choice_2" value ="1"> 1
  151. <input type="radio" name = "Choice_2" value ="2"> 2
  152. <input type="radio" name = "Choice_2" value ="3"> 3
  153. <input type="radio" name = "Choice_2" value ="4"> 4
  154. <br>
  155. <p> 3.Your people always say you are clever. </p>
  156. <input type="radio" name = "Choice_3" value ="1"> 1
  157. <input type="radio" name = "Choice_3" value ="2"> 2
  158. <input type="radio" name = "Choice_3" value ="3"> 3
  159. <input type="radio" name = "Choice_3" value ="4"> 4
  160. <br>
  161. <p> 4.Are you Kind? </p>
  162. <input type="radio" name = "Choice_4" value ="1"> 1
  163. <input type="radio" name = "Choice_4" value ="2"> 2
  164. <input type="radio" name = "Choice_4" value ="3"> 3
  165. <input type="radio" name = "Choice_4" value ="4"> 4
  166. <br>
  167. <p> 5.Are you high-confidence? </p>
  168. <input type="radio" name = "Choice_5" value ="1"> 1
  169. <input type="radio" name = "Choice_5" value ="2"> 2
  170. <input type="radio" name = "Choice_5" value ="3"> 3
  171. <input type="radio" name = "Choice_5" value ="4"> 4
  172. <br>
  173. <p> 6.Are you romance? </p>
  174. <input type="radio" name = "Choice_6" value ="1"> 1
  175. <input type="radio" name = "Choice_6" value ="2"> 2
  176. <input type="radio" name = "Choice_6" value ="3"> 3
  177. <input type="radio" name = "Choice_6" value ="4"> 4
  178. <br>
  179. <p> 7.Are you talkative? </p>
  180. <input type="radio" name = "Choice_7" value ="1"> 1
  181. <input type="radio" name = "Choice_7" value ="2"> 2
  182. <input type="radio" name = "Choice_7" value ="3"> 3
  183. <input type="radio" name = "Choice_7" value ="4"> 4
  184. <br>
  185. <p> 8.You always play a joke. </p>
  186. <input type="radio" name = "Choice_8" value ="1"> 1
  187. <input type="radio" name = "Choice_8" value ="2"> 2
  188. <input type="radio" name = "Choice_8" value ="3"> 3
  189. <input type="radio" name = "Choice_8" value ="4"> 4
  190. <br>
  191. <p> 9.You always like going out. </p>
  192. <input type="radio" name = "Choice_9" value ="1"> 1
  193. <input type="radio" name = "Choice_9" value ="2"> 2
  194. <input type="radio" name = "Choice_9" value ="3"> 3
  195. <input type="radio" name = "Choice_9" value ="4"> 4
  196. <br>
  197. <p> 10.You always are a leader. </p>
  198. <input type="radio" name = "Choice_10" value ="1"> 1
  199. <input type="radio" name = "Choice_10" value ="2"> 2
  200. <input type="radio" name = "Choice_10" value ="3"> 3
  201. <input type="radio" name = "Choice_10" value ="4"> 4
  202. <br>
  203. <div class="next" onclick ="go_back(2)" value="2"> Back </div>
  204. <div class="next" onclick ="go_next(4)" value="4"> Next </div>
  205.  
  206.  
  207. </div>
  208. </div>
  209.  
  210. <div class = "uptop" id="step-4" style="display:none">
  211. <div class =" blog">
  212. <h1> Last </h1>
  213.  
  214. <div class="next" onclick ="go_back(3)" value="2"> Back </div>
  215. <button type="submit"> Submit</button>
  216. </div>
  217. </div>
  218. </form>
  219. </div>
  220. </body>
  221. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement