diff --git a/src/main/resources/templates/scholarx.html b/src/main/resources/templates/scholarx.html
index 54501ba2..816e7777 100644
--- a/src/main/resources/templates/scholarx.html
+++ b/src/main/resources/templates/scholarx.html
@@ -12,11 +12,63 @@
             font-family: 'Roboto', sans-serif;
             font-size: 48px;
         }
+        table, td, div, h1, p {
+            font-family: Arial, sans-serif;
+        }
+        @media screen and (max-width: 530px) {
+            .col-lge {
+                max-width: 100% !important;
+            }
+        }
+        @media screen and (min-width: 531px) {
+            .col-sml {
+                max-width: 27% !important;
+            }
+            .col-lge {
+                max-width: 73% !important;
+            }
+        }
     </style>
 </head>
+<body style="margin:0;padding:0;word-spacing:normal;background-color:#ffffff;">
+<div role="article" aria-roledescription="email" lang="en" style="text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#ffffff;">
+    <table role="presentation" style="width:100%;border:none;border-spacing:0;">
+        <tr>
+            <td align="center" style="padding:0;">
+                <table role="presentation" style="width:94%;max-width:600px;border:none;border-spacing:0;text-align:left;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#363636;">
+                    <tr>
+                        <td style="padding:40px 30px 30px 30px;text-align:center;font-size:24px;font-weight:bold;">
+                            <a href="https://sefglobal.org/" style="text-decoration:none;"><img src="https://sefglobal.org/assets/img/brand/logo.png" width="165" style="width:80%;max-width:165px;height:auto;border:none;text-decoration:none;color:#ffffff;"></a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="padding:35px 30px 11px 30px;font-size:0;background-color:#ffffff;border-bottom:1px solid #f0f0f5;border-color:rgba(201,201,207,.35);">
 
-<body>
-    <p th:text="${message}"></p>
-</body>
+                            <div class="col-sml" style="display:inline-block;width:100%;max-width:145px;vertical-align:top;text-align:left;font-family:Arial,sans-serif;font-size:14px;color:#363636;">
+                                <img src="https://assets.codepen.io/210284/icon.png" width="115" style="width:80%;max-width:115px;margin-bottom:20px;">
+                            </div>
 
+                            <div class="col-lge" style="display:inline-block;width:100%;max-width:395px;vertical-align:top;padding-bottom:20px;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#363636;">
+                                <p th:text="${message}" style="margin-top:0;margin-bottom:18px;"></p>
+                                <p style="margin:0;"><a href="http://sef-scholarx.herokuapp.com/home" style="background: #ff3884; text-decoration: none; padding: 10px 25px; color: #ffffff; border-radius: 4px; display:inline-block; mso-padding-alt:0;text-underline-color:#ff3884">
+                                    <span style="mso-text-raise:10pt;font-weight:bold;">View Dashboard</span>
+                                </a></p>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="padding:30px;text-align:center;font-size:12px;background-color:#404040;color:#cccccc;">
+                            <p style="margin:0 0 8px 0;">
+                                <a href="https://www.facebook.com/sustainableeducationfoundation" style="text-decoration:none;"><img src="https://assets.codepen.io/210284/facebook_1.png" width="40" height="40" alt="f" style="display:inline-block;color:#cccccc;"></a>
+                                <a href="https://twitter.com/goasksef" style="text-decoration:none;"><img src="https://assets.codepen.io/210284/twitter_1.png" width="40" height="40" alt="t" style="display:inline-block;color:#cccccc;"></a>
+                            </p>
+                            <p style="margin:0;font-size:14px;line-height:20px;">&copy; Sustainable Education Foundation - SEF 2021</p>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+</div>
+</body>
 </html>
