Guest User

Untitled

a guest
May 13th, 2018
231
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.44 KB | None | 0 0
  1. <! DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>BRIGHT-LAND COLLEGE MPIGI</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <script>
  7. alert("HELLO THANKS FOR CHECKING MY FRST PROJECT");
  8.  
  9. alert("YOUR ADVICE IS HIGHLY WELCOMED TO PROJECT");
  10. </script>
  11. <style>
  12. body{ background-color:#C1EAE1;
  13. margin:20px;
  14. font-family:Arial;
  15. }
  16.  
  17. input{
  18. padding:6px;
  19. font-size: inherit;
  20. margin-bottom:15px;
  21. margin-right:35px;
  22. background-color:#DFFFFF;
  23. }
  24.  
  25. input[type="radio"]:checked + label {
  26. font-weight:bolder;
  27. font-style:18px;
  28.  
  29. input[type="checkbox"]:checked + label {
  30. font-weight:bolder;
  31. font-style:18px;
  32.  
  33. }
  34.  
  35.  
  36. input[type="text"]:focus{
  37. height:50px;
  38. padding:15px;
  39. width:280px;
  40. background-color:white;
  41. }
  42.  
  43. input[type="date"]{
  44. background-color:white;
  45. }
  46.  
  47. input[type="number"]:focus{
  48. padding:15px;
  49. width:280px;
  50. height:50px;
  51. background-color:white;
  52. }
  53.  
  54.  
  55. form{width:360px;
  56. margin:20px auto;
  57. margin-left:20px;
  58. height:auto;
  59. }
  60.  
  61. h1{
  62. text-align:center;
  63. color:#AC3E00;
  64. font-style:80px;
  65. font-weight: bolder;
  66. font-size:20px;
  67. margin-bottom:0px;
  68. }
  69.  
  70. h6{
  71. text-align:left;
  72. font-size:100%;
  73. text-align:center;
  74. color: black;
  75. font-weight:bold;
  76. }
  77.  
  78. q.motto{
  79. text-align:center;
  80. color: #0BFF95;
  81. font-weight:bolder;
  82. Margin-top:0px;
  83. Background-color: black;
  84. font-style: inherit;
  85. Opacity:0.6;
  86. }
  87. p.note{
  88. text-align:center;
  89. margin-top:0px
  90. }
  91. h6{
  92. text-align:left;
  93. font-weight:bolder;
  94. margin-bottom:0px
  95. }
  96.  
  97. h6.note{
  98. text-align:center;
  99. color: #FF6372;
  100. font-weight:bolder;
  101. text-decoration: underline;
  102. margin-bottom:0px
  103. }
  104.  
  105. a{
  106. text-decoration:none;
  107. color:#008E2B;
  108. }
  109.  
  110. input[type="submit"]{
  111. width:80%;
  112. height:50px;
  113. border-radius:25px;
  114. border:3px solid steelblue;
  115.  
  116.  
  117. }
  118.  
  119. input[text="text"]{
  120. width:80%;
  121. border:3px solid steelblue;
  122. display:block;
  123. }
  124.  
  125. input[text="tel"]{
  126. width:80%;
  127. border: 3px solid steelblue;
  128. display: blocks;
  129. }
  130. input[text="radio"]{
  131. margin-left:0px
  132. border:5px 7px 5px 7px;
  133. }
  134.  
  135.  
  136. select{
  137. width:50%;
  138. border: 2px #D84A19;
  139. display: block;
  140. padding:5px;
  141. }
  142.  
  143.  
  144.  
  145. </style>
  146. </head>
  147. <body>
  148.  
  149. <h1>BRIGTLAND COLLEGE MPIGI</h1>
  150. <q class="motto">hard-work,speed and accuracy</q>
  151. <h6>STUDENT ONLINE APPLICATION FORM</h6>
  152. <form>
  153. <h6>STUDENT'S INFO</h6>
  154. <input type="text" placeholder="FIRST NAME" required>
  155. <input type="text" placeholder="GIVEN NAME" required>
  156. <input type="number" placeholder="AGE" required>
  157. <input type="text" placeholder="Email: example@mail.com">
  158. <input type="number" placeholder="TEL:NUMBER" accept="number" required>
  159. <label for"D.O.B">D.O.B:</label><input type="date" id="D.O.B" required>
  160. <div class="gender">
  161. <input type="radio" id="Female" name="gender"><label for="Female">Female</label>
  162.  
  163. <input type="radio" id="Male" name="gender"><label for="Male">Male</label>
  164.  
  165. </div>
  166. <div class="school">
  167. <h6>PREVIOUS SCHOOLS AND AGREGATES SCORED</h6>
  168. <input type="text" placeholder="PRIMARY" required>
  169. <input type="text-area" placeholder="AGREGATES SCORED" required>
  170. <input type="text" placeholder="O'LEVEL" required>
  171. <input type="text-area" placeholder="AGREGATES SCORED" required>
  172.  
  173. </div>
  174. <div class="residence">
  175. <h6>PLACE OF RESIDENCE</h6>
  176.  
  177. <input type="text" placeholder="DISTRICT" accept="alphabet">
  178. <input type="text" placeholder="DIVISION" accept="alphabet">
  179. <input type="text" placeholder="SUB-COUNTY" accept="alphabet">
  180. <input type="text" placeholder="COUNTY" accept="alphabet">
  181. </div>
  182. <div class="parent">
  183. <h6>PARENT'S INFO</h6>
  184.  
  185. <p>RESPONSIBLISITY STATUS</p>
  186. <select value="checkbox">
  187.  
  188. <option>LEAVING WITH FATHER ONLY</option>
  189. <option>LEAVING WITH MOTHER ONLY</option>
  190. <option>LEAVING WITH GUARDIAN</option>
  191. <option>LEAVING WITH ALONE</option>
  192. </select>
  193.  
  194. <p>FATHER</P>
  195. <input type="text" placeholder="FIRST NAME" required>
  196. <input type="text" placeholder="GIVEN NAME" required>
  197. <input type="number" placeholder="TEL:NUMBER" accept="number" max-length="15" required>
  198. <input type="text" placeholder="Email: example@mail.com">
  199. <p>TYPE OF ID</p>
  200. <select value="checkbox" required>
  201.  
  202. <option>NATIONAL ID(NIN)</option>
  203. <option>DRIVING PERMIT</option>
  204. <option>REFEGEE CARD</option>
  205. <option>RESIDENCE ID</option>
  206. </select>
  207. <input type="number" placeholder="ID NO_" max-length="14" required>
  208.  
  209. <p>MOTHER</P>
  210. <input type="text" placeholder="FIRST NAME" required>
  211. <input type="text" placeholder="GIVEN NAME" required>
  212. <input type="number" placeholder="TEL:NUMBER" accept="number" max-length="15" required>
  213. <input type="text" placeholder="Email: example@mail.com">
  214. <p>TYPE OF ID</p>
  215. <select value="checkbox" required>
  216. <option>NATIONAL ID(NIN)</option>
  217. <option>DRIVING PERMIT</option>
  218. <option>REFEGEE CARD</option>
  219. <option>RESIDENCE ID</option>
  220. </select>
  221.  
  222. <input type="number" placeholder="ID NO_" max-length="14">
  223.  
  224.  
  225. <p>GUARDIAN</P>
  226. <input type="text" placeholder="FIRST NAME">
  227. <input type="text" placeholder="GIVEN NAME">
  228. <input type="number" placeholder="TEL:NUMBER" accept="number" max-length="15">
  229. <input type="text" placeholder="Email: example@mail.com">
  230. <p>TYPE OF ID</p>
  231. <p>Please select ID:<select value="checkbox">
  232.  
  233. <option>NATIONAL ID(NIN)</option>
  234. <option>DRIVING PERMIT</option>
  235. <option>REFEGEE CARD</option>
  236. <option>RESIDENCE ID</option>
  237. </select></p>
  238. <input type="number" placeholder="ID NO_" max-length="14">
  239.  
  240.  
  241. <div class="gender">
  242. <input type="radio" id="Female" name="gender"><label for="Female">Female</label>
  243. <input type="radio" id="Male" name="gender"><label for="Male">Male</label>
  244. <p><input type="checkbox" id="accept" value="1">ACCEPT TO FOLLOW<a href="$">RULES AND REGULATIONS</a>OF THE SCHOOL</p>
  245. <input type="submit" value="REGSTER"> </form>
  246. <footer>
  247. <h6 class="note">ATTETION</h6>
  248. <p class="note">PHYSICAL COPIES OF ALL ACADEMIC IMFORMATION PROVIDED WILL BE REQUIRED ON DAY OF REPORTING<br>
  249. STUDENT IS REQUIERED TO REPORT WITH ATLEAST ONE OF THE PARENT OR GUARDIAN SUBMITED WITH THE ID PROVIDED ABOVE<br/> AND 35,000Shs(ADMISIO FEE)
  250. <span>FORGED ACEDEMIC DOCS</span> SHALL LEAD TO CANCEL OF ADMISION AND <span>ARESST</span>
  251.  
  252. </footer>
  253. </body>
  254. </html>
Add Comment
Please, Sign In to add comment