Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>BIO-DATA</title>
- <style type="text/css">
- table{ font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }
- td, th{ border: 1px solid transparent; padding: 8px; }
- tr:nth-child(even){ background: #ddd; }
- h1{ text-align: center; }
- .header{ width: 100%; margin: 65px auto;}
- #title{ background: #1c1c1c; color: white; padding: 10px; }
- .table-1, .table-2, .table-3, .table-4{ border: 1px solid #1c1c1c; border-radius: 5px; margin: 10px auto;}
- .bottom{ width: 50%; padding: 10px; border: 1px solid #1c1c1c; border-radius: 5px; float: left; margin: 10px auto;}
- .test{ float: right; border: 1px solid transparent; border-radius: 5px; width: 47%; margin: 10px auto; height: 253px; text-align: center;}
- p{ margin: 65px auto; }
- hr{ width: 50%; }
- .logo{ z-index: -1; width: 38%; margin: 0px 30%; position: fixed; opacity: .3;}
- </style>
- </head>
- <body>
- <img class="logo" src="http://xbox.nu/cdsp.jpg"></img>
- <div class="header">
- <h1>BIODATA</h1>
- </div>
- <div class="table-1">
- <div id="title">Personal Data</div>
- <table>
- <tr>
- <td>Position Desired:</td>
- <td>Date:</td>
- </tr>
- <tr>
- <td>Name:</td>
- <td>Sex:</td>
- </tr>
- <tr>
- <td>City Address:</td>
- </tr>
- <tr>
- <td>Provincial Address:</td>
- </tr>
- <tr>
- <td>Telephone:</td>
- <td>Cellphone:</td>
- </tr>
- <tr>
- <td>Date of Birth:</td>
- <td>Place:</td>
- </tr>
- <tr>
- <td>Civil Status</td>
- <td>Citizenship:</td>
- </tr>
- <tr>
- <td>Height:</td>
- <td>Weight:</td>
- </tr>
- <tr>
- <td>Religion:</td>
- </tr>
- <tr>
- <td>Spouse:</td>
- <td>Occupation:</td>
- </tr>
- <tr>
- <td>Name Of Children:</td>
- <td>Date of Birth:</td>
- </tr>
- <tr>
- <td>Father's Name:</td>
- <td>Occupation:</td>
- </tr>
- <tr>
- <td>Mother's Name:</td>
- <td>Occupation:</td>
- </tr>
- <tr>
- <td>Parent's Address:</td>
- </tr>
- <tr>
- <td>Language / Dialect Spoken & Written:</td>
- </tr>
- <tr>
- <td>Person to be contacted in case of emergency:</td>
- </tr>
- <tr>
- <td>His/Her Address and Telephone:</td>
- </tr>
- </table>
- </div>
- <div class="table-2">
- <table>
- <div id="title">Educational Attainment:</div>
- <tr>
- <td>Elementary:</td>
- <td>Year Graduated:</td>
- </tr>
- <tr>
- <td>High School:</td>
- <td>Year Graduated:</td>
- </tr>
- <tr>
- <td>College:</td>
- <td>Year Graduated:</td>
- </tr>
- <tr>
- <td>Degree Received:</td>
- </tr>
- <tr>
- <td>Special Skills:</td>
- </tr>
- </table>
- </div>
- <div class="table-3">
- <div id="title">Employment Records:</div>
- <table>
- <tr>
- <td>Company Name:</td>
- </tr>
- <tr>
- <td>Position:</td>
- <td>From:</td>
- <td>To:</td>
- </tr>
- <tr>
- <td>Company Name:</td>
- </tr>
- <tr>
- <td>Position:</td>
- <td>From:</td>
- <td>To:</td>
- </tr>
- </table>
- </div>
- <div class="table-4">
- <div id="title">Character Reference:</div>
- <table>
- <tr>
- <td>Name:</td>
- <td>Company:</td>
- </tr>
- <tr>
- <td>Position:</td>
- <td>Contact No.:</td>
- </tr>
- <tr>
- <td>Name:</td>
- <td>Company:</td>
- </tr>
- <tr>
- <td>Position:</td>
- <td>Contact No.:</td>
- </tr>
- </table>
- </div>
- <div class="bottom">
- <table>
- <tr><td>Res: Cert No.:</td></tr>
- <tr><td>Issued at:</td></tr>
- <tr><td>Issued on:</td></tr>
- <tr><td>SSS:</td></tr>
- <tr><td>TIN:</td></tr>
- <tr><td>NBI No.:</td></tr>
- <tr><td>Passport No.:</td></tr>
- </table>
- </div>
- <div class="test">
- <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>
- <hr>
- <p1>Applicant's Signature</p1>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement