API tools faq
paste
Guest User

Untitled

a guest
Jan 19th, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.86 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <link rel="stylesheet" href="form.css" type="text/css">
  5. </head>
  6.  
  7. <body>
  8. <div id="stylized" class="assestment-form">
  9. <form id="form" name="form" method="post" action="assesment-form-handler.php">
  10. <h1>Application Information</h1>
  11. <p> </p>
  12.  
  13. <label>Name</label>
  14. <input type="text" name="client_name" id="client_name" />
  15.  
  16. <label>Date of Birth</label>
  17. <input type="text" name="client_dob" id="client_dob" />
  18.  
  19. <label>Gender</label>
  20. <input type="text" name="client_gender" id="client_gender" />
  21.  
  22. <label>Address</label>
  23. <textarea name="client_address" rows=5 cols=40 id="client_address"></textarea>
  24.  
  25. <label>Contact No.</label>
  26. <input type="text" name="client_contact" id="client_contact" />
  27.  
  28. <label>Email Address</label>
  29. <input type="text" name="client_dob" id="client_dob" />
  30.  
  31. <label>Marital Status</label>
  32. <input type="text" name="client_status" id="client_status" />
  33.  
  34. <label>Citizenship</label>
  35. <input type="text" name="client_citizen" id="client_citizen" />
  36.  
  37. <h1>Formal Training</h1>
  38. <p> </p>
  39.  
  40. <label>DIPLOMA 1 </label>
  41. <input type="text" name="client_dip1" id="client_dip1" />
  42.  
  43. <label>Field of Training </label>
  44. <input type="text" name="client_field1" id="client_field1" />
  45.  
  46. <label>Educational Institution</label>
  47. <input type="text" name="client_edu1" id="client_edu1" />
  48.  
  49. <label>Began Studies on</label>
  50. <input type="text" name="client_stud1" id="client_stud1" />
  51.  
  52. <label>Obtained Diploma on</label>
  53. <input type="text" name="client_obtaindip1" id="client_obtaindip1" />
  54.  
  55. <label>DIPLOMA 2 </label>
  56. <input type="text" name="client_dip2" id="client_dip2" />
  57.  
  58. <label>Field of Training </label>
  59. <input type="text" name="client_field2" id="client_field2" />
  60.  
  61. <label>Educational Institution</label>
  62. <input type="text" name="client_edu2" id="client_edu2" />
  63.  
  64. <label>Began Studies on</label>
  65. <input type="text" name="client_stud2" id="client_stud2" />
  66.  
  67. <label>Obtained Diploma on</label>
  68. <input type="text" name="client_obtaindip2" id="client_obtaindip2" />
  69.  
  70. <label>DIPLOMA 3 </label>
  71. <input type="text" name="client_dip3" id="client_dip3" />
  72.  
  73. <label>Field of Training </label>
  74. <input type="text" name="client_field3" id="client_field3" />
  75.  
  76. <label>Educational Institution</label>
  77. <input type="text" name="client_edu3" id="client_edu3" />
  78.  
  79. <label>Began Studies on</label>
  80. <input type="text" name="client_stud3" id="client_stud3" />
  81.  
  82. <label>Obtained Diploma on</label>
  83. <input type="text" name="client_obtaindip3" id="client_obtaindip3" />
  84.  
  85. <h1>Work Experience</h1>
  86. <p> </p>
  87.  
  88. <label>JOB 1</label>
  89. <input type="text" name="client_job1" id="client_job1" />
  90.  
  91. <label>Company</label>
  92. <input type="text" name="client_company1" id="client_company1" />
  93.  
  94. <label>Date of Beginning</label>
  95. <input type="text" name="client_begin1" id="client_begin1" />
  96.  
  97. <label>Date of End</label>
  98. <input type="text" name="client_end1" id="client_end1" />
  99.  
  100. <label>Job Duties and Responsibilities</label>
  101. <textarea name="client_jobduties1" rows=5 cols=40 id="client_jobduties3"></textarea>
  102.  
  103. <label>Resume with job details</label>
  104. <input type="file" name="client_uploadjob1">
  105.  
  106. <label>JOB 2</label>
  107. <input type="text" name="client_job2" id="client_job2" />
  108.  
  109. <label>Company</label>
  110. <input type="text" name="client_company2" id="client_company2" />
  111.  
  112. <label>Date of Beginning</label>
  113. <input type="text" name="client_begin2" id="client_begin2" />
  114.  
  115. <label>Date of End</label>
  116. <input type="text" name="client_end2" id="client_end2" />
  117.  
  118. <label>Job Duties and Responsibilities</label>
  119. <textarea name="client_jobduties3" rows=5 cols=40 id="client_jobduties3"></textarea>
  120.  
  121. <label>Resume with job details</label>
  122. <input type="file" name="client_uploadjob2">
  123.  
  124. <label>JOB 3</label>
  125. <input type="text" name="client_job3" id="client_job3" />
  126.  
  127. <label>Company</label>
  128. <input type="text" name="client_company3" id="client_company3" />
  129.  
  130. <label>Date of Beginning</label>
  131. <input type="text" name="client_begin3" id="client_begin3" />
  132.  
  133. <label>Date of End</label>
  134. <input type="text" name="client_end3" id="client_end3" />
  135.  
  136. <label>Job Duties and Responsibilities</label>
  137. <textarea name="client_jobduties3" rows=5 cols=40 id="client_jobduties3"></textarea>
  138.  
  139. <label>Resume with job details</label>
  140. <input type="file" name="client_uploadjob3">
  141.  
  142. <h1>Language Skills</h1>
  143. <p>(Please specify level: beginner, intermediate or advance) </p>
  144.  
  145. <h2>Reading</h2>
  146.  
  147. <label>French</label>
  148. <input type="text" name="client_readfrench1" id="client_readfrench1" />
  149.  
  150. <label>English</label>
  151. <input type="text" name="client_readenglish1" id="client_readenglish1" />
  152.  
  153. <label>Have you passed the test?</label>
  154. <input type="text" name="client_langtest1" id="client_langtest1"
  155. value="Please put Yes or No"/>
  156.  
  157. <label>If yes, please specify test</label>
  158. <textarea name="client_specify1" id="client_specify1" rows=5 cols=40></textarea>
  159.  
  160. <label>Date Passed</label>
  161. <input type="text" name="client_datepassed1" id="client_datepassed1" />
  162.  
  163. <h2>Writing</h2>
  164.  
  165. <label>French</label>
  166. <input type="text" name="client_readfrench2" id="client_readfrench2" />
  167.  
  168. <label>English</label>
  169. <input type="text" name="client_readenglish2" id="client_readenglish2" />
  170.  
  171. <label>Have you passed the test?</label>
  172. <input type="text" name="client_langtest2" id="client_langtest2"
  173. value="Please put Yes or No"/>
  174.  
  175. <label>If yes, please specify test</label>
  176. <textarea name="client_specify2" id="client_specify2" rows=5 cols=40></textarea>
  177.  
  178. <label>Date Passed</label>
  179. <input type="text" name="client_datepassed2" id="client_datepassed2" />
  180.  
  181. <h2>Oral Expression</h2>
  182.  
  183. <label>French</label>
  184. <input type="text" name="client_readfrench2" id="client_readfrench2" />
  185.  
  186.  
  187. <button type="submit">Submit</button>
  188. <div class="spacer"></div>
  189.  
  190. </form>
  191. </div>
  192. <body>
  193. </html>
  194.  
  195. body{
  196. font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  197. font-size:11px;
  198. }
  199. p, h1, form, button{border:0; margin:0; padding:0;}
  200. .spacer{clear:both; height:1px;}
  201. /* ----------- My Form ----------- */
  202. .assestment-form{
  203. margin:0 auto;
  204. width:400px;
  205. padding:14px;
  206. }
  207.  
  208. /* ----------- stylized ----------- */
  209. #stylized{
  210. border:solid 2px #b7ddf2;
  211. background:#ebf4fb;
  212. }
  213. #stylized h1 {
  214. font-size:20px;
  215. font-weight:bold;
  216. margin-bottom:8px;
  217. }
  218. #stylized h2 {
  219. font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  220. font-size:18px;
  221. font-weight:bold;
  222. margin-bottom:8px;
  223. }
  224. #stylized p{
  225. font-size:11px;
  226. color:#666666;
  227. margin-bottom:20px;
  228. border-bottom:solid 1px #b7ddf2;
  229. padding-bottom:10px;
  230. }
  231. #stylized label{
  232. display:block;
  233. font-weight:bold;
  234. text-align:left;
  235. width:140px;
  236. float:left;
  237. }
  238. #stylized .small{
  239. color:#666666;
  240. display:block;
  241. font-size:11px;
  242. font-weight:normal;
  243. text-align:left;
  244. width:140px;
  245. }
  246. #stylized input{
  247. float:left;
  248. font-size:12px;
  249. padding:4px 2px;
  250. border:solid 1px #aacfe4;
  251. width:200px;
  252. margin:2px 0 20px 10px;
  253. }
  254. #stylized button{
  255. clear:both;
  256. margin-left:150px;
  257. width:125px;
  258. height:31px;
  259. background:#666666 url(img/button.png) no-repeat;
  260. text-align:center;
  261. line-height:31px;
  262. color:#FFFFFF;
  263. font-size:11px;
  264. font-weight:bold;
  265. }
  266. #stylized textarea {
  267. loat:left;
  268. font-size:12px;
  269. padding:4px 2px;
  270. border:solid 1px #aacfe4;
  271. width:200px;
  272. margin:2px 0 20px 10px;
  273. }
  274.  
  275. #stylized h2{
  276. clear:both;
  277. }
  278.  
  279. <html>
  280.  
  281. <head>
  282. <link rel="stylesheet" href="form.css" type="text/css">
  283. </head>
  284.  
  285. <body>
  286. <div id="stylized" class="assestment-form">
  287. <form id="form" name="form" method="post" action="assesment-form-handler.php">
  288. <h1>Application Information</h1><br/>
  289. <p> </p>
  290.  
  291. <label>Name</label>
  292. <input type="text" name="client_name" id="client_name" />
  293.  
  294. <label>Date of Birth</label>
  295. <input type="text" name="client_dob" id="client_dob" />
  296.  
  297. <label>Gender</label>
  298. <input type="text" name="client_gender" id="client_gender" />
  299.  
  300. <label>Address</label>
  301. <textarea name="client_address" rows=5 cols=40 id="client_address"></textarea>
  302.  
  303. <label>Contact No.</label>
  304. <input type="text" name="client_contact" id="client_contact" />
  305.  
  306. <label>Email Address</label>
  307. <input type="text" name="client_dob" id="client_dob" />
  308.  
  309. <label>Marital Status</label>
  310. <input type="text" name="client_status" id="client_status" />
  311.  
  312. <label>Citizenship</label>
  313. <input type="text" name="client_citizen" id="client_citizen" />
  314.  
  315. <h1>Formal Training</h1><br/>
  316. <p> </p>
  317.  
  318. <label>DIPLOMA 1 </label>
  319. <input type="text" name="client_dip1" id="client_dip1" />
  320.  
  321. <label>Field of Training </label>
  322. <input type="text" name="client_field1" id="client_field1" />
  323.  
  324. <label>Educational Institution</label>
  325. <input type="text" name="client_edu1" id="client_edu1" />
  326.  
  327. <label>Began Studies on</label>
  328. <input type="text" name="client_stud1" id="client_stud1" />
  329.  
  330. <label>Obtained Diploma on</label>
  331. <input type="text" name="client_obtaindip1" id="client_obtaindip1" />
  332.  
  333. <label>DIPLOMA 2 </label>
  334. <input type="text" name="client_dip2" id="client_dip2" />
  335.  
  336. <label>Field of Training </label>
  337. <input type="text" name="client_field2" id="client_field2" />
  338.  
  339. <label>Educational Institution</label>
  340. <input type="text" name="client_edu2" id="client_edu2" />
  341.  
  342. <label>Began Studies on</label>
  343. <input type="text" name="client_stud2" id="client_stud2" />
  344.  
  345. <label>Obtained Diploma on</label>
  346. <input type="text" name="client_obtaindip2" id="client_obtaindip2" />
  347.  
  348. <label>DIPLOMA 3 </label>
  349. <input type="text" name="client_dip3" id="client_dip3" />
  350.  
  351. <label>Field of Training </label>
  352. <input type="text" name="client_field3" id="client_field3" />
  353.  
  354. <label>Educational Institution</label>
  355. <input type="text" name="client_edu3" id="client_edu3" />
  356.  
  357. <label>Began Studies on</label>
  358. <input type="text" name="client_stud3" id="client_stud3" />
  359.  
  360. <label>Obtained Diploma on</label>
  361. <input type="text" name="client_obtaindip3" id="client_obtaindip3" />
  362.  
  363. <h1>Work Experience</h1><br/>
  364. <p> </p>
  365.  
  366. <label>JOB 1</label>
  367. <input type="text" name="client_job1" id="client_job1" />
  368.  
  369. <label>Company</label>
  370. <input type="text" name="client_company1" id="client_company1" />
  371.  
  372. <label>Date of Beginning</label>
  373. <input type="text" name="client_begin1" id="client_begin1" />
  374.  
  375. <label>Date of End</label>
  376. <input type="text" name="client_end1" id="client_end1" />
  377.  
  378. <label>Job Duties and Responsibilities</label>
  379. <textarea name="client_jobduties1" rows=5 cols=40 id="client_jobduties3"></textarea>
  380.  
  381. <label>Resume with job details</label>
  382. <input type="file" name="client_uploadjob1">
  383.  
  384. <label>JOB 2</label>
  385. <input type="text" name="client_job2" id="client_job2" />
  386.  
  387. <label>Company</label>
  388. <input type="text" name="client_company2" id="client_company2" />
  389.  
  390. <label>Date of Beginning</label>
  391. <input type="text" name="client_begin2" id="client_begin2" />
  392.  
  393. <label>Date of End</label>
  394. <input type="text" name="client_end2" id="client_end2" />
  395.  
  396. <label>Job Duties and Responsibilities</label>
  397. <textarea name="client_jobduties3" rows=5 cols=40 id="client_jobduties3"></textarea>
  398.  
  399. <label>Resume with job details</label>
  400. <input type="file" name="client_uploadjob2">
  401.  
  402. <label>JOB 3</label>
  403. <input type="text" name="client_job3" id="client_job3" />
  404.  
  405. <label>Company</label>
  406. <input type="text" name="client_company3" id="client_company3" />
  407.  
  408. <label>Date of Beginning</label>
  409. <input type="text" name="client_begin3" id="client_begin3" />
  410.  
  411. <label>Date of End</label>
  412. <input type="text" name="client_end3" id="client_end3" />
  413.  
  414. <label>Job Duties and Responsibilities</label>
  415. <textarea name="client_jobduties3" rows=5 cols=40 id="client_jobduties3"></textarea>
  416.  
  417. <label>Resume with job details</label>
  418. <input type="file" name="client_uploadjob3">
  419.  
  420. <h1>Language Skills</h1><br/>
  421. <p>(Please specify level: beginner, intermediate or advance) </p>
  422.  
  423. <h2>Reading</h2><br/>
  424.  
  425. <label>French</label>
  426. <input type="text" name="client_readfrench1" id="client_readfrench1" />
  427.  
  428. <label>English</label>
  429. <input type="text" name="client_readenglish1" id="client_readenglish1" />
  430.  
  431. <label>Have you passed the test?</label>
  432. <input type="text" name="client_langtest1" id="client_langtest1"
  433. value="Please put Yes or No"/>
  434.  
  435. <label>If yes, please specify test</label>
  436. <textarea name="client_specify1" id="client_specify1" rows=5 cols=40></textarea>
  437.  
  438. <label>Date Passed</label>
  439. <input type="text" name="client_datepassed1" id="client_datepassed1" />
  440.  
  441. <h2>Writing</h2><br/>
  442.  
  443. <label>French</label>
  444. <input type="text" name="client_readfrench2" id="client_readfrench2" />
  445.  
  446. <label>English</label>
  447. <input type="text" name="client_readenglish2" id="client_readenglish2" />
  448.  
  449. <label>Have you passed the test?</label>
  450. <input type="text" name="client_langtest2" id="client_langtest2"
  451. value="Please put Yes or No"/>
  452.  
  453. <label>If yes, please specify test</label>
  454. <textarea name="client_specify2" id="client_specify2" rows=5 cols=40></textarea>
  455.  
  456. <label>Date Passed</label>
  457. <input type="text" name="client_datepassed2" id="client_datepassed2" />
  458. <div>
  459. <h2>Oral Expression</h2><br/>
  460.  
  461. <label>French</label>
  462. <input type="text" name="client_readfrench2" id="client_readfrench2" />
  463.  
  464.  
  465. <button type="submit">Submit</button>
  466. <div class="spacer"></div>
  467.  
  468. </form>
  469. </div>
  470. <body>
  471. </html>
  472.  
  473. body{
  474. font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  475. font-size:11px;
  476. }
  477. p, h1, form, button{border:0; margin:0; padding:0;}
  478. .spacer{clear:both; height:1px;}
  479. /* ----------- My Form ----------- */
  480. .assestment-form{
  481. margin:0 auto;
  482. width:400px;
  483. padding:14px;
  484. }
  485.  
  486. /* ----------- stylized ----------- */
  487. #stylized{
  488. border:solid 2px #b7ddf2;
  489. background:#ebf4fb;
  490. }
  491. #stylized h1 {
  492. font-size:20px;
  493. font-weight:bold;
  494. margin-bottom:8px;
  495. float: left;
  496. }
  497. #stylized h2 {
  498. font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  499. font-size:18px;
  500. font-weight:bold;
  501. margin-bottom:8px;
  502. float: left;
  503. }
  504. #stylized p{
  505. font-size:11px;
  506. color:#666666;
  507. margin-bottom:20px;
  508. border-bottom:solid 1px #b7ddf2;
  509. padding-bottom:10px;
  510. }
  511. #stylized label{
  512. display:block;
  513. font-weight:bold;
  514. text-align:left;
  515. width:140px;
  516. float:left;
  517. }
  518. #stylized .small{
  519. color:#666666;
  520. display:block;
  521. font-size:11px;
  522. font-weight:normal;
  523. text-align:left;
  524. width:140px;
  525. }
  526. #stylized input{
  527. float:left;
  528. font-size:12px;
  529. padding:4px 2px;
  530. border:solid 1px #aacfe4;
  531. width:200px;
  532. margin:2px 0 20px 10px;
  533. }
  534. #stylized button{
  535. clear:both;
  536. margin-left:150px;
  537. width:125px;
  538. height:31px;
  539. background:#666666 url(img/button.png) no-repeat;
  540. text-align:center;
  541. line-height:31px;
  542. color:#FFFFFF;
  543. font-size:11px;
  544. font-weight:bold;
  545. }
  546. #stylized textarea {
  547. loat:left;
  548. font-size:12px;
  549. padding:4px 2px;
  550. border:solid 1px #aacfe4;
  551. width:200px;
  552. margin:2px 0 20px 10px;
  553. }
  554.  
  555. br{
  556. clear: left;
  557. }
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!