<div style='font-family: Arial, sans-serif; color: #333; padding: 20px; border: 2px solid #0073e6; border-radius: 10px; max-width: 600px; margin: 0 auto;'>
  <h1 style='font-size: 28px; color: #0073e6; text-align: center;'>Job Offer</h1>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>Dear Candidate,</p>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>We are excited to extend an offer for the position of <span style='font-weight: bold;'>{{employmentType}}</span> at our esteemed company. Your skills and experience make you an ideal fit for this role, and we believe you will make significant contributions to our team. </p>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>The position offers a competitive pay rate of <span style='font-weight: bold;'>${{payRate}}</span> per <span style='font-weight: bold;'>{{payPeriod}}</span>. Payments will be made <span style='font-weight: bold;'>{{payFrequency}}</span>, ensuring you are compensated regularly for your hard work and dedication. </p>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>Your employment with us is scheduled to commence on <span style='font-weight: bold;'>{{startDate}}</span>. We look forward to welcoming you to our team and are confident that your transition will be smooth and rewarding. </p>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>This offer has been carefully prepared by our recruiter, <span style='font-weight: bold;'>{{recruterName}}</span>, who will be available to assist you with any questions or concerns you may have during the onboarding process. </p>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>We are thrilled at the prospect of you joining our organization and contributing to our mutual success.</p>
  <p style='font-size: 16px; color: #555; line-height: 1.5;'>Sincerely,</p>
  <p style='font-size: 16px; color: #555; line-height: 1.5; text-align: center;'>The HR Team</p>
</div>