Survey Email Template - Copy this Html, Tailwind Component to your project
//sending-the-email-to-the-targeted-users-const-sendSurveyEmail-=-(username,-survey_url)-=>-{-return-`-<!DOCTYPE-html>-<html-lang="en">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<title>Survey-Invitation</title>-<style>-body-{-font-family:-Arial,-sans-serif;-background-color:-#f4f4f4;-margin:-0;-padding:-0;-}-.container-{-width:-600px;-margin:-30px-auto;-background-color:-#ffffff;-box-shadow:-0-0-15px-rgba(0,-0,-0,-0.2);-border-radius:-8px;-overflow:-hidden;-}-.header-{-background-color:-#ffffff;-color:-#0073e6;-padding:-20px;-text-align:-center;-border-bottom:-4px-solid-#0073e6;-}-.header-img-{-max-width:-180px;-margin-bottom:-10px;-}-.header-h1-{-font-size:-24px;-margin:-0;-}-.content-{-padding:-30px;-color:-#333333;-line-height:-1.6;-background-color:-#f9f9f9;-}-.content-p-{-margin:-15px-0;-}-.button-{-display:-inline-block;-padding:-12px-25px;-background-color:-#0073e6;-color:-#ffffff;-text-decoration:-none;-border-radius:-5px;-margin-top:-20px;-font-size:-16px;-font-weight:-bold;-box-shadow:-0-3px-5px-rgba(0,-0,-0,-0.1);-transition:-background-color-0.3s-ease;-color:-#ffffff-!important;-}-.button:hover-{-background-color:-#005bb5;-}-.footer-{-background-color:-#ffffff;-padding:-15px;-text-align:-center;-font-size:-12px;-color:-#777777;-border-top:-1px-solid-#dddddd;-}-.footer-a-{-color:-#0073e6;-text-decoration:-none;-}-.footer-a:hover-{-text-decoration:-underline;-}-</style>-</head>-<body>-<div-class="container">-<div-class="header">-<h1>You're-Invited-to-Participate-in-a-Survey</h1>-</div>-<div-class="content">-<p>Dear-${username},</p>-<p>We-value-your-feedback-and-would-like-to-invite-you-to-participate-in-a-survey.-Your-responses-will-help-us-improve-and-better-serve-you-in-the-future.</p>-<p>To-begin-the-survey,-please-click-the-button-below:</p>-<a-href="${survey_url}"-class="button">Fill-out-the-Survey</a>-<p>If-you-have-any-questions-or-need-assistance,-feel-free-to-<a-href="mailto:info@peopleprudent.co.in">contact-us</a>.</p>-<p>Thank-you-for-your-time-and-participation!</p>-<p>Best-regards,<br>People-Prudent</p>-</div>-<div-class="footer">-<p>©-2024-People-Prudent.-All-rights-reserved.</p>-<p><a-href="https://peopleprudent.com/">Visit-our-website</a></p>-</div>-</div>-</body>-</html>-`;-};-export-{sendSurveyEmail};
