Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Ouch Medical Certificate</title>
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
- <style>
- body {
- font-family: 'Source Sans Pro', serif, sans-serif;
- font-size: 15px;
- font-weight: 400;
- color: #333333;
- line-height: 22px;
- text-align: justify;
- padding: 20px;
- background-color: #f2f2f2;
- }
- h3.spacer {
- padding-left: 124px;
- }
- .nomargin {
- margin: 0;
- }
- .maintable {
- /*border: 1px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0);*/
- width: 620px;
- margin: 0 auto;
- border-radius: 5px;
- }
- .maintable td {
- vertical-align: top;
- }
- p {
- text-align: justify;
- }
- strong {
- font-weight: 600;
- }
- .personainformation {
- text-align: left;
- }
- .personainformation b {
- color: #000000;
- }
- .em {
- color: #000000;
- }
- .em-name {
- padding: 5px 0 0 0;
- /* border-bottom: 1px solid #000000; */
- display: inline-block;
- color: #000000;
- /*3baad1*/
- font-size: 16px;
- }
- .em-date {
- width: 140px;
- padding: 5px 0 0 0;
- border-bottom: 1px solid #000000;
- display: inline-block;
- color: #000000;
- /*3baad1*/
- font-size: 16px;
- }
- </style>
- </head>
- <body>
- <table class="maintable">
- <tr style="padding: 0;">
- <td style="padding: 0;">
- <div style="width: 100%; height: 5px; border-radius: 5px 5px 0 0; background-color: #3baad1;"></div>
- </td>
- </tr>
- <tr>
- <td style="background-color: #ffffff; ">
- <table style="padding: 20px;">
- <tr>
- <td style="text-align: center; vertical-align: middle;">
- <h3 class="spacer">Medical Certificate</h3>
- </td>
- <td style="width:10%; text-align: right; vertical-align: middle;">
- <!-- <img src="ouchlogo.png" alt="" style="width: 120px;"> -->
- <img src="https://seeklogo.com/images/P/pregnancy-logo-0F1D64909D-seeklogo.com.jpg" alt=""
- style="width: 100px;">
- </td>
- </tr>
- <tr>
- <td colspan="2"><br></td>
- </tr>
- <tr>
- <td colspan="2">
- <p>I, undersigned Dr. <strong class="em-name">Adetokunbo Riddle</strong>, <strong
- class="em-name">MBBS, </strong> certify that the examination of <br><strong
- class="em-name">Mr.</strong> <strong class="em-name">Adetokunbo Riddle</strong>,
- <strong class="em-name">IC Name</strong>, works for <strong class="em-name">Company
- Name</strong> has been suffering from <strong class="em-name">Reason</strong>.</p>
- <p> Hence suggesting to have a rest from <strong class="em-name">01-11-2018</strong> to <strong
- class="em-name">10-11-2018</strong> absolutely necessary for restoration of his/her
- health. </p>
- </td>
- </tr>
- <tr>
- <td colspan="2"><br></td>
- </tr>
- <tr>
- <td colspan="2">
- <table style="width:50%;display: inline-block; float: left; line-height: normal; margin: 0 10px 0 0; text-align: left;">
- <tr>
- <td style="width:85px"></td>
- <td><!-- <strong>E. L. Chin Family Clinic & Surgery Pte Ltd</strong> --></td>
- </tr>
- <tr>
- <td colspan="2">
- <strong>E. L. Chin Family Clinic & Surgery Pte Ltd</strong><br/>
- <span class="nomargin">10 Eunos Road 8, #05-33 Singapore Post Centre, Singapore 408600</span>
- </td>
- </tr>
- </table>
- <table style="display: inline-block; float: right; text-align: right;">
- <tr>
- <td style="text-align: center;"><img src="patientsignature.jpg" alt=""
- style="width: 135px;"></td>
- </tr>
- <tr>
- <td>Dr. Adetokunbo Riddle</td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr style="padding: 0;">
- <td style="padding: 0;">
- <div style="width: 100%; height: 5px; border-radius: 0 0 5px 5px; background-color: #3baad1;"></div>
- </td>
- </tr>
- </table>
- </body>
- </html>
Add Comment
Please, Sign In to add comment