pimplesushant-pere

PDF MC

Jan 17th, 2019
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.49 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Ouch Medical Certificate</title>
  6.     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
  7.     <style>
  8.         body {
  9.             font-family: 'Source Sans Pro', serif, sans-serif;
  10.             font-size: 15px;
  11.             font-weight: 400;
  12.             color: #333333;
  13.             line-height: 22px;
  14.             text-align: justify;
  15.             padding: 20px;
  16.             background-color: #f2f2f2;
  17.         }
  18.  
  19.         h3.spacer {
  20.             padding-left: 124px;
  21.         }
  22.  
  23.         .nomargin {
  24.             margin: 0;
  25.         }
  26.  
  27.         .maintable {
  28.             /*border: 1px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0);*/
  29.             width: 620px;
  30.             margin: 0 auto;
  31.             border-radius: 5px;
  32.         }
  33.  
  34.         .maintable td {
  35.             vertical-align: top;
  36.         }
  37.  
  38.         p {
  39.             text-align: justify;
  40.         }
  41.  
  42.         strong {
  43.             font-weight: 600;
  44.         }
  45.  
  46.         .personainformation {
  47.             text-align: left;
  48.         }
  49.  
  50.         .personainformation b {
  51.             color: #000000;
  52.         }
  53.  
  54.         .em {
  55.             color: #000000;
  56.         }
  57.  
  58.         .em-name {
  59.             padding: 5px 0 0 0;
  60.             /*  border-bottom: 1px solid #000000; */
  61.             display: inline-block;
  62.             color: #000000;
  63.             /*3baad1*/
  64.             font-size: 16px;
  65.         }
  66.  
  67.         .em-date {
  68.             width: 140px;
  69.             padding: 5px 0 0 0;
  70.             border-bottom: 1px solid #000000;
  71.             display: inline-block;
  72.             color: #000000;
  73.             /*3baad1*/
  74.             font-size: 16px;
  75.         }
  76.     </style>
  77. </head>
  78. <body>
  79. <table class="maintable">
  80.     <tr style="padding: 0;">
  81.         <td style="padding: 0;">
  82.             <div style="width: 100%; height: 5px; border-radius: 5px 5px 0 0; background-color: #3baad1;"></div>
  83.         </td>
  84.     </tr>
  85.     <tr>
  86.         <td style="background-color: #ffffff; ">
  87.             <table style="padding: 20px;">
  88.                 <tr>
  89.                     <td style="text-align: center; vertical-align: middle;">
  90.                         <h3 class="spacer">Medical Certificate</h3>
  91.                     </td>
  92.                     <td style="width:10%; text-align: right; vertical-align: middle;">
  93.                         <!-- <img src="ouchlogo.png" alt="" style="width: 120px;"> -->
  94.                         <img src="https://seeklogo.com/images/P/pregnancy-logo-0F1D64909D-seeklogo.com.jpg" alt=""
  95.                             style="width: 100px;">
  96.                     </td>
  97.                 </tr>
  98.                 <tr>
  99.                     <td colspan="2"><br></td>
  100.                 </tr>
  101.                 <tr>
  102.                     <td colspan="2">
  103.                         <p>I, undersigned Dr. <strong class="em-name">Adetokunbo Riddle</strong>, <strong
  104.                                    class="em-name">MBBS, </strong> certify that the examination of <br><strong
  105.                                    class="em-name">Mr.</strong> <strong class="em-name">Adetokunbo Riddle</strong>,
  106.                             <strong class="em-name">IC Name</strong>, works for <strong class="em-name">Company
  107.                                 Name</strong> has been suffering from <strong class="em-name">Reason</strong>.</p>
  108.  
  109.                         <p> Hence suggesting to have a rest from <strong class="em-name">01-11-2018</strong> to <strong
  110.                                    class="em-name">10-11-2018</strong> absolutely necessary for restoration of his/her
  111.                             health. </p>
  112.                     </td>
  113.                 </tr>
  114.                 <tr>
  115.                     <td colspan="2"><br></td>
  116.                 </tr>
  117.                 <tr>
  118.                     <td colspan="2">
  119.                         <table style="width:50%;display: inline-block; float: left; line-height: normal; margin: 0 10px 0 0; text-align: left;">
  120.                             <tr>
  121.                                 <td style="width:85px"></td>
  122.                                 <td><!-- <strong>E. L. Chin Family Clinic & Surgery Pte Ltd</strong> --></td>
  123.                             </tr>
  124.                             <tr>
  125.                                 <td colspan="2">
  126.                                     <strong>E. L. Chin Family Clinic & Surgery Pte Ltd</strong><br/>
  127.                                    <span class="nomargin">10 Eunos Road 8, #05-33 Singapore Post Centre, Singapore 408600</span>
  128.                                </td>
  129.                            </tr>
  130.                        </table>
  131.                        <table style="display: inline-block; float: right; text-align: right;">
  132.                             <tr>
  133.                                 <td style="text-align: center;"><img src="patientsignature.jpg" alt=""
  134.                                                                     style="width: 135px;"></td>
  135.                             </tr>
  136.                             <tr>
  137.                                 <td>Dr. Adetokunbo Riddle</td>
  138.                             </tr>
  139.                         </table>
  140.                     </td>
  141.                 </tr>
  142.             </table>
  143.         </td>
  144.     </tr>
  145.     <tr style="padding: 0;">
  146.         <td style="padding: 0;">
  147.             <div style="width: 100%; height: 5px; border-radius: 0 0 5px 5px; background-color: #3baad1;"></div>
  148.         </td>
  149.     </tr>
  150. </table>
  151. </body>
  152. </html>
Add Comment
Please, Sign In to add comment