Title: HTML emails
Last modified: February 20, 2019

---

# HTML emails

 *  Resolved [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/)
 * i added the code which lets you send the HTML emails but when i enter my HTML
   in the body section it strips <html> tag and i am left with a HTML code in my
   email. I am using different emails for mobile devices and desktop so i have added
   some [@media](https://wordpress.org/support/users/media/) queries inside the 
   <html> tag but since it strips the tags i am left with a whole lot of code. Please
   tell me a way so that i can use a pure HTML email.

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Thread Starter [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11228319)
 * it is removing the <style> tag from my HTML code that is why i am left with all
   code which was written inside <style> tag. CAn you suggest a way to add options
   to include style tag and not remove it.
 *  Plugin Author [Chad Butler](https://wordpress.org/support/users/cbutlerjr/)
 * (@cbutlerjr)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11229058)
 * I had to do a bit of digging on this because my initial thought was that the 
   plugin doesn’t do anything with regards to stripping tags – but… that’s actually
   not the case. It does strip these out.
 * This goes back to a major security overhaul that was done a number of years ago,
   and the wp_kses() function was applied to certain input that might contain HTML
   tags. The problem lies in the fact that the tags allowed by the application of
   wp_kses() is the same for that of posts. So that doesn’t include the <html> tag
   or many others. Those would all be stripped out for security.
 * Obviously, these tags should be allowed in the email fields if an HTML formatted
   email is to be sent. So there will need to be some adjustments made to the admin
   interface to allow it. Further, there should be some type of filter applied so
   that a custom set of tags could be allowed or disallowed based on individual 
   needs.
 * That’s going to take some time to adjust in the right way. In the meantime, probably
   the simplest solution is to just filter the message when the email is generated.
   Use the wpmem_email_filter filter hook to do this (see: [https://rocketgeek.com/plugins/wp-members/docs/filter-hooks/wpmem_email_filter/](https://rocketgeek.com/plugins/wp-members/docs/filter-hooks/wpmem_email_filter/)).
   All your filter needs to do is apply the ‘body’ value that you want (so your 
   HTML email content) for the specific message being sent (which will be noted 
   in the filter’s array by the ‘tag’ value: newreg|newmod|appmod|repass|getuser).
 * So basically, you’d be using the filter to apply the content you want for the
   message body rather than relying on what’s save in the setting. Hope that makes
   sense. That solves your problem until the form handling is updated to allow additional
   tags, and it will remain compatible even after that so you don’t have to worry
   about updating it.
 *  Thread Starter [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11231070)
 * I added the code in my child-theme function file but it still sends the mail 
   which has been saved in the settings. The filter is not called.
 *  Plugin Author [Chad Butler](https://wordpress.org/support/users/cbutlerjr/)
 * (@cbutlerjr)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11235909)
 * `wpmem_email_filter` is called on every email generated by WP-Members (except
   the admin notification, which has its own filter).
 * Here’s a starting point for adding HTML tags to your existing message body:
 *     ```
       aadd_filter( 'wpmem_email_filter', 'my_email_filter', 10, 3 );
       function my_email_filter( $arr, $wpmem_fields, $field_data ) {
   
       	// Any tags going before the message body.
       	$style = '
       		<style>
       			.myclass {
       				width: 50%;
       			}
       		</style>
       	';
   
       	// Add opening HTML tag and any other additional 
       	// content such as style tags before the message body.
       	$new_body = '<html>' . $style . $arr['body'];
   
       	// Replace the message body with the new value.
       	$arr['body'] = $new_body;
   
       	// Add the closing HTML tag after the footer since
       	// the footer gets added to the message later.
       	$arr['footer'] = $arr['footer'] . '</html>';
   
       	// Return the array of settings.
       	return $arr;
       }
       ```
   
 * One thing to note that I didn’t consider originally is that the ultimate message
   body is made up of the message body (‘body’ in the email array) and the footer
   value (‘footer’). So if you simply wrap the ‘body’ value with `<html>`, then 
   the closing html tag will be before the footer (since these are put together 
   later). There would be multiple ways to approach this; I’ve addressed it just
   one possible way in the example above.
 *  Thread Starter [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11267476)
 * Hi i tried adding this code but still no luck.
    This is the HTML of the email
   i want to send when a new user registers. Please it would be very helpful if 
   you can help.
 * <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt);
   
   <html xmlns=”[http://www.w3.org/1999/xhtml”&gt](http://www.w3.org/1999/xhtml”&gt);
   <head> <meta content=”text/html; charset=utf-8″ http-equiv=”Content-Type” /> 
   <meta name=”viewport” content=”width=device-width, initial-scale=1″ /> <title
   ></title>
 * <style type=”text/css”>@media only screen and (max-width:480px){body,table,td,
   p,a,li,blockquote{-webkit-text-size-adjust:none !important}body{width:100% !important;
   min-width:100% !important}#bodyCell{padding:10px !important}table.kmMobileHide{
   display:none !important}table.kmDesktopOnly,td.kmDesktopOnly,th.kmDesktopOnly,
   tr.kmDesktopOnly,td.kmDesktopWrapHeaderMobileNone{display:none !important}table.
   kmMobileOnly{display:table !important}tr.kmMobileOnly{display:table-row !important}
   td.kmMobileOnly,td.kmDesktopWrapHeader,th.kmMobileOnly{display:table-cell !important}
   tr.kmMobileNoAlign,table.kmMobileNoAlign{float:none !important;text-align:initial!
   important;vertical-align:middle !important;table-layout:fixed !important}tr.kmMobileCenterAlign{
   float:none !important;text-align:center !important;vertical-align:middle !important;
   table-layout:fixed !important}td.kmButtonCollection{padding-left:9px !important;
   padding-right:9px !important;padding-top:9px !important;padding-bottom:9px !important}
   td.kmMobileHeaderStackDesktopNone,img.kmMobileHeaderStackDesktopNone,td.kmMobileHeaderStack{
   display:block !important;margin-left:auto !important;margin-right:auto !important;
   padding-bottom:9px !important;padding-right:0 !important;padding-left:0 !important}
   td.kmMobileWrapHeader,td.kmMobileWrapHeaderDesktopNone{display:inline-block !
   important}td.kmMobileHeaderSpacing{padding-right:10px !important}td.kmMobileHeaderNoSpacing{
   padding-right:0 !important}table.kmDesktopAutoWidth{width:inherit !important}
   table.kmMobileAutoWidth{width:100% !important}table.kmTextContentContainer{width:
   100% !important}table.kmBoxedTextContentContainer{width:100% !important}td.kmImageContent{
   padding-left:0 !important;padding-right:0 !important}img.kmImage{width:100% !
   important}td.kmMobileStretch{padding-left:0 !important;padding-right:0 !important}
   table.kmSplitContentLeftContentContainer,table.kmSplitContentRightContentContainer,
   table.kmColumnContainer,td.kmVerticalButtonBarContentOuter table.kmButtonBarContent,
   td.kmVerticalButtonCollectionContentOuter table.kmButtonCollectionContent,table.
   kmVerticalButton,table.kmVerticalButtonContent{width:100% !important}td.kmButtonCollectionInner{
   padding-left:9px !important;padding-right:9px !important;padding-top:9px !important;
   padding-bottom:9px !important}td.kmVerticalButtonIconContent,td.kmVerticalButtonTextContent,
   td.kmVerticalButtonContentOuter{padding-left:0 !important;padding-right:0 !important;
   padding-bottom:9px !important}table.kmSplitContentLeftContentContainer td.kmTextContent,
   table.kmSplitContentRightContentContainer td.kmTextContent,table.kmColumnContainer
   td.kmTextContent,table.kmSplitContentLeftContentContainer td.kmImageContent,table.
   kmSplitContentRightContentContainer td.kmImageContent{padding-top:9px !important}
   td.rowContainer.kmFloatLeft,td.rowContainer.kmFloatLeft,td.rowContainer.kmFloatLeft.
   firstColumn,td.rowContainer.kmFloatLeft.firstColumn,td.rowContainer.kmFloatLeft.
   lastColumn,td.rowContainer.kmFloatLeft.lastColumn{float:left;clear:both;width:
   100% !important}table.templateContainer,table.templateContainer.brandingContainer,
   div.templateContainer,div.templateContainer.brandingContainer,table.templateRow{
   max-width:600px !important;width:100% !important}h1{font-size:40px !important;
   line-height:1.1 !important}h2{font-size:32px !important;line-height:1.1 !important}
   h3{font-size:24px !important;line-height:1.1 !important}h4{font-size:18px !important;
   line-height:1.1 !important}td.kmTextContent{font-size:14px !important;line-height:
   1.3 !important}td.kmTextBlockInner td.kmTextContent{padding-right:18px !important;
   padding-left:18px !important}table.kmTableBlock.kmTableMobile td.kmTableBlockInner{
   padding-left:9px !important;padding-right:9px !important}table.kmTableBlock.kmTableMobile
   td.kmTableBlockInner .kmTextContent{font-size:14px !important;line-height:1.3!
   important;padding-left:4px !important;padding-right:4px !important}}</style>
   
   <!–[if mso]> <style>
 *  .templateContainer {
    border: 0px none #aaaaaa; background-color: #ffffff;
 *  border-radius: 0px;
 *  }
    #brandingContainer { background-color: transparent !important; border: 0;}
 *  .templateContainerInner {
    padding: 0px; }
 *  </style>
    <![endif]–> </head> <body style=”margin:0;padding:0;background-color:#
   F7F7F7″> <center> <table align=”center” border=”0″ cellpadding=”0″ cellspacing
   =”0″ id=”bodyTable” width=”100%” data-upload-file-url=”/ajax/email-editor/file/
   upload” data-upload-files-url=”/ajax/email-editor/files/upload” style=”border-
   collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:auto;padding:
   0;background-color:#F7F7F7;height:100%;margin:0;width:100%”> <tbody> <tr> <td
   align=”center” id=”bodyCell” valign=”top” style=”border-collapse:collapse;mso-
   table-lspace:0;mso-table-rspace:0;table-layout:auto;padding-top:50px;padding-
   left:20px;padding-bottom:20px;padding-right:20px;border-top:0;height:100%;margin:
   0;width:100%”> <!–[if !mso]><!–> <div class=”templateContainer” style=”border:
   0 none #aaa;background-color:#fff;border-radius:0;display: table; width:”> <div
   class=”templateContainerInner” style=”padding:0″> <!–<![endif]–> <!–[if mso]>
   <table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateContainer” width
   =”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;”> 
   <tbody> <tr> <td class=”templateContainerInner” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;”> <![endif]–> <table border=”0″ cellpadding
   =”0″ cellspacing=”0″ width=”100%” style=”border-collapse:collapse;mso-table-lspace:
   0;mso-table-rspace:0;table-layout:fixed”> <tr> <td align=”center” valign=”top”
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateRow”
   width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:
   0;table-layout:fixed”> <tbody> <tr> <td class=”rowContainer kmFloatLeft” valign
   =”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;
   table-layout:fixed”> <table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”
   kmButtonCollectionBlock” width=”100%” style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody class=”kmButtonCollectionOuter”
   > <tr> <td class=”kmButtonCollectionInner” align=”center” valign=”top” style=”
   border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;
   min-width:60px;padding:9px 18px;padding-top:9px;padding-bottom:0px;background-
   color:#FFFFFF;padding-left:14px;padding-right:14px;”> <table border=”0″ cellpadding
   =”0″ cellspacing=”0″ class=”kmButtonCollectionContentContainer” width=”100%” 
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <tbody> <tr> <td align=”left” style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed”> <table width=”100%” cellpadding
   =”0″ cellspacing=”0″ class=”kmButtonCollectionContent” style=’border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;font-family:”
   Helvetica Neue”, Arial’> <tbody> <tr> <td valign=”top” style=”border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <table border
   =”0″ cellpadding=”0″ cellspacing=”0″ align=”center” class=”kmMobileNoAlign kmDesktopAutoWidth”
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed;width:100%;”> <tr class=”kmDesktopOnly”> <td colspan=”1″ style=”border-
   collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-
   bottom:10px;”> <table align=”center” border=”0″ cellpadding=”0″ cellspacing=”
   0″ width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-
   rspace:0;table-layout:fixed”> <tr> <td align=”center” style=”border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”>    </td> 
   </tr> </table> </td> </tr> <!–[if !mso]><!–> <tr class=”kmMobileOnly” style=”
   display:none”> <td valign=”middle” colspan=”1″ style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <table align=”center”
   border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;mso-
   table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <tr> <td align=”center”
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”>    </td> </tr> </table> </td> </tr> <!–<![endif]–> <tr style=”font-size:
   0;” class=”kmMobileCenterAlign”> <td valign=”middle” align=”center” style=”border-
   collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed; vertical-
   align: middle;” class=” kmMobileWrapHeader kmMobileHeaderSpacing”> <table border
   =”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <tr> <td style=”border-
   collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> 
   <table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;border-collapse:separate;
   border-radius:0px; ” class=””> <tr> <!–[if !mso]><!–> <td align=”center” valign
   =”middle” class=”kmButtonContent” style=’border-collapse:collapse;mso-table-lspace:
   0;mso-table-rspace:0;table-layout:fixed;color:white;font-family:”Helvetica Neue”,
   Arial;font-size:16px;color:#222222;font-weight:normal;letter-spacing:0px;font-
   size:14px;font-family:”Helvetica Neue”, Arial;’> SCHEDULE TRIALS </td> <!–<![
   endif]–> <!–[if mso]> <td align=”center” valign=”middle” class=”kmButtonContent”
   style=”padding:15px; padding-top:11px;padding-bottom:11px;padding-left:15px;padding-
   right:15px;color:#222222;letter-spacing:0px;font-weight:normal;font-size:14px;
   font-family:”Helvetica Neue”, Arial;”> SCHEDULE TRIALS </td> <![endif]–> </tr
   > </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </tbody> </table
   > </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody
   > </table> </td> </tr> <tr> <td align=”center” valign=”top” style=”border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <table border
   =”0″ cellpadding=”0″ cellspacing=”0″ class=”templateRow” width=”100%” style=”
   border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”
   > <tbody> <tr> <td class=”rowContainer kmFloatLeft” valign=”top” style=”border-
   collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> 
   <table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextBlock” width=”
   100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-
   layout:fixed”> <tbody class=”kmTextBlockOuter”> <tr> <td class=”kmTextBlockInner”
   valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:
   0;table-layout:fixed;”> <table align=”left” border=”0″ cellpadding=”0″ cellspacing
   =”0″ class=”kmTextContentContainer” width=”100%” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody> <tr> <td class
   =”kmTextContent” valign=”top” style=’border-collapse:collapse;mso-table-lspace:
   0;mso-table-rspace:0;table-layout:fixed;color:#222;font-family:”Helvetica Neue”,
   Arial;font-size:12px;line-height:1.3;letter-spacing:0;text-align:left;max-width:
   100%;word-wrap:break-word;padding-top:18px;padding-bottom:12px;padding-left:15px;
   padding-right:15px;’> <p style=”margin:0;padding-bottom:1em”>Hello {user_login},
   <br /> Greetings from Team! <br /> Thank you for registering with us. Welcome
   to the family!</p> <p style=”margin:0;padding-bottom:1em”>Your registration information
   is given below</p> <p style=”margin:0;padding-bottom:1em”>**Username:** [user_login]
   </p> <p style=”margin:0;padding-bottom:1em”>**Password:** [reset_pass_link][login_url]
   </p> <p style=”margin:0;padding-bottom:0″>As a thank you, we’d like to give you
   10 complimentary tokens that can be used for scheduling a free trial session 
   for any one of our offerings. Just click this link to schedule a free session
   now!<br />  </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> 
   </td> </tr> </tbody> </table> </td> </tr> <tr> <td align=”center” valign=”top”
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”templateRow”
   width=”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:
   0;table-layout:fixed”> <tbody> <tr> <td class=”rowContainer kmFloatLeft” valign
   =”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;
   table-layout:fixed”> <table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”
   kmTextBlock kmDesktopOnly” width=”100%” style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody class=”kmTextBlockOuter”
   > <tr> <td class=”kmTextBlockInner” valign=”top” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”> <table align=”left”
   border=”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextContentContainer” width
   =”100%” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;
   table-layout:fixed”> <tbody> <tr> <td class=”kmTextContent” valign=”top” style
   =’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed;color:#222;font-family:”Helvetica Neue”, Arial;font-size:12px;line-height:
   1.3;letter-spacing:0;text-align:left;max-width:100%;word-wrap:break-word;padding-
   top:9px;padding-bottom:9px;padding-left:0px;padding-right:0px;’> <div class=”
   layout-wrapper” style=”text-align: center;”> <div class=”row” style=”margin-top:
   10px;margin-bottom: 10px;”> <div class=”column” style=”display:inline-block;margin:
   5px;padding:10px 10px;width: 22%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/79700368-74bd-40cf-8583-4bd5e09c47b2.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/79700368-74bd-40cf-8583-4bd5e09c47b2.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>ROUTING AND SWITCHING</
   h4> <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$0.94/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   10px 10px;width: 21%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;;letter-spacing: 0.2;’>CCIE SECURITY V4</h4> 
   <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   10px 10px;width: 21%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;;letter-spacing: 0.2;’>CCIE COLLABORATION</h4
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$9.38/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   10px 10px;width: 21%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/a957fbaf-b85f-4086-b864-6c7c0191d2b2.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/a957fbaf-b85f-4086-b864-6c7c0191d2b2.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE SERVICE PROVIDER</
   h4> <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> </div> <div class=”row” style=”margin-top: 10px;margin-bottom: 
   10px;”> <div class=”column” style=”display:inline-block;margin:5px;padding:10px
   10px;width: 22%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/30a6ed78-c586-48d5-a6ec-0e96b9b2b2c3.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/30a6ed78-c586-48d5-a6ec-0e96b9b2b2c3.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>SMALL – PRE LICENSED</h4
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$50/month</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   10px 10px;width: 21%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2b047f00-4b4d-4a5d-a4aa-7d03e3fa9aee.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2b047f00-4b4d-4a5d-a4aa-7d03e3fa9aee.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>MED – PRE LICENSED</h4>
   <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$95/month</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   10px 10px;width: 21%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;;letter-spacing: 0.2;’>GNS3-TINY</h4> <h4 style
   =’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;
   font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:
   0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-
   size: 15px;letter-spacing: 0.2;’>$20/month</h4> <div class=”button” style=”text-
   align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#
   15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;
   padding-top:10px; padding-bottom:10px;background-color: #017f01;color: white;
   text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-
   image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   10px 10px;width: 21%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2a5a6136-99f4-4d6e-a7af-de6f1c7411bc.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2a5a6136-99f4-4d6e-a7af-de6f1c7411bc.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>GNS3-SMALL</h4> <h4 style
   =’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;
   font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:
   0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-
   size: 15px;letter-spacing: 0.2;’>$35/month</h4> <div class=”button” style=”text-
   align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#
   15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;
   padding-top:10px; padding-bottom:10px;background-color: #017f01;color: white;
   text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-
   image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> </div> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody
   > </table> <!–[if !mso]><!–> <table border=”0″ cellpadding=”0″ cellspacing=”0″
   class=”kmTextBlock kmMobileOnly” width=”100%” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;display:none”> <tbody
   class=”kmTextBlockOuter”> <tr> <td class=”kmTextBlockInner” valign=”top” style
   =”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed;”> <table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class
   =”kmTextContentContainer” width=”100%” style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody> <tr> <td class=”kmTextContent”
   valign=”top” style=’border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:
   0;table-layout:fixed;color:#222;font-family:”Helvetica Neue”, Arial;font-size:
   12px;line-height:1.3;letter-spacing:0;text-align:left;max-width:100%;word-wrap:
   break-word;padding-top:9px;padding-bottom:9px;font-size:9px;padding-left:0px;
   padding-right:0px;’> <div class=”layout-wrapper” style=”text-align: center;”>
   <div class=”row” style=”margin-top: 10px;margin-bottom: 10px;”> <div class=”column”
   style=”display:inline-block;margin:5px;padding:50px;width: 50%;background-image:
   url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/79700368-74bd-40cf-8583-4bd5e09c47b2.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/79700368-74bd-40cf-8583-4bd5e09c47b2.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>ROUTING AND SWITCHING</
   h4> <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$0.94/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ed20dfdf-7760-4bdf-9023-2fdef431a099.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ed20dfdf-7760-4bdf-9023-2fdef431a099.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE SECURITY V4</h4> <
   h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:
   18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:
   0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-
   size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4> <div class=”button” style=”text-
   align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#
   15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;
   padding-top:10px; padding-bottom:10px;background-color: #017f01;color: white;
   text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-
   image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/54d36d5d-a0e5-416b-b18b-e71a8742aaf3.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE COLLABORATION</h4>
   <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$9.38/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/a957fbaf-b85f-4086-b864-6c7c0191d2b2.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/a957fbaf-b85f-4086-b864-6c7c0191d2b2.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>CCIE SERVICE PROVIDER</
   h4> <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$3.75/hr</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/30a6ed78-c586-48d5-a6ec-0e96b9b2b2c3.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/30a6ed78-c586-48d5-a6ec-0e96b9b2b2c3.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>SMALL – PRE LICENSED</h4
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$50/month</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2b047f00-4b4d-4a5d-a4aa-7d03e3fa9aee.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/2b047f00-4b4d-4a5d-a4aa-7d03e3fa9aee.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>MED – PRE LICENSED</h4>
   <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;
   font-size: 15px;letter-spacing: 0.2;’>$95/month</h4> <div class=”button” style
   =”text-align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;
   color:#15c;font-weight:normal;text-decoration:underline;display:inline-block;
   width:70%;padding-top:10px; padding-bottom:10px;background-color: #017f01;color:
   white;text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style
   =”background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/f7e1273b-03e6-4867-afa9-465f7b64b56e.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/f7e1273b-03e6-4867-afa9-465f7b64b56e.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>GNS3-TINY</h4> <h4 style
   =’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;
   font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:
   0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-
   size: 15px;letter-spacing: 0.2;’>$20/month</h4> <div class=”button” style=”text-
   align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#
   15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;
   padding-top:10px; padding-bottom:10px;background-color: #017f01;color: white;
   text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-
   image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> <div class=”column” style=”display:inline-block;margin:5px;padding:
   50px;width: 50%;background-image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/8955292b-d248-47da-8de3-3a69f1b656ae.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/8955292b-d248-47da-8de3-3a69f1b656ae.png&#8217););
   background-size: cover;background-position: center;background-repeat: no-repeat;”
   > <h4 style=’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-
   size:18px;font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:
   0;margin:0;margin-bottom:9px;text-align:left;text-align:center;margin-top:0;color:
   white!important;font-size: 15px;letter-spacing: 0.2;’>GNS3-SMALL</h4> <h4 style
   =’color:#222;display:block;font-family:”Helvetica Neue”, Arial;font-size:18px;
   font-style:normal;font-weight:italic;line-height:1.1;letter-spacing:0;margin:
   0;margin-bottom:9px;text-align:left;text-align:center;color:white!important;font-
   size: 15px;letter-spacing: 0.2;’>$35/month</h4> <div class=”button” style=”text-
   align: center;”><a href=”” style=”word-wrap:break-word;max-width:100%;color:#
   15c;font-weight:normal;text-decoration:underline;display:inline-block;width:70%;
   padding-top:10px; padding-bottom:10px;background-color: #017f01;color: white;
   text-decoration: none;border-radius: 4px;”> <span class=”icon-img” style=”background-
   image: url(‘[https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217](https://d3k81ch9hvuctc.cloudfront.net/company/Q48cbq/images/ff1bc903-7cdc-4ef3-b920-13aedfd6e8b9.png&#8217););
   display: inline-block;height: 15px;width: 15px;background-size: contain;background-
   repeat: no-repeat;margin-right: 5px;letter-spacing: 0.2;”> </span> SCHEDULE TRIAL
   </div> </div> </div> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody
   > </table> <!–<![endif]–> <table border=”0″ cellpadding=”0″ cellspacing=”0″ class
   =”kmTextBlock” width=”100%” style=”border-collapse:collapse;mso-table-lspace:
   0;mso-table-rspace:0;table-layout:fixed”> <tbody class=”kmTextBlockOuter”> <tr
   > <td class=”kmTextBlockInner” valign=”top” style=”border-collapse:collapse;mso-
   table-lspace:0;mso-table-rspace:0;table-layout:fixed;”> <table align=”left” border
   =”0″ cellpadding=”0″ cellspacing=”0″ class=”kmTextContentContainer” width=”100%”
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <tbody> <tr> <td class=”kmTextContent” valign=”top” style=’border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;color:#222;
   font-family:”Helvetica Neue”, Arial;font-size:12px;line-height:1.3;letter-spacing:
   0;text-align:left;max-width:100%;word-wrap:break-word;font-size:11px;color:#222222;
   padding-bottom:9px;text-align:center;padding-right:18px;padding-left:18px;padding-
   top:9px;background-color:#F7F7F7;’> <span style=”font-size:14px;”>Thank you again
   for your registration. If you have any questions, please write to us at<br />
   </span> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border
   =”0″ cellpadding=”0″ cellspacing=”0″ class=”kmButtonBarBlock” width=”100%” style
   =”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <tbody class=”kmButtonBarOuter”> <tr> <td class=”kmButtonBarInner” align
   =”center” valign=”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-
   table-rspace:0;table-layout:fixed;padding-top:9px;padding-bottom:9px;padding-
   left:9px;padding-right:9px;”> <table border=”0″ cellpadding=”0″ cellspacing=”
   0″ class=”kmButtonBarContentContainer” width=”100%” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody> <tr> <td align
   =”left” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;
   table-layout:fixed;padding-left:9px;padding-right:9px;”> <table border=”0″ cellpadding
   =”0″ cellspacing=”0″ class=”kmButtonBarContent” style=’border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;font-family:”Helvetica
   Neue”, Arial’> <tbody> <tr> <td align=”left” valign=”top” style=”border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <table border
   =”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody> <tr> <td valign=”top”
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=””
   style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:
   fixed”> <tbody> <tr> <td width=”350″ style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed;width:350px;”> </td> </tr> </tbody
   > </table> <!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–> <
   table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”
   border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”
   > <tbody> <tr> <td align=”center” valign=”top” style=”border-collapse:collapse;
   mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;padding-right:10px;”
   > ⌊Button Text⌉ </td> </tr> </tbody> </table> <!–[if gte mso 6]></td><td align
   =”left” valign=”top”><![endif]–> <table align=”left” border=”0″ cellpadding=”
   0″ cellspacing=”0″ class=”” style=”border-collapse:collapse;mso-table-lspace:
   0;mso-table-rspace:0;table-layout:fixed”> <tbody> <tr> <td align=”center” valign
   =”top” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;
   table-layout:fixed;padding-right:10px;”> ⌊Custom⌉ </td> </tr> </tbody> </table
   > <!–[if gte mso 6]></td><td align=”left” valign=”top”><![endif]–> <table align
   =”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”” style=”border-collapse:
   collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed”> <tbody> <
   tr> <td align=”center” valign=”top” style=”border-collapse:collapse;mso-table-
   lspace:0;mso-table-rspace:0;table-layout:fixed;padding-right:10px;”> ⌊Custom⌉
   </td> </tr> </tbody> </table> <!–[if gte mso 6]></td><td align=”left” valign=”
   top”><![endif]–> <table align=”left” border=”0″ cellpadding=”0″ cellspacing=”
   0″ class=”” style=”border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:
   0;table-layout:fixed”> <tbody> <tr> <td align=”center” valign=”top” style=”border-
   collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;”>⌊
   Custom⌉ </td> </tr> </tbody> </table> <!–[if gte mso 6]></td><td align=”left”
   valign=”top”><![endif]–> </td> </tr> </tbody> </table> </td> </tr> </tbody> </
   table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr
   > </tbody> </table> </td> </tr> </table> <!–[if !mso]><!–> </div> </div> <!–<![
   endif]–> <!–[if mso]> </td> </tr> </tbody> </table> <![endif]–> <!–[if !mso]>
   <!–> <!–<![endif]–> <!–[if mso]> </td> </tr> </tbody> </table> <![endif]–> </
   td> </tr> </tbody> </table> </center> </body> </html>
 *  Thread Starter [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11267540)
 * Hi i tried adding the code but it still not worked for me i dont know what i 
   am doing wrong here.
    I am attaching the link to the html content that i want
   to send when a new user registers on my website, hope it helps. It would be great
   if you could tell me where exactly i need to add the code and my HTML with it
   so wordpress sends my custom mail.
 * `https://drive.google.com/open?id=1cvKBKfG260HJhxbUQrTQ7Qj3A7pBhx9N`
 * My email-id is [redacted]
    -  This reply was modified 7 years, 4 months ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).
 *  Thread Starter [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11270588)
 * Hi, I added the style tags using the code but still, some of the inline styles
   are removed when the email is saved in the database which is again causing the
   problem.
 *  Thread Starter [obito7621](https://wordpress.org/support/users/obito7621/)
 * (@obito7621)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11294294)
 * All you need to do is just remove wp_kses function (class-wp-members-admin-api.
   php -> line 232 ) when the plugin is saving the data to the database and now 
   you are all set to use all HTML email in the body without worrying if any tag
   will be removed.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘HTML emails’ is closed to new replies.

 * ![](https://ps.w.org/wp-members/assets/icon-256x256.png?rev=1226414)
 * [WP-Members Membership Plugin](https://wordpress.org/plugins/wp-members/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-members/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-members/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-members/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-members/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-members/reviews/)

## Tags

 * [email](https://wordpress.org/support/topic-tag/email/)
 * [html](https://wordpress.org/support/topic-tag/html/)

 * 8 replies
 * 2 participants
 * Last reply from: [obito7621](https://wordpress.org/support/users/obito7621/)
 * Last activity: [7 years, 4 months ago](https://wordpress.org/support/topic/html-emails-11/#post-11294294)
 * Status: resolved