<!DOCTYPE html>
<html>
   <head>
      <title>Onboarding Request</title>
   </head>
   <body style="margin: 0; padding: 0; background-color: #f5f5f5; font-family: Arial, sans-serif;">
      <table cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
         <tr>
            <td style="padding: 0;">
               <table cellpadding="0" cellspacing="0" width="100%" style="background-color: #5369f8; border-top-left-radius: 10px; border-top-right-radius: 10px;">
                  <tr>
                     <td style="padding: 30px; text-align: center;">
                        <h1 style="font-size: 36px; color: #ffffff; margin: 0;">Onboarding Request</h1>
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
         <tr>
            <td style="padding: 40px 60px; font-size: 18px; color: #555555;">
               <p>Hello,</p>
               <p style="margin-bottom: 30px;">A new offboarding task has been assigned to you. Please find below the details for this request and provide your approval using the link below:</p>
               <table cellpadding="10" cellspacing="0" width="100%" style="background-color: #f9f9f9; border: 1px solid #dddddd; border-radius: 5px;">
                  <tr>
                     <td style="font-weight: bold;">Request ID:</td>
                     <td>1</td>
                  </tr>
                  <tr>
                     <td style="font-weight: bold;">Requested For:</td>
                     <td>Mayuresh Joshi</td>
                  </tr>
               </table>
               <br><br>
               <table cellpadding="0" cellspacing="0" width="100%" style="margin-top: 40px;">
                  <tr>
                     <td align="center">
                        <table cellpadding="0" cellspacing="0" style="background-color: #3366cc; border-radius: 5px;">
                           <tr>
                              <td style="padding:12px 28px;color: #fff;">
                                 <a href="#" style="display: inline-block; color: #ffffff; text-decoration: none; font-size: 20px; line-height: 24px;">Click here to view the request</a>
                              </td>
                           </tr>
                        </table>
                        <br><br>
                     </td>
                  </tr>
               </table>
               <p style="margin-top: 40px;">Thanks,</p>
            </td>
         </tr>
         <tr>
            <td style="padding: 20px; text-align: center; font-size: 14px; color: #999999; background-color: #f5f5f5; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
               <p style="margin: 0;">This is an autogenerated email. Please do not reply to this email.</p>
            </td>
         </tr>
      </table>
   </body>
</html>