API tools faq
paste
Jeason

wow

Jeason
Oct 28th, 2016
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.43 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8.  
  9. <link rel="stylesheet" href="css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="css/style.css" />
  11. <title>Bounding</title>
  12. </head>
  13. <body>
  14. <div class="container reginfo">
  15. <h1 class="h1-class">Login Form </h1><br><br>
  16. <form class="loginform">
  17. <table align="center">
  18. <thead>
  19.  
  20. </thead>
  21.  
  22. <tbody>
  23. <tr>
  24. <td><div class="input-group input-group-mg"></td>
  25. <td><label for="ucnic">Email:</label></td>
  26. <td><input type="text" class="form-control" id="cnic" placeholder="Email@example.com"></td>
  27. </tr>
  28. <tr>
  29. <td><div class="input-group input-group-mg"></td>
  30. <td><label for="dob">Password:</label></td>
  31. <td><input type="password" class="form-control" id="dob" placeholder="Password"></td>
  32. </tr>
  33. </tbody>
  34. </table><br><br>
  35. <button class="btn btn-default btn-lg btninfo" type="button">Login <span class="glyphicon glyphicon-log-in"></span></button>
  36. </form><br>
  37.  
  38. </div>
  39. </body>
  40. </html>
  41.  
  42.  
  43.  
  44.  
  45. <!DOCTYPE html>
  46. <html>
  47. <head>
  48. <meta charset="utf-8">
  49. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  50. <meta name="viewport" content="width=device-width, initial-scale=1">
  51.  
  52. <link rel="stylesheet" href="css/bootstrap.min.css" />
  53. <link rel="stylesheet" href="css/style.css" />
  54. <title>Bounding</title>
  55. </head>
  56. </body>
  57. <div class="container reginfo">
  58. <h1 class="text-center">Registration Form </h1>
  59. <!--Insutitute -->
  60. <form class="regform">
  61. <h2>Institute Information</h2><br><br>
  62. <table>
  63. <thead>
  64.  
  65. </thead>
  66.  
  67. <tbody>
  68. <!--Institute selection -->
  69. <tr>
  70. <div class="form-group">
  71. <td><label for="sel1">Select Institute:</label>
  72. <select class="form-control" id="sel1">
  73. <option></option>
  74. <option>SZABIST ZABTech(Hyderabad)</option>
  75. <option>ZABTech(Benazirabad)</option>
  76. <option>SZABIST ZABTech(Larkana)</option>
  77. <option>SZABIST ZABTech(Tando Muhammad Khan)</option>
  78. </select>
  79. </div>
  80. </tr>
  81. <!--Course selection -->
  82. <tr>
  83. <div class="form-group">
  84. <td><label for="sel1">Select Course:</label>
  85. <select class="form-control" id="sel1">
  86. <option></option>
  87. <option>DCBM</option>
  88. <option>CIT</option>
  89. <option>DIT</option>
  90. <option>CWD</option>
  91. </select>
  92. </div>
  93. </tr>
  94. <!--Location -->
  95. <tr>
  96. <div class="form-group">
  97. <td><label for="sel1">Select Location:</label>
  98. <select class="form-control" id="sel1">
  99. <option></option>
  100. <option>Badin</option>
  101. <option>Tando Muhammad Khan</option>
  102. <option>Hyderabad</option>
  103. </select>
  104. </div>
  105. </tr>
  106. </tbody>
  107. </table>
  108. </form><br>
  109. <!--PErsonal information -->
  110. <form class="regform">
  111. <h2>Personal Information</h2><br><br>
  112. <table>
  113. <thead>
  114.  
  115. </thead>
  116.  
  117. <tbody>
  118. <tr>
  119. <td><div class="input-group input-group-mg"></td>
  120. <td><label for="name">Name:</label></td>
  121. <td><input type="text" class="form-control" id="name" placeholder="Name"></td>
  122. </tr>
  123. <tr>
  124. <td><div class="input-group input-group-mg"></td>
  125. <td><label for="f-name">Father's Name:</label></td>
  126. <td><input type="text" class="form-control" id="f-name" placeholder="Father's Name"></td>
  127. </tr>
  128. <tr>
  129. <td><div class="input-group input-group-mg"></td>
  130. <td><label for="dob">Date OF Birth:</label></td>
  131. <td><input type="date" class="form-control" id="dob"></td>
  132. </tr>
  133. <tr>
  134. <td><div class="input-group input-group-mg"></td>
  135. <td><label for="pob">Place OF Birth:</label></td>
  136. <td><input type="date" class="form-control" id="pob"></td>
  137. </tr>
  138. <tr>
  139. <td><div class="input-group input-group-mg"></td>
  140. <td><label for="pg-name">Parent/Guardian's Name:</label></td>
  141. <td><input type="text" class="form-control" id="pg-name" placeholder="Guardian's Name"></td>
  142. </tr>
  143. <tr>
  144. <td><div class="input-group input-group-mg"></td>
  145. <td><label for="pg-relation">Guardian's Relationship:</label></td>
  146. <td><input type="text" class="form-control" id="pg-relation" placeholder="Guardian's Relation"></td>
  147. </tr>
  148. <tr>
  149. <td><div class="input-group input-group-mg"></td>
  150. <td><label for="address">Address:</label></td>
  151. <td><input type="text" class="form-control" id="address" placeholder="Address"></td>
  152. </tr>
  153.  
  154.  
  155.  
  156. </tbody>
  157. </table>
  158.  
  159. </form><br>
  160.  
  161. <!--Gurdian Information -->
  162. <form class="regform">
  163. <h2>Guardian Information</h2><br><br>
  164. <table>
  165. <thead>
  166. </thead>
  167. <tbody>
  168. <!--Guardian Information -->
  169. <tr>
  170. <td><div class="input-group input-group-mg"></td>
  171. <td><label for="g-name">Guardian's Name:</label></td>
  172. <td><input type="text" class="form-control" id="g-name" placeholder="Guardian's Name"></td>
  173. </tr>
  174. <tr>
  175. <td><div class="input-group input-group-mg"></td>
  176. <td><label for="g-relation">Guardian's Relation:</label></td>
  177. <td><input type="text" class="form-control" id="g-relation" placeholder="Guardian's Relation"></td>
  178. </tr>
  179. <tr>
  180. <td><div class="input-group input-group-mg"></td>
  181. <td><label for="g-occupation">Guardian's Occupation:</label></td>
  182. <td><input type="text" class="form-control" id="g-occupation" placeholder="Guardian's Occupation"></td>
  183. </tr>
  184. <tr>
  185. <td><div class="input-group input-group-mg"></td>
  186. <td><label for="g-cell">Guardian's Cell:</label></td>
  187. <td><input type="text" class="form-control" id="g-cell" placeholder="Guardian's Cellphone"></td>
  188. </tr>
  189.  
  190. </tbody>
  191. </table>
  192. </form><br>
  193.  
  194. <!--Gurdian Information -->
  195. <form class="regform">
  196. <h2>Emergency Contact Information</h2><br><br>
  197. <table>
  198. <thead>
  199. </thead>
  200. <tbody>
  201. <!--Guardian Information -->
  202. <tr>
  203. <td><div class="input-group input-group-mg"></td>
  204. <td><label for="e-name">Name:</label></td>
  205. <td><input type="text" class="form-control" id="e-name" placeholder="Emergency Name"></td>
  206. </tr>
  207. <tr>
  208. <td><div class="input-group input-group-mg"></td>
  209. <td><label for="e-relation">Relation:</label></td>
  210. <td><input type="text" class="form-control" id="e-relation" placeholder="Emergency Relation"></td>
  211. </tr>
  212. <tr>
  213. <td><div class="input-group input-group-mg"></td>
  214. <td><label for="e-occupation">Occupation:</label></td>
  215. <td><input type="text" class="form-control" id="e-occupation" placeholder="Emergency Occupation"></td>
  216. </tr>
  217. <tr>
  218. <td><div class="input-group input-group-mg"></td>
  219. <td><label for="e-cell">Cell:</label></td>
  220. <td><input type="text" class="form-control" id="e-cell" placeholder="Emergency Cellphone"></td>
  221. </tr>
  222.  
  223. </tbody>
  224. </table>
  225. <button class="btn btn-default btn-lg btninfo" type="button">Submit <span class="glyphicon glyphicon-ok"></span> </button>
  226. </form><br>
  227.  
  228. </div>
  229. </body>
  230. </html>
  231.  
  232.  
  233.  
  234.  
  235.  
  236. <!DOCTYPE html>
  237. <html>
  238. <head>
  239. <meta charset="utf-8">
  240. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  241. <meta name="viewport" content="width=device-width, initial-scale=1">
  242.  
  243. <link rel="stylesheet" href="css/bootstrap.min.css" />
  244. <link rel="stylesheet" href="css/style.css" />
  245. <title>Bounding</title>
  246. </head>
  247. <body>
  248. <div class="container reginfo">
  249. <h1 class="text-center">Registration Form </h1><br><br>
  250. <form class="regform">
  251. <table align="center">
  252. <thead>
  253.  
  254. </thead>
  255.  
  256. <tbody>
  257. <tr>
  258. <td><div class="input-group input-group-mg"></td>
  259. <td><label for="ucnic">CNIC:</label></td>
  260. <td><input type="text" class="form-control" id="cnic"></td>
  261. </tr>
  262. <tr>
  263. <td><div class="input-group input-group-mg"></td>
  264. <td><label for="dob">CNIC:</label></td>
  265. <td><input type="date" class="form-control" id="dob"></td>
  266. </tr>
  267. </tbody>
  268. </table><br><br>
  269. <button class="btn btn-default btn-lg btninfo" type="button">Submit <span class="glyphicon glyphicon-log-in"></span></button>
  270. </form><br>
  271.  
  272. </div>
  273. </body>
  274. </html>
  275.  
  276.  
  277.  
  278.  
  279. .container{
  280. /*class for container */
  281. margin-top: 2%;
  282. Border:1px solid;
  283. border-radius: 4px;
  284. background-color: #8bbbe8;
  285. }
  286. .h1-class{
  287.  
  288. /*class for h1 tag */
  289. margin-left: 43%;
  290.  
  291. }
  292.  
  293.  
  294. .regform{
  295.  
  296. /*class for registration form */
  297.  
  298. }
  299.  
  300. .loginform{
  301.  
  302. /*class for login form */
  303. }
  304.  
  305. .btninfo{
  306. /*class for button submit */
  307. margin-left:48%;
  308.  
  309. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!