| 1 |
<?php /** |
| 2 |
* @version 1.0 |
| 3 |
* @package: Emails |
| 4 |
* @category: Templates |
| 5 |
* @author wpdevelop |
| 6 |
* |
| 7 |
* @web-site https://wpbookingcalendar.com/ |
| 8 |
* @email info@wpbookingcalendar.com |
| 9 |
* |
| 10 |
* @modified 2015-06-16 |
| 11 |
*/ |
| 12 |
|
| 13 |
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly |
| 14 |
|
| 15 |
/** |
| 16 |
* get email template |
| 17 |
* |
| 18 |
* @param array $fields_values |
| 19 |
*/ |
| 20 |
function wpbc_email_template_standard_html( $fields_values ) { |
| 21 |
|
| 22 |
ob_start(); |
| 23 |
|
| 24 |
// FixIn: 10.14.2.2. |
| 25 |
$base_color = sanitize_hex_color( $fields_values['base_color'] ); |
| 26 |
$base_color = 'background-color:' . ( empty( $fields_values['base_color'] ) ? '#557da1' : $fields_values['base_color'] ) . ';'; |
| 27 |
|
| 28 |
$background_color = sanitize_hex_color( $fields_values['background_color'] ); |
| 29 |
$background_color = 'background-color:' . ( empty( $fields_values['background_color'] ) ? '#FDFDFD' : $fields_values['background_color'] ) . ';'; |
| 30 |
|
| 31 |
$body_color = sanitize_hex_color( $fields_values['body_color'] ); |
| 32 |
$body_color = 'background-color:' . ( empty( $fields_values['body_color'] ) ? '#F5F5F5' : $fields_values['body_color'] ) . ';'; |
| 33 |
|
| 34 |
$text_color = sanitize_hex_color( $fields_values['text_color'] ); |
| 35 |
$text_color = 'color:' . ( empty( $fields_values['text_color'] ) ? '#333333' : $fields_values['text_color'] ) . ';'; |
| 36 |
|
| 37 |
//////////////////////////////////////////////////////////////////////////////// |
| 38 |
// HTML Email Template |
| 39 |
//////////////////////////////////////////////////////////////////////////////// |
| 40 |
?> |
| 41 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 42 |
<html xmlns="http://www.w3.org/1999/xhtml"> <!-- dir="<?php echo is_rtl() ? 'rtl' : 'ltr'?>" --> |
| 43 |
<head><?php /* //FixIn: 9.3.1.3 ?> |
| 44 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 45 |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 46 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 47 |
<?php */ ?><title></title> |
| 48 |
<style type="text/css"> |
| 49 |
body { |
| 50 |
Margin: 0; |
| 51 |
padding: 0; |
| 52 |
min-width: 100%; |
| 53 |
<?php echo esc_attr( $background_color ); ?> |
| 54 |
} |
| 55 |
table { |
| 56 |
border-spacing: 0; |
| 57 |
font-family: sans-serif; |
| 58 |
<?php echo esc_attr( $text_color ); ?> |
| 59 |
} |
| 60 |
td { |
| 61 |
padding: 0; |
| 62 |
} |
| 63 |
img { |
| 64 |
border: 0; |
| 65 |
} |
| 66 |
.wrapper { |
| 67 |
width: 100%; |
| 68 |
table-layout: fixed; |
| 69 |
-webkit-text-size-adjust: 100%; |
| 70 |
-ms-text-size-adjust: 100%; |
| 71 |
Margin: 0; |
| 72 |
padding: 70px 0 70px 0; |
| 73 |
<?php echo esc_attr( $background_color ); ?> |
| 74 |
} |
| 75 |
.webkit { |
| 76 |
max-width: 600px; |
| 77 |
} |
| 78 |
@-ms-viewport { |
| 79 |
width: device-width; |
| 80 |
} |
| 81 |
.outer { |
| 82 |
Margin: 0 auto; |
| 83 |
width: 96%; |
| 84 |
max-width: 600px; |
| 85 |
box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important; |
| 86 |
border: 1px solid #dcdcdc; |
| 87 |
border-radius: 3px !important; |
| 88 |
<?php echo esc_attr( $body_color ); ?> |
| 89 |
} |
| 90 |
.full-width-image img { |
| 91 |
width: 100%; |
| 92 |
height: auto; |
| 93 |
} |
| 94 |
.header { |
| 95 |
border-radius: 3px 3px 0 0 !important; |
| 96 |
color: #ffffff; border-bottom: 0; |
| 97 |
font-weight: bold; |
| 98 |
line-height: 100%; |
| 99 |
vertical-align: middle; |
| 100 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 101 |
<?php echo esc_attr( $base_color ); ?> |
| 102 |
} |
| 103 |
.footer .inner { |
| 104 |
text-align: center; |
| 105 |
<?php //echo esc_attr( $base_color ); ?> |
| 106 |
} |
| 107 |
.footer .inner p { |
| 108 |
font-size: 11px; |
| 109 |
} |
| 110 |
.inner { |
| 111 |
padding: 48px; |
| 112 |
} |
| 113 |
.header .inner { |
| 114 |
padding: 10px; |
| 115 |
} |
| 116 |
p { |
| 117 |
Margin: 0; |
| 118 |
} |
| 119 |
p.footer { |
| 120 |
font-size: 11px; |
| 121 |
} |
| 122 |
a { |
| 123 |
color: #ee6a56; |
| 124 |
text-decoration: underline; |
| 125 |
} |
| 126 |
.h1 { |
| 127 |
font-size: 21px; |
| 128 |
font-weight: bold; |
| 129 |
Margin-bottom: 18px; |
| 130 |
} |
| 131 |
.header .inner .h1 { |
| 132 |
color: #ffffff; |
| 133 |
display: block; |
| 134 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 135 |
font-size: 30px; |
| 136 |
font-weight: 300; |
| 137 |
line-height: 150%; |
| 138 |
Margin: 0; |
| 139 |
padding: 26px 48px; |
| 140 |
text-align: left; |
| 141 |
text-shadow: 0 1px 0 #7797b4; |
| 142 |
-webkit-font-smoothing: antialiased; |
| 143 |
} |
| 144 |
.h2 { |
| 145 |
font-size: 18px; |
| 146 |
font-weight: bold; |
| 147 |
Margin-bottom: 12px; |
| 148 |
} |
| 149 |
.one-column .contents { |
| 150 |
text-align: left; |
| 151 |
} |
| 152 |
.one-column p { |
| 153 |
font-size: 14px; |
| 154 |
Margin-bottom: 10px; |
| 155 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 156 |
font-size: 14px; |
| 157 |
line-height: 150%; |
| 158 |
color: #737373; |
| 159 |
} |
| 160 |
.one-column p.h2, |
| 161 |
.two-column .column .contents p.h2 { |
| 162 |
display: block; |
| 163 |
font-size: 18px; |
| 164 |
font-weight: bold; |
| 165 |
line-height: 130%; |
| 166 |
Margin: 16px 0 8px; |
| 167 |
text-align: left; |
| 168 |
color: #557da1; |
| 169 |
} |
| 170 |
.two-column { |
| 171 |
text-align: center; |
| 172 |
font-size: 0; |
| 173 |
} |
| 174 |
|
| 175 |
.two-column .column { |
| 176 |
width: 100%; |
| 177 |
max-width: 280px; |
| 178 |
display: inline-block; |
| 179 |
vertical-align: top; |
| 180 |
} |
| 181 |
.two-column .column .contents p{ |
| 182 |
font-size: 14px; |
| 183 |
Margin-bottom: 10px; |
| 184 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 185 |
font-size: 14px; |
| 186 |
line-height: 150%; |
| 187 |
color: #737373; |
| 188 |
} |
| 189 |
.two-column .inner, |
| 190 |
.footer .inner { |
| 191 |
padding: 10px 48px; |
| 192 |
} |
| 193 |
.contents { |
| 194 |
width: 100%; |
| 195 |
} |
| 196 |
.header .inner { |
| 197 |
width: 100%; |
| 198 |
} |
| 199 |
.footer .inner { |
| 200 |
width: 100%; |
| 201 |
border-top:1px solid #dddddd; |
| 202 |
} |
| 203 |
.two-column .contents { |
| 204 |
font-size: 14px; |
| 205 |
text-align: left; |
| 206 |
} |
| 207 |
.two-column img { |
| 208 |
width: 100%; |
| 209 |
height: auto; |
| 210 |
} |
| 211 |
.two-column .text { |
| 212 |
padding-top: 10px; |
| 213 |
} |
| 214 |
.two-column p { |
| 215 |
font-size: 14px; |
| 216 |
Margin-bottom: 10px; |
| 217 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 218 |
font-size: 14px; |
| 219 |
line-height: 150%; |
| 220 |
color: #737373; |
| 221 |
} |
| 222 |
@media screen and (max-width: 400px) { |
| 223 |
.two-column .column { |
| 224 |
max-width: 100% !important; |
| 225 |
} |
| 226 |
} |
| 227 |
@media screen and (min-width: 401px) and (max-width: 620px) { |
| 228 |
.two-column .column { |
| 229 |
max-width: 50% !important; |
| 230 |
} |
| 231 |
} |
| 232 |
</style> |
| 233 |
<!--[if (gte mso 9)|(IE)]> |
| 234 |
<style type="text/css"> |
| 235 |
table {border-collapse: collapse !important;} |
| 236 |
</style> |
| 237 |
<![endif]--> |
| 238 |
</head> |
| 239 |
<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;<?php echo esc_attr( $background_color ); ?>" <?php echo is_rtl() ? 'rightmargin="0"' : 'leftmargin="0"'; ?> > |
| 240 |
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;Margin:0;padding-top:70px;padding-bottom:70px;padding-right:0;padding-left:0;<?php echo esc_attr( $background_color ); ?>" <?php echo is_rtl() ? 'dir="rtl"' : 'dir="ltr"'?> > |
| 241 |
<div class="webkit" style="max-width:600px;" > |
| 242 |
<!--[if (gte mso 9)|(IE)]> |
| 243 |
<table width="600" align="center" style="border-spacing:0;font-family:sans-serif;<?php echo esc_attr( $text_color ); ?>" > |
| 244 |
<tr> |
| 245 |
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" > |
| 246 |
<![endif]--> |
| 247 |
<table class="outer" align="center" style="border-spacing:0;font-family:sans-serif;<?php echo esc_attr( $text_color ); ?><?php echo esc_attr( $body_color ); ?>Margin:0 auto;width:96%;max-width:600px;box-shadow:0 1px 4px rgba(0,0,0,0.1) !important;border-width:1px;border-style:solid;border-color:#dcdcdc;border-radius:3px !important;" > |
| 248 |
<?php if ( ! empty( $fields_values['header_img600_src'] ) ) { ?> |
| 249 |
<!-- Header IMG: 1 column template row --> |
| 250 |
<tr> <!-- This image must be 600px width (NOT wider). If less, then we need to set in CSS width in px of this image --> |
| 251 |
<td class="full-width-image" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" > |
| 252 |
<?php // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage ?> |
| 253 |
<img src="images/header.jpg" alt="" style="border-width:0;width:100%;height:auto;" /> <!-- src="<?php $fields_values['header_img600_src']; ?>" --> |
| 254 |
</td> |
| 255 |
</tr> |
| 256 |
<?php } ?> |
| 257 |
<!-- Header: 1 column template row --> |
| 258 |
<tr> |
| 259 |
<td class="one-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" > |
| 260 |
<table width="100%" class="header" style="<?php echo esc_attr( $base_color ); ?>border-spacing:0;border-radius:3px 3px 0 0 !important;color:#ffffff;border-bottom-width:0;font-weight:bold;line-height:100%;vertical-align:middle;font-family:Helvetica, Roboto, Arial, sans-serif;" > |
| 261 |
<tr> |
| 262 |
<td class="inner" style="padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;width:100%;" > |
| 263 |
<p class="h1" style="Margin-bottom:10px;color:#ffffff;display:block;font-family:Helvetica, Roboto, Arial, sans-serif;font-size:30px;font-weight:300;line-height:150%;Margin:0;padding-top:26px;padding-bottom:26px;padding-right:48px;padding-left:48px;text-align:left;text-shadow:0 1px 0 #7797b4;-webkit-font-smoothing:antialiased;" ><?php echo ( wp_kses_post( wptexturize( $fields_values['header_content'] ) ) ); ?></p> |
| 264 |
</td> |
| 265 |
</tr> |
| 266 |
</table> |
| 267 |
</td> |
| 268 |
</tr> |
| 269 |
<!-- Content: 1 column template row --> |
| 270 |
<tr> |
| 271 |
<td class="one-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" > |
| 272 |
<table width="100%" style="border-spacing:0;font-family:sans-serif;<?php echo esc_attr( $text_color ); ?>" > |
| 273 |
<tr> |
| 274 |
<td class="inner contents" style="padding-top:48px;padding-bottom:48px;padding-right:48px;padding-left:48px;width:100%;text-align:left;" > |
| 275 |
<p style="Margin:0;font-size:14px;Margin-bottom:10px;font-family:Helvetica, Roboto, Arial, sans-serif;line-height:150%;color:#737373;" ><?php |
| 276 |
|
| 277 |
$h2_headers = array('<p class="h2" style="Margin-bottom:10px;font-family:Helvetica, Roboto, Arial, sans-serif;display:block;font-size:18px;font-weight:bold;line-height:130%;Margin:16px 0 8px;text-align:left;color:#557da1;" >', '</p>'); |
| 278 |
$fields_values['content'] = str_replace( array( '<h2>', '</h2>' ), $h2_headers, $fields_values['content'] ); |
| 279 |
|
| 280 |
echo ( wp_kses_post( wptexturize( $fields_values['content'] ) ) ); |
| 281 |
?></p> |
| 282 |
</td> |
| 283 |
</tr> |
| 284 |
</table> |
| 285 |
</td> |
| 286 |
</tr> |
| 287 |
<!-- Footer: 1 column template row --> |
| 288 |
<tr> |
| 289 |
<td class="one-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" > |
| 290 |
<table width="100%" class="footer" style="border-spacing:0;font-family:sans-serif;<?php echo esc_attr( $text_color ); ?>" > |
| 291 |
<tr> |
| 292 |
<td class="inner" style="text-align:center;padding-top:10px;padding-bottom:10px;padding-right:48px;padding-left:48px;width:100%;border-top-width:1px;border-top-style:solid;border-top-color:#dddddd;" > |
| 293 |
<p style="Margin:0;Margin-bottom:10px;font-family:Helvetica, Roboto, Arial, sans-serif;line-height:150%;color:#737373;font-size:11px;" > |
| 294 |
<?php /* <a style="color:#ee6a56;text-decoration:underline;" >Forward to a Friend</a> <a style="color:#ee6a56;text-decoration:underline;" >Unsubscribe</a> <a style="color:#ee6a56;text-decoration:underline;" >Preferences</a><br /> */ |
| 295 |
echo ( wp_kses_post( wptexturize( $fields_values['footer_content'] ) ) ); ?> |
| 296 |
</p> |
| 297 |
</td> |
| 298 |
</tr> |
| 299 |
</table> |
| 300 |
</td> |
| 301 |
</tr> |
| 302 |
</table> |
| 303 |
<!--[if (gte mso 9)|(IE)]> |
| 304 |
</td> |
| 305 |
</tr> |
| 306 |
</table> |
| 307 |
<![endif]--> |
| 308 |
</div> |
| 309 |
</center> |
| 310 |
</body> |
| 311 |
<?php |
| 312 |
|
| 313 |
return ob_get_clean(); // Return this email content |
| 314 |
} |
| 315 |
|
| 316 |
|
| 317 |
return; |
| 318 |
|
| 319 |
// Exist from this file, at the bottom - original static HTML template for email |
| 320 |
|
| 321 |
// <editor-fold defaultstate="collapsed" desc=" Source Code of template for parsing at http://inliner.cm/ " > |
| 322 |
|
| 323 |
//////////////////////////////////////////////////////////////////////////////// |
| 324 |
// Source Code of template for parsing at http://inliner.cm/ |
| 325 |
//////////////////////////////////////////////////////////////////////////////// |
| 326 |
?> |
| 327 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 328 |
<html xmlns="http://www.w3.org/1999/xhtml"> <!-- dir="<?php echo is_rtl() ? 'rtl' : 'ltr'?>" --> |
| 329 |
<head><?php /* //FixIn: 9.3.1.3 ?> |
| 330 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 331 |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 332 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 333 |
<?php */ ?><title></title> |
| 334 |
<style type="text/css"> |
| 335 |
body { |
| 336 |
Margin: 0; |
| 337 |
padding: 0; |
| 338 |
min-width: 100%; |
| 339 |
background-color: #ffffff; |
| 340 |
} |
| 341 |
table { |
| 342 |
border-spacing: 0; |
| 343 |
font-family: sans-serif; |
| 344 |
color: #333333; |
| 345 |
} |
| 346 |
td { |
| 347 |
padding: 0; |
| 348 |
} |
| 349 |
img { |
| 350 |
border: 0; |
| 351 |
} |
| 352 |
.wrapper { |
| 353 |
width: 100%; |
| 354 |
table-layout: fixed; |
| 355 |
-webkit-text-size-adjust: 100%; |
| 356 |
-ms-text-size-adjust: 100%; |
| 357 |
Margin: 0; |
| 358 |
padding: 70px 0 70px 0; |
| 359 |
background-color: #f5f5f5; |
| 360 |
} |
| 361 |
.webkit { |
| 362 |
max-width: 600px; |
| 363 |
} |
| 364 |
@-ms-viewport { |
| 365 |
width: device-width; |
| 366 |
} |
| 367 |
/* width 100% */ |
| 368 |
.outer { |
| 369 |
Margin: 0 auto; |
| 370 |
width: 96%; |
| 371 |
max-width: 600px; |
| 372 |
box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important; |
| 373 |
border: 1px solid #dcdcdc; |
| 374 |
border-radius: 3px !important; |
| 375 |
background-color: #fdfdfd; |
| 376 |
} |
| 377 |
|
| 378 |
.full-width-image img { |
| 379 |
width: 100%; |
| 380 |
height: auto; |
| 381 |
} |
| 382 |
.header { |
| 383 |
border-radius: 3px 3px 0 0 !important; |
| 384 |
color: #ffffff; border-bottom: 0; |
| 385 |
font-weight: bold; |
| 386 |
line-height: 100%; |
| 387 |
vertical-align: middle; |
| 388 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 389 |
background-color: #557da1; |
| 390 |
} |
| 391 |
.footer .inner { |
| 392 |
text-align: center; |
| 393 |
} |
| 394 |
.footer .inner p { |
| 395 |
font-size: 11px; |
| 396 |
} |
| 397 |
.inner { |
| 398 |
padding: 48px; |
| 399 |
} |
| 400 |
.header .inner { |
| 401 |
padding: 10px; |
| 402 |
} |
| 403 |
p { |
| 404 |
Margin: 0; |
| 405 |
} |
| 406 |
p.footer { |
| 407 |
font-size: 11px; |
| 408 |
} |
| 409 |
a { |
| 410 |
color: #ee6a56; |
| 411 |
text-decoration: underline; |
| 412 |
} |
| 413 |
.h1 { |
| 414 |
font-size: 21px; |
| 415 |
font-weight: bold; |
| 416 |
Margin-bottom: 18px; |
| 417 |
} |
| 418 |
.header .inner .h1 { |
| 419 |
color: #ffffff; |
| 420 |
display: block; |
| 421 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 422 |
font-size: 30px; |
| 423 |
font-weight: 300; |
| 424 |
line-height: 150%; |
| 425 |
Margin: 0; |
| 426 |
padding: 26px 48px; |
| 427 |
text-align: left; |
| 428 |
text-shadow: 0 1px 0 #7797b4; |
| 429 |
-webkit-font-smoothing: antialiased; |
| 430 |
} |
| 431 |
.h2 { |
| 432 |
font-size: 18px; |
| 433 |
font-weight: bold; |
| 434 |
Margin-bottom: 12px; |
| 435 |
} |
| 436 |
.one-column .contents { |
| 437 |
text-align: left; |
| 438 |
} |
| 439 |
.one-column p { |
| 440 |
font-size: 14px; |
| 441 |
Margin-bottom: 10px; |
| 442 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 443 |
font-size: 14px; |
| 444 |
line-height: 150%; |
| 445 |
color: #737373; |
| 446 |
} |
| 447 |
.one-column p.h2, |
| 448 |
.two-column .column .contents p.h2 { |
| 449 |
display: block; |
| 450 |
font-size: 18px; |
| 451 |
font-weight: bold; |
| 452 |
line-height: 130%; |
| 453 |
Margin: 16px 0 8px; |
| 454 |
text-align: left; |
| 455 |
color: #557da1; |
| 456 |
} |
| 457 |
.two-column { |
| 458 |
text-align: center; |
| 459 |
font-size: 0; |
| 460 |
} |
| 461 |
/* Previously 300px. - TODO: need to test if we really need to have here 280 or 300px in the different email applications. Also its possible that we need to have header images, not 280px but only 260px.... */ |
| 462 |
.two-column .column { |
| 463 |
width: 100%; |
| 464 |
max-width: 280px; |
| 465 |
display: inline-block; |
| 466 |
vertical-align: top; |
| 467 |
} |
| 468 |
.two-column .column .contents p{ |
| 469 |
font-size: 14px; |
| 470 |
Margin-bottom: 10px; |
| 471 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 472 |
font-size: 14px; |
| 473 |
line-height: 150%; |
| 474 |
color: #737373; |
| 475 |
} |
| 476 |
.two-column .inner, |
| 477 |
.footer .inner { |
| 478 |
padding: 10px 48px; |
| 479 |
} |
| 480 |
.contents { |
| 481 |
width: 100%; |
| 482 |
} |
| 483 |
.header .inner { |
| 484 |
width: 100%; |
| 485 |
} |
| 486 |
.footer .inner { |
| 487 |
width: 100%; |
| 488 |
border-top:1px solid #dddddd; |
| 489 |
} |
| 490 |
.two-column .contents { |
| 491 |
font-size: 14px; |
| 492 |
text-align: left; |
| 493 |
} |
| 494 |
.two-column img { |
| 495 |
width: 100%; |
| 496 |
height: auto; |
| 497 |
} |
| 498 |
.two-column .text { |
| 499 |
padding-top: 10px; |
| 500 |
} |
| 501 |
.two-column p { |
| 502 |
font-size: 14px; |
| 503 |
Margin-bottom: 10px; |
| 504 |
font-family: Helvetica, Roboto, Arial, sans-serif; |
| 505 |
font-size: 14px; |
| 506 |
line-height: 150%; |
| 507 |
color: #737373; |
| 508 |
} |
| 509 |
/*Media Queries*/ |
| 510 |
@media screen and (max-width: 400px) { |
| 511 |
.two-column .column { |
| 512 |
max-width: 100% !important; |
| 513 |
} |
| 514 |
} |
| 515 |
@media screen and (min-width: 401px) and (max-width: 620px) { |
| 516 |
.two-column .column { |
| 517 |
max-width: 50% !important; |
| 518 |
} |
| 519 |
} |
| 520 |
</style> |
| 521 |
<!--[if (gte mso 9)|(IE)]> |
| 522 |
<style type="text/css"> |
| 523 |
table {border-collapse: collapse;} |
| 524 |
</style> |
| 525 |
<![endif]--> |
| 526 |
</head> |
| 527 |
<body> <!-- <?php echo is_rtl() ? 'rightmargin="0"' : 'leftmargin="0"'; ?> --> |
| 528 |
<center class="wrapper" > <!-- <?php echo is_rtl() ? 'dir="rtl"' : 'dir="ltr"'?> --> |
| 529 |
<div class="webkit"> |
| 530 |
<!--[if (gte mso 9)|(IE)]> |
| 531 |
<table width="600" align="center"> |
| 532 |
<tr> |
| 533 |
<td> |
| 534 |
<![endif]--> |
| 535 |
<table class="outer" align="center"> |
| 536 |
<!-- <?php if ( ! empty( $fields_values['header_img600_src'] ) ) { ?> --> |
| 537 |
<!-- Header IMG: 1 column template row --> |
| 538 |
<tr> <!-- This image must be 600px width (NOT wider). If less, then we need to set in CSS width in px of this image --> |
| 539 |
<td class="full-width-image"> |
| 540 |
<?php // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage ?> |
| 541 |
<img src="images/header.jpg" alt="" /> <!-- src="<?php $fields_values['header_img600_src']; ?>" --> |
| 542 |
</td> |
| 543 |
</tr> |
| 544 |
<!-- <?php } ?> --> |
| 545 |
<!-- Header: 1 column template row --> |
| 546 |
<tr> |
| 547 |
<td class="one-column"> |
| 548 |
<table width="100%" class="header"> |
| 549 |
<tr> |
| 550 |
<td class="inner"> |
| 551 |
<p class="h1">HTML Email Header</p> <!-- <?php echo ( wp_kses_post( wptexturize( $fields_values['header_content'] ) ) ); ?> --> |
| 552 |
</td> |
| 553 |
</tr> |
| 554 |
</table> |
| 555 |
</td> |
| 556 |
</tr> |
| 557 |
|
| 558 |
<!-- Content: 1 column template row --> |
| 559 |
<tr> |
| 560 |
<td class="one-column"> |
| 561 |
<table width="100%"> |
| 562 |
<tr> |
| 563 |
<td class="inner contents"> <!-- <?php echo ( wp_kses_post( wptexturize( $fields_values['content'] ) ) ); ?> --> |
| 564 |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet diam a facilisis eleifend. Cras ac justo felis. Mauris faucibus, orci eu blandit fermentum, lorem nibh sollicitudin mi, sit amet interdum metus urna ut lacus.</p> |
| 565 |
<p class="h2">Lorem ipsum dolor</p> |
| 566 |
<p>Fusce eu euismod leo, a accumsan tellus. Quisque vitae dolor eu justo cursus egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed sit amet sapien odio. Sed pellentesque arcu mi, quis malesuada lectus lacinia et. Cras a tempor leo.</p> |
| 567 |
</td> |
| 568 |
</tr> |
| 569 |
</table> |
| 570 |
</td> |
| 571 |
</tr> |
| 572 |
<!-- <?php if ( ( ! empty( $fields_values['content_column_1'] ) ) && ( ! empty( $fields_values['content_column_2'] ) ) ) { ?> --> |
| 573 |
<!-- Content: 2 columns template row --> |
| 574 |
<tr> |
| 575 |
<td class="two-column"> |
| 576 |
<!--[if (gte mso 9)|(IE)]> |
| 577 |
<table width="100%"> |
| 578 |
<tr> |
| 579 |
<td width="50%" valign="top"> |
| 580 |
<![endif]--> |
| 581 |
<div class="column"> |
| 582 |
<!-- Column 1 --> |
| 583 |
<table width="100%"> |
| 584 |
<tr> |
| 585 |
<td class="inner"> |
| 586 |
<table class="contents"> |
| 587 |
<!-- <?php if ( ! empty( $fields_values['header_column_1_img260_src'] ) ) { ?> --> |
| 588 |
<tr> |
| 589 |
<td> |
| 590 |
<!-- width of image must be 260px --> |
| 591 |
<?php // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage ?> |
| 592 |
<img src="images/two-column-01.jpg" alt="" /> <!-- src="<?php $fields_values['header_column_1_img260_src']; ?>" --> |
| 593 |
</td> |
| 594 |
</tr> |
| 595 |
<!-- <?php } ?> --> |
| 596 |
<tr> |
| 597 |
<td class="text"> <!-- <?php echo ( wp_kses_post( wptexturize( $fields_values['content_column_1'] ) ) ); ?> --> |
| 598 |
<p>Column 1 Content .... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet diam a facilisis eleifend. Cras ac justo felis. Mauris faucibus, orci eu blandit fermentum, lorem nibh sollicitudin mi, sit amet interdum metus urna ut lacus. </p> |
| 599 |
</td> |
| 600 |
</tr> |
| 601 |
</table> |
| 602 |
</td> |
| 603 |
</tr> |
| 604 |
</table> |
| 605 |
</div> |
| 606 |
<!--[if (gte mso 9)|(IE)]> |
| 607 |
</td><td width="50%" valign="top"> |
| 608 |
<![endif]--> |
| 609 |
<div class="column"> |
| 610 |
<!-- Column 2 --> |
| 611 |
<table width="100%"> |
| 612 |
<tr> |
| 613 |
<td class="inner"> |
| 614 |
<table class="contents"> |
| 615 |
<!-- <?php if ( ! empty( $fields_values['header_column_2_img260_src'] ) ) { ?> --> |
| 616 |
<tr> |
| 617 |
<td> |
| 618 |
<!-- width of image must be 260px --> |
| 619 |
<?php // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage ?> |
| 620 |
<img src="images/two-column-02.jpg" alt="" /> <!-- src="<?php $fields_values['header_column_2_img260_src']; ?>" --> |
| 621 |
</td> |
| 622 |
</tr> |
| 623 |
<!-- <?php } ?> --> |
| 624 |
<tr> |
| 625 |
<td class="text"> <!-- <?php echo ( wp_kses_post( wptexturize( $fields_values['content_column_2'] ) ) ); ?> --> |
| 626 |
<p>Column 2 Content .... Fusce eu euismod leo, a accumsan tellus. Quisque vitae dolor eu justo cursus egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed sit amet sapien odio. Sed pellentesque arcu mi, quis malesuada lectus lacinia et. Cras a tempor leo. </p> |
| 627 |
</td> |
| 628 |
</tr> |
| 629 |
</table> |
| 630 |
</td> |
| 631 |
</tr> |
| 632 |
</table> |
| 633 |
</div> |
| 634 |
<!--[if (gte mso 9)|(IE)]> |
| 635 |
</td> |
| 636 |
</tr> |
| 637 |
</table> |
| 638 |
<![endif]--> |
| 639 |
</td> |
| 640 |
</tr> |
| 641 |
<!-- <?php } ?> --> |
| 642 |
<!-- Footer: 1 column template row --> |
| 643 |
<tr> |
| 644 |
<td class="one-column"> |
| 645 |
<table width="100%" class="footer"> |
| 646 |
<tr> |
| 647 |
<td class="inner"> <!-- <?php echo ( wp_kses_post( wptexturize( $fields_values['footer_content'] ) ) ); ?> --> |
| 648 |
<p> |
| 649 |
<a>Forward to a Friend</a> <a>Unsubscribe</a> <a>Preferences</a><br /> |
| 650 |
You are receiving this email because you are either purchased product at WPBC or you entered your email at WPBC |
| 651 |
</p> |
| 652 |
</td> |
| 653 |
</tr> |
| 654 |
</table> |
| 655 |
</td> |
| 656 |
</tr> |
| 657 |
|
| 658 |
</table> |
| 659 |
<!--[if (gte mso 9)|(IE)]> |
| 660 |
</td> |
| 661 |
</tr> |
| 662 |
</table> |
| 663 |
<![endif]--> |
| 664 |
</div> |
| 665 |
</center> |
| 666 |
</body> |
| 667 |
<?php |
| 668 |
// </editor-fold> |
