I'll create a responsive HTML email template that mirrors the Upwork/YouLend mockup you provided. This will use email-compatible HTML with inline styles and table-based layout for maximum compatibility across email platforms.
This HTML email template includes:
- Responsive Design: Uses media queries and table-based layout for maximum email client compatibility
- Inline Styles: All styles are inline for better email client support
- MSO Conditional Comments: Includes Outlook-specific code for better rendering
- Proper Email Structure: Uses tables for layout as required by email clients
- Brand Colors: Matches Upwork's green branding (
#6fda44
) - All Content Elements: Includes header, body text, buttons, benefits section, footer with social links
- Accessibility: Proper alt text, semantic structure, and color contrast
The template is optimized for:
- Gmail, Outlook, Apple Mail, Yahoo Mail
- Mobile devices (responsive breakpoints)
- Dark mode compatibility
- High DPI displays
You can customize the [Name]
and ${PRE-QUALIFIED AMOUNT}
placeholders with dynamic content when sending the emails.