Skip to content
This repository has been archived by the owner on Jan 2, 2024. It is now read-only.

Commit

Permalink
Customize email template with SEF details (#177)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gimhan-minion
Gimhan-minion authored Jul 15, 2021
1 parent 6c4fcc5 commit 4a9a3a4
Showing 1 changed file with 55 additions and 3 deletions.
58 changes: 55 additions & 3 deletions src/main/resources/templates/scholarx.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>

0 comments on commit 4a9a3a4

Please sign in to comment.