images
2 years ago
ui-blocks
3 years ago
abstract.html
6 months ago
activity-report-content.php
4 days ago
blue.html
6 months ago
default.html
6 months ago
envelope.html
6 months ago
leftist.html
6 months ago
no-template.html
3 years ago
panel.html
6 months ago
leftist.html
312 lines
| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 | <head> |
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 6 | <title>{{subject}}</title> |
| 7 | <style type="text/css" media="screen"> |
| 8 | |
| 9 | /* ----- Client Fixes ----- */ |
| 10 | #outlook a { padding: 0; } |
| 11 | .ReadMsgBody { width: 100%; } |
| 12 | .ExternalClass { width: 100%; } |
| 13 | .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { |
| 14 | line-height: 100%; |
| 15 | } |
| 16 | |
| 17 | body, table, td, p, a, li, blockquote { |
| 18 | -webkit-text-size-adjust: 100%; |
| 19 | -ms-text-size-adjust: 100%; |
| 20 | } |
| 21 | |
| 22 | table, td { |
| 23 | mso-table-lspace: 0pt; |
| 24 | mso-table-rspace: 0pt; |
| 25 | } |
| 26 | |
| 27 | img { |
| 28 | -ms-interpolation-mode: bicubic; |
| 29 | border: 0; |
| 30 | line-height: 100%; |
| 31 | outline: none; |
| 32 | text-decoration: none; |
| 33 | } |
| 34 | |
| 35 | /* ----- Reset ----- */ |
| 36 | html, body, .body-wrap, .body-wrap-cell { |
| 37 | margin: 0; |
| 38 | padding: 0; |
| 39 | background: #f8fafc; |
| 40 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; |
| 41 | font-size: 16px; |
| 42 | color: #64748b; |
| 43 | text-align: left; |
| 44 | } |
| 45 | |
| 46 | table { |
| 47 | border-collapse: collapse !important; |
| 48 | } |
| 49 | |
| 50 | td, th { |
| 51 | text-align: left; |
| 52 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; |
| 53 | font-size: 15px; |
| 54 | color: #64748b; |
| 55 | line-height: 1.6; |
| 56 | } |
| 57 | |
| 58 | /* ----- General ----- */ |
| 59 | h1, h2 { |
| 60 | line-height: 1.3; |
| 61 | text-align: left; |
| 62 | margin: 0; |
| 63 | } |
| 64 | |
| 65 | h1 { |
| 66 | font-size: 20px; |
| 67 | font-weight: 700; |
| 68 | color: #0f172a; |
| 69 | } |
| 70 | |
| 71 | h2 { |
| 72 | font-size: 13px; |
| 73 | font-weight: 600; |
| 74 | color: #10b981; |
| 75 | text-transform: uppercase; |
| 76 | letter-spacing: 1px; |
| 77 | margin-bottom: 24px; |
| 78 | } |
| 79 | |
| 80 | .outer-padding { |
| 81 | padding: 40px 20px; |
| 82 | } |
| 83 | |
| 84 | .col-1 { |
| 85 | width: 200px; |
| 86 | background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%); |
| 87 | vertical-align: top; |
| 88 | } |
| 89 | |
| 90 | td.hide-for-desktop-text { |
| 91 | font-size: 0; |
| 92 | height: 0; |
| 93 | display: none; |
| 94 | color: #ffffff; |
| 95 | } |
| 96 | |
| 97 | img.hide-for-desktop-image { |
| 98 | font-size: 0 !important; |
| 99 | line-height: 0 !important; |
| 100 | width: 0 !important; |
| 101 | height: 0 !important; |
| 102 | display: none !important; |
| 103 | } |
| 104 | |
| 105 | .body-cell { |
| 106 | background-color: #ffffff; |
| 107 | padding: 48px 40px; |
| 108 | vertical-align: top; |
| 109 | } |
| 110 | |
| 111 | /* ----- Modules ----- */ |
| 112 | .brand td { |
| 113 | padding-top: 25px; |
| 114 | } |
| 115 | |
| 116 | .brand a { |
| 117 | font-size: 16px; |
| 118 | line-height: 59px; |
| 119 | font-weight: bold; |
| 120 | } |
| 121 | |
| 122 | /* Links */ |
| 123 | a { |
| 124 | color: #10b981; |
| 125 | text-decoration: none; |
| 126 | } |
| 127 | a:hover { |
| 128 | text-decoration: underline; |
| 129 | } |
| 130 | |
| 131 | /* Button */ |
| 132 | .button { |
| 133 | display: inline-block; |
| 134 | padding: 14px 32px; |
| 135 | background: #10b981; |
| 136 | color: #ffffff !important; |
| 137 | text-decoration: none !important; |
| 138 | font-weight: 600; |
| 139 | font-size: 14px; |
| 140 | border-radius: 8px; |
| 141 | text-align: center; |
| 142 | margin: 20px 0; |
| 143 | } |
| 144 | |
| 145 | /* Data Table */ |
| 146 | .data-table th, |
| 147 | .data-table td { |
| 148 | padding: 12px 16px; |
| 149 | } |
| 150 | |
| 151 | .data-table th { |
| 152 | background-color: #f1f5f9; |
| 153 | color: #0f172a; |
| 154 | font-weight: 600; |
| 155 | font-size: 13px; |
| 156 | text-transform: uppercase; |
| 157 | letter-spacing: 0.5px; |
| 158 | } |
| 159 | |
| 160 | .data-table td { |
| 161 | border-bottom: 1px solid #e2e8f0; |
| 162 | } |
| 163 | |
| 164 | </style> |
| 165 | |
| 166 | <style type="text/css" media="only screen and (max-width: 650px)"> |
| 167 | @media only screen and (max-width: 650px) { |
| 168 | table[class*="w320"] { |
| 169 | width: 100% !important; |
| 170 | } |
| 171 | |
| 172 | td[class*="col-1"] { |
| 173 | display: none !important; |
| 174 | width: 0 !important; |
| 175 | height: 0 !important; |
| 176 | } |
| 177 | |
| 178 | td[class*="hide-for-mobile"] { |
| 179 | font-size: 0 !important; |
| 180 | line-height: 0 !important; |
| 181 | width: 0 !important; |
| 182 | height: 0 !important; |
| 183 | display: none !important; |
| 184 | } |
| 185 | |
| 186 | td[class*="hide-for-desktop-text"] { |
| 187 | display: block !important; |
| 188 | text-align: center !important; |
| 189 | font-size: 14px !important; |
| 190 | padding: 24px 20px !important; |
| 191 | color: #ffffff !important; |
| 192 | background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important; |
| 193 | } |
| 194 | |
| 195 | td[class*="outer-padding"] { |
| 196 | padding: 0 !important; |
| 197 | } |
| 198 | |
| 199 | td[class*="body-cell"] { |
| 200 | padding: 32px 24px !important; |
| 201 | } |
| 202 | } |
| 203 | </style> |
| 204 | </head> |
| 205 | |
| 206 | <body class="body" style="padding:0; margin:0; display:block; background:#f8fafc; -webkit-text-size-adjust:none" bgcolor="#f8fafc"> |
| 207 | |
| 208 | <!-- Preheader --> |
| 209 | <div style="display: none; max-height: 0; overflow: hidden;"> |
| 210 | {{subject}} ‌ ‌ ‌ ‌ ‌ ‌ |
| 211 | </div> |
| 212 | |
| 213 | <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f8fafc"> |
| 214 | <tr> |
| 215 | <td class="outer-padding" valign="top" align="center" style="text-align: center;"> |
| 216 | |
| 217 | <!-- Main Container --> |
| 218 | <table class="w320" cellspacing="0" cellpadding="0" width="640" style="margin: 0 auto; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);"> |
| 219 | <tr> |
| 220 | <!-- Left Sidebar --> |
| 221 | <td class="col-1 hide-for-mobile" style="width: 200px; background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%); vertical-align: top; padding: 40px 28px;"> |
| 222 | |
| 223 | <!-- Logo --> |
| 224 | <div style="margin-bottom: 32px;"> |
| 225 | {{img_logo}} |
| 226 | </div> |
| 227 | |
| 228 | <!-- Site Name --> |
| 229 | <h1 style="margin: 0 0 8px 0; font-size: 18px; font-weight: 700; color: #ffffff; line-height: 1.3;"> |
| 230 | {{sitename}} |
| 231 | </h1> |
| 232 | |
| 233 | <!-- Tagline --> |
| 234 | <p style="margin: 0 0 32px 0; font-size: 13px; color: #94a3b8; line-height: 1.5;"> |
| 235 | {{site_tagline}} |
| 236 | </p> |
| 237 | |
| 238 | <!-- Divider --> |
| 239 | <div style="height: 1px; background: linear-gradient(90deg, #10b981, transparent); margin-bottom: 32px;"></div> |
| 240 | |
| 241 | <!-- Social Links --> |
| 242 | <p style="margin: 0 0 12px 0; font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 1px;"> |
| 243 | Connect |
| 244 | </p> |
| 245 | <table role="presentation" border="0" cellspacing="0" cellpadding="0"> |
| 246 | <tr> |
| 247 | <td style="padding-right: 8px;"> |
| 248 | <a href="{{facebook}}" style="display: inline-block; width: 32px; height: 32px; background: rgba(255,255,255,0.1); border-radius: 6px; text-align: center; line-height: 32px; color: #94a3b8; font-size: 12px; text-decoration: none;">f</a> |
| 249 | </td> |
| 250 | <td> |
| 251 | <a href="{{twitter}}" style="display: inline-block; width: 32px; height: 32px; background: rgba(255,255,255,0.1); border-radius: 6px; text-align: center; line-height: 32px; color: #94a3b8; font-size: 12px; text-decoration: none;">X</a> |
| 252 | </td> |
| 253 | </tr> |
| 254 | </table> |
| 255 | |
| 256 | </td> |
| 257 | |
| 258 | <!-- Right Content Area --> |
| 259 | <td valign="top" style="background: #ffffff;"> |
| 260 | |
| 261 | <!-- Mobile Header (hidden on desktop) --> |
| 262 | <table width="100%" cellspacing="0" cellpadding="0"> |
| 263 | <tr> |
| 264 | <td class="hide-for-desktop-text" style="display: none;"> |
| 265 | <strong style="color: #ffffff; font-size: 16px;">{{sitename}}</strong> |
| 266 | </td> |
| 267 | </tr> |
| 268 | </table> |
| 269 | |
| 270 | <!-- Content --> |
| 271 | <table cellspacing="0" cellpadding="0" width="100%"> |
| 272 | <tr> |
| 273 | <td class="body-cell" style="padding: 48px 40px;"> |
| 274 | |
| 275 | <!-- Date Badge --> |
| 276 | <h2 style="display: inline-block; margin: 0 0 24px 0; padding: 6px 12px; background: #ecfdf5; color: #10b981; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px;"> |
| 277 | {{date}} |
| 278 | </h2> |
| 279 | |
| 280 | <!-- Message Content --> |
| 281 | <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.7; color: #475569;"> |
| 282 | {{message}} |
| 283 | </div> |
| 284 | |
| 285 | </td> |
| 286 | </tr> |
| 287 | </table> |
| 288 | |
| 289 | <!-- Footer --> |
| 290 | <table width="100%" cellspacing="0" cellpadding="0"> |
| 291 | <tr> |
| 292 | <td style="padding: 24px 40px; background: #f8fafc; border-top: 1px solid #e2e8f0;"> |
| 293 | <p style="margin: 0; font-size: 12px; color: #94a3b8; line-height: 1.6;"> |
| 294 | {{footer_text}} |
| 295 | </p> |
| 296 | <p style="margin: 16px 0 0 0;"><a href="https://www.wpdownloadmanager.com" style="color:#b0b0b0;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;text-decoration:none;">Powered by Download Manager</a></p> |
| 297 | </td> |
| 298 | </tr> |
| 299 | </table> |
| 300 | |
| 301 | </td> |
| 302 | </tr> |
| 303 | </table> |
| 304 | <!-- End Main Container --> |
| 305 | |
| 306 | </td> |
| 307 | </tr> |
| 308 | </table> |
| 309 | |
| 310 | </body> |
| 311 | </html> |
| 312 |