Advertisement
0xspade

BIODATA

Jul 17th, 2017
438
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>BIO-DATA</title>
  5.         <style type="text/css">
  6.             table{ font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }
  7.             td, th{ border: 1px solid transparent; padding: 8px; }
  8.             tr:nth-child(even){ background: #ddd; }
  9.             h1{ text-align: center; }
  10.             .header{ width: 100%; margin: 65px auto;}
  11.             #title{ background: #1c1c1c; color: white; padding: 10px; }
  12.             .table-1, .table-2, .table-3, .table-4{ border: 1px solid #1c1c1c; border-radius: 5px; margin: 10px auto;}
  13.             .bottom{ width: 50%; padding: 10px; border: 1px solid #1c1c1c; border-radius: 5px; float: left; margin: 10px auto;}
  14.             .test{ float: right; border: 1px solid transparent; border-radius: 5px; width: 47%; margin: 10px auto; height: 253px; text-align: center;}
  15.             p{ margin: 65px auto; }
  16.             hr{ width: 50%; }
  17.             .logo{ z-index: -1; width: 38%; margin: 0px 30%; position: fixed; opacity: .3;}
  18.         </style>
  19.     </head>
  20.     <body>
  21.     <img class="logo" src="http://xbox.nu/cdsp.jpg"></img>
  22.         <div class="header">
  23.             <h1>BIODATA</h1>
  24.         </div>
  25.  
  26.         <div class="table-1">
  27.             <div id="title">Personal Data</div>
  28.             <table>
  29.                 <tr>
  30.                     <td>Position Desired:</td>
  31.                     <td>Date:</td>
  32.                 </tr>
  33.                 <tr>
  34.                     <td>Name:</td>
  35.                     <td>Sex:</td>
  36.                 </tr>
  37.                 <tr>
  38.                     <td>City Address:</td>
  39.                 </tr>
  40.                 <tr>
  41.                     <td>Provincial Address:</td>
  42.                 </tr>
  43.                 <tr>
  44.                     <td>Telephone:</td>
  45.                     <td>Cellphone:</td>
  46.                 </tr>
  47.                 <tr>
  48.                     <td>Date of Birth:</td>
  49.                     <td>Place:</td>
  50.                 </tr>
  51.                 <tr>
  52.                     <td>Civil Status</td>
  53.                     <td>Citizenship:</td>
  54.                 </tr>
  55.                 <tr>
  56.                     <td>Height:</td>
  57.                     <td>Weight:</td>
  58.                 </tr>
  59.                 <tr>
  60.                     <td>Religion:</td>
  61.                 </tr>
  62.                 <tr>
  63.                     <td>Spouse:</td>
  64.                     <td>Occupation:</td>
  65.                 </tr>
  66.                 <tr>
  67.                     <td>Name Of Children:</td>
  68.                     <td>Date of Birth:</td>
  69.                 </tr>
  70.                 <tr>
  71.                     <td>Father's Name:</td>
  72.                     <td>Occupation:</td>
  73.                 </tr>
  74.                 <tr>
  75.                     <td>Mother's Name:</td>
  76.                     <td>Occupation:</td>
  77.                 </tr>
  78.                 <tr>
  79.                     <td>Parent's Address:</td>
  80.                 </tr>
  81.                 <tr>
  82.                     <td>Language / Dialect Spoken & Written:</td>
  83.                 </tr>
  84.                 <tr>
  85.                     <td>Person to be contacted in case of emergency:</td>
  86.                 </tr>
  87.                 <tr>
  88.                     <td>His/Her Address and Telephone:</td>
  89.                 </tr>
  90.             </table>
  91.         </div>
  92.  
  93.         <div class="table-2">
  94.             <table>
  95.                 <div id="title">Educational Attainment:</div>
  96.                 <tr>
  97.                     <td>Elementary:</td>
  98.                     <td>Year Graduated:</td>
  99.                 </tr>
  100.                 <tr>
  101.                     <td>High School:</td>
  102.                     <td>Year Graduated:</td>
  103.                 </tr>
  104.                 <tr>
  105.                     <td>College:</td>
  106.                     <td>Year Graduated:</td>
  107.                 </tr>
  108.                 <tr>
  109.                     <td>Degree Received:</td>
  110.                 </tr>
  111.                 <tr>
  112.                     <td>Special Skills:</td>
  113.                 </tr>
  114.             </table>
  115.         </div>
  116.         <div class="table-3">
  117.             <div id="title">Employment Records:</div>
  118.             <table>            
  119.                 <tr>
  120.                     <td>Company Name:</td>
  121.                 </tr>
  122.                 <tr>
  123.                     <td>Position:</td>
  124.                     <td>From:</td>
  125.                     <td>To:</td>
  126.                 </tr>
  127.                 <tr>
  128.                     <td>Company Name:</td>
  129.                 </tr>
  130.                 <tr>
  131.                     <td>Position:</td>
  132.                     <td>From:</td>
  133.                     <td>To:</td>
  134.                 </tr>
  135.             </table>
  136.         </div>
  137.         <div class="table-4">
  138.             <div id="title">Character Reference:</div>
  139.             <table>
  140.                 <tr>
  141.                     <td>Name:</td>
  142.                     <td>Company:</td>
  143.                 </tr>
  144.                 <tr>
  145.                     <td>Position:</td>
  146.                     <td>Contact No.:</td>
  147.                 </tr>
  148.                 <tr>
  149.                     <td>Name:</td>
  150.                     <td>Company:</td>
  151.                 </tr>
  152.                 <tr>
  153.                     <td>Position:</td>
  154.                     <td>Contact No.:</td>
  155.                 </tr>
  156.             </table>
  157.         </div>
  158.         <div class="bottom">
  159.             <table>
  160.                 <tr><td>Res: Cert No.:</td></tr>
  161.                 <tr><td>Issued at:</td></tr>
  162.                 <tr><td>Issued on:</td></tr>
  163.                 <tr><td>SSS:</td></tr>
  164.                 <tr><td>TIN:</td></tr>
  165.                 <tr><td>NBI No.:</td></tr>
  166.                 <tr><td>Passport No.:</td></tr>
  167.             </table>
  168.         </div>
  169.         <div class="test">
  170.             <p>I here certify that the above information is true and correct to the best of my knowledge and belief. I also understand that any misinterpretation will be considered reason for withdrawal of an offer or subsequent dismissal if employed.</p>
  171.             <hr>
  172.             <p1>Applicant's Signature</p1>
  173.         </div>
  174.     </body>
  175. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement