|
12 | 12 | font-family: 'Roboto', sans-serif; |
13 | 13 | font-size: 48px; |
14 | 14 | } |
| 15 | + table, td, div, h1, p { |
| 16 | + font-family: Arial, sans-serif; |
| 17 | + } |
| 18 | + @media screen and (max-width: 530px) { |
| 19 | + .col-lge { |
| 20 | + max-width: 100% !important; |
| 21 | + } |
| 22 | + } |
| 23 | + @media screen and (min-width: 531px) { |
| 24 | + .col-sml { |
| 25 | + max-width: 27% !important; |
| 26 | + } |
| 27 | + .col-lge { |
| 28 | + max-width: 73% !important; |
| 29 | + } |
| 30 | + } |
15 | 31 | </style> |
16 | 32 | </head> |
| 33 | +<body style="margin:0;padding:0;word-spacing:normal;background-color:#ffffff;"> |
| 34 | +<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;"> |
| 35 | + <table role="presentation" style="width:100%;border:none;border-spacing:0;"> |
| 36 | + <tr> |
| 37 | + <td align="center" style="padding:0;"> |
| 38 | + <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;"> |
| 39 | + <tr> |
| 40 | + <td style="padding:40px 30px 30px 30px;text-align:center;font-size:24px;font-weight:bold;"> |
| 41 | + <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> |
| 42 | + </td> |
| 43 | + </tr> |
| 44 | + <tr> |
| 45 | + <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);"> |
17 | 46 |
|
18 | | -<body> |
19 | | - <p th:text="${message}"></p> |
20 | | -</body> |
| 47 | + <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;"> |
| 48 | + <img src="https://assets.codepen.io/210284/icon.png" width="115" style="width:80%;max-width:115px;margin-bottom:20px;"> |
| 49 | + </div> |
21 | 50 |
|
| 51 | + <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;"> |
| 52 | + <p th:text="${message}" style="margin-top:0;margin-bottom:18px;"></p> |
| 53 | + <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"> |
| 54 | + <span style="mso-text-raise:10pt;font-weight:bold;">View Dashboard</span> |
| 55 | + </a></p> |
| 56 | + </div> |
| 57 | + </td> |
| 58 | + </tr> |
| 59 | + <tr> |
| 60 | + <td style="padding:30px;text-align:center;font-size:12px;background-color:#404040;color:#cccccc;"> |
| 61 | + <p style="margin:0 0 8px 0;"> |
| 62 | + <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> |
| 63 | + <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> |
| 64 | + </p> |
| 65 | + <p style="margin:0;font-size:14px;line-height:20px;">© Sustainable Education Foundation - SEF 2021</p> |
| 66 | + </td> |
| 67 | + </tr> |
| 68 | + </table> |
| 69 | + </td> |
| 70 | + </tr> |
| 71 | + </table> |
| 72 | +</div> |
| 73 | +</body> |
22 | 74 | </html> |
0 commit comments