cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rituals Loves Moms</title>
    <style type="text/css">
      /* GENERAL STYLE RESETS */
      body, #bodyTable { height:100% !important; width:100% !important; margin:0; padding:0; }
      img, a img { border:0; outline:none; text-decoration:none; }
      .imageFix { display: block; }
      table, td { border-collapse:collapse; }
      
      /* CLIENT-SPECIFIC RESETS */
      .ReadMsgBody { width:100%; } 
      .ExternalClass{ width:100%; } 
      .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height:100%; } 
      table, td { mso-table-lspace:0pt; mso-table-rspace:0pt; } 
      img { -ms-interpolation-mode: bicubic; } 
      body, table, td, p, a, li, blockquote { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
      sup { position: relative; top: 4px; line-height:7px !important;font-size:11px !important; } 
      .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #a5a5a5 !important; /* set link color */ pointer-events: auto; cursor: default; } 
      .no-detect a { text-decoration: none; color: #a5a5a5; /* set text color */ pointer-events: auto; cursor: default; } 
      .no-detect-local a { color: #a5a5a5; } 
      span { color: inherit; border-bottom: none; } 
      span:hover { background-color: transparent; } 
      
      /* TEMPLATE-SPECIFIC RESETS */
      input { display:none; }
      th { font-weight: normal; }
      .imgresponsive { width:100% !important; height:auto !important; display:block !important; }
      .hide { max-height:0; /* Gmail*/ display:none; /* Generic*/ mso-hide:all; /* Outlook clients*/ overflow:hidden; /* Generic */ font-size:0; /* Be careful with this one, only use if absolutely required */ }
      
      /* MOBILE STYLES */
      @media only screen and (max-width: 660px) {
      .devicewidth { width:100% !important; }
      .inner { width:100% !important; text-align: center!important; clear: both; }
      .mobdisplay { display:block !important; max-height:none !important; }
      .autoheight { height:auto; }
      .mobwidth10 { width:10px !important; }
      .mobheight10 { height:10px; }
      .mobheight60 { height:60px; }
      .mobpadding5 { padding:5px; }
      .tabhide { display:none !important; }
      }
      
      @media only screen and (max-width: 480px) {
      .navlogobox { height: 45px !important; border-bottom: 1px solid #d1d1d1; }
      .navlogo { display:block !important; max-height:none !important; }
      .mobhide { display:none !important; }
      .ftrtxt { font-size: 12px !important; }
      .bgwhite { background-color: #ffffff; }
      .topnavitem { width: 100% !important; text-align: center; display: block; height: auto; font-family: Arial, Helvetica, sans-serif; line-height: normal; font-size: 12px !important; color: #0c0c0c; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; background-color: #f0ece8; }
      .topnavitem a { color: #0c0c0c !important; text-decoration: none; padding: 15px 0; width: 100% !important; display: block; }
      .topnavitem a:hover { background-color: #ffffff; }
      }
    </style>
  </head>
  
  <body>
    <div style="display:none;font-size:0px;color:#999999;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Happy Mother’s Day</div>
    <img width="1" height="1" src="https://gridinbound.blob.core.windows.net/gic/i.png?h=n7qV0dPTF0OJp6FocpwwaM_r1vHwA8AMz6eIgv4NW9TUn2HOqcewKVYNTqgHqlCZ"
    style="display:none; margin:0; padding:0; visibility:hidden; overflow:hidden; max-height:0;width:0px;height:0px;font-size:0;color:#FFFFFF;mso-hide:all;float: left;line-height:0;"
    alt="">
    <img width="1" height="1" src="http://e.rituals.com/optiext/optiextension.dll?ID=dHGdNQJyjJpHvad6OZbLNomM4qUZX1HHc5Ihsf%2BGz7rrT9etRNcf2P8veCRKTiMm_69UGDng47sY0VkVfmnueXLduC61eNFh5OQjoKdg"
    style="display:none; margin:0; padding:0; visibility:hidden; overflow:hidden; max-height:0;width:0px;height:0px;font-size:0;color:#FFFFFF;mso-hide:all;float: left;line-height:0;"
    alt="">
    <!-- VIEW ONLINE -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
      <tr>
        <td align="center">
          <div class="foo">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tr>
                <td width="4%" class="mobhide">&nbsp;</td>
                <td width="92%" height="55" align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #a5a5a5;">
                  <a href="http://e.rituals.com/optiext/optiextension.dll?ID=dHGdIqABTPghYp7GHNyePcYarz2aED9C5uPeNhTGSjmgH0XZle4MszRFUGecHpKg9QR7OQYTdM63HJr9LoMDUrbeDOLJN"
                  target="_blank" style="text-decoration: underline; color: #a5a5a5;">If you are unable to view this email correctly please click here for the online
                    version.</a>
                </td>
                <td width="4%" class="mobhide">&nbsp;</td>
              </tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
    <!-- /VIEW ONLINE -->
    <!-- TOPNAV BAR -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
      <tr>
        <td align="center">
          <!-- TOPNAV LINKS en_US -->
          <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
            <tr>
              <td height="25" align="center" valign="middle" bgcolor="#f8f5f2" style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; text-transform: uppercase; font-weight: bold; letter-spacing: .2em;"
              class="navlogobox">
                <!--[if !mso 9]>
                  <!-->
                  <div class="navlogo" style="display: none; max-height: 0px; overflow: hidden;">
                    <a href="https://www.rituals.com/en-us/home?utm_source=newsletter&utm_medium=email&utm_content=en_US-toplogo&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=40lTLIOMgieoMK5_AsMX29KBT5L6F7B2%2BpeWHpb3fkQWWrmptPSzHQTK50nnb5fCzm7heIeKEkSrorfEC6FCHS7ELZvd4w"
                    target="_blank" style="color: #000000; text-decoration: none;">
                      <img src="http://e.rituals.com/images/Yourzine/SNK/template/toplogo_rituals.png"
                      width="123" alt="Rituals..." />
                    </a>
                  </div>
                <!--<![endif]-->
              </td>
            </tr>
            <tr>
              <td bgcolor="#f8f5f2">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" align="right">
                  <tr>
                    <td width="30%" class="mobhide">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                          <td width="15">&nbsp;</td>
                          <td width="130" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; text-transform: uppercase; font-weight: bold; letter-spacing: .2em;">
                            <a href="https://www.rituals.com/en-us/home?utm_source=newsletter&utm_medium=email&utm_content=en_US-toplogo&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=40lTLIOMgieoMK5_AsMX29KBT5L6F7B2%2BpeWHpb3fkQWWrmptPSzHQTK50nnb5fCzm7heIeKEkSrorfEC6FCHS7ELZvd4w"
                            target="_blank" style="color: #000000; text-decoration: none;">
                              <img src="http://e.rituals.com/images/Yourzine/SNK/template/toplogo_rituals.png"
                              width="123" alt="Rituals..." />
                            </a>
                          </td>
                        </tr>
                      </table>
                    </td>
                    <td width="6%" class="mobhide">&nbsp;</td>
                    <td width="16%" height="25" align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0c0c0c; text-transform: uppercase;"
                    class="topnavitem">
                      <a href="https://www.rituals.com/en-us/body?utm_term=20180513_US_MothersDay&utm_campaign=20180513_US_MothersDay&m_i=G3eGeMzEIZi2J9mPnv4%2BAi3Kd1YeW4X7hhHe5vynpG61BX1idUv00uKBV9uCZEn7NnMCFsxpSzKf59JBzEZwpaNHS7gYGy&utm_medium=email&utm_content=en_US-products&utm_source=newsletter"
                      target="_blank" style="color: #0c0c0c; text-decoration: none;">PRODUCTS</a>
                    </td>
                    <td width="16%" height="25" align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0c0c0c; text-transform: uppercase;"
                    class="topnavitem">
                      <a href="https://www.rituals.com/en-us/gifts/giftsets?utm_source=newsletter&utm_medium=email&utm_content=en_US-gifts&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=21MZOCUq0gK%2B3cshp9H4o4UIL8_i%2BHnJazxio2pXTf5qXdhJyYAfX3AfbSEEjlEEA4iDmrx7IElA0so7Grp87BFT%2BcjR28"
                      target="_blank" style="color: #0c0c0c; text-decoration: none;">GIFTS</a>
                    </td>
                    <td width="16%" height="25" align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0c0c0c; text-transform: uppercase;"
                    class="mobhide">
                      <a href="https://www.rituals.com/en-us/magazine?utm_source=newsletter&utm_medium=email&utm_content=en_US-magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=XWcbX5Kjjg%2B5bFTSlCDm0NcubmaYdLGKdTr5Nctj26WtjC%2BUzOqUfHhNHNFVrPzOM8fxMip8LI4cAVL7oq1cXPdhkdP6X7"
                      target="_blank" style="color: #0c0c0c; text-decoration: none;">MAGAZINE</a>
                    </td>
                    <td width="16%" height="25" align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0c0c0c; text-transform: uppercase;"
                    class="mobhide">
                      <a href="https://www.rituals.com/en-us/body?utm_term=20180513_US_MothersDay&utm_campaign=20180513_US_MothersDay&m_i=3Gh2kPAVoapIM5vFMUGQjM3mxyCL8O4vyFeu9%2BqlcyjQ4m2fFWgpg8aUxKsUkMrHr9idcmwIStYFWlKEXXuNqLRpuhvc3V&utm_medium=email&utm_content=en_US-body&utm_source=newsletter"
                      target="_blank" style="color: #0c0c0c; text-decoration: none;">BODY</a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td height="25" bgcolor="#f8f5f2" class="mobhide">&nbsp;</td>
            </tr>
          </table>
          <!-- /TOPNAV LINKS en_US -->
          <!-- NOMATCH -->
          <!-- /NOMATCH -->
        </td>
      </tr>
    </table>
    <!-- /TOPNAV BAR -->
    <!-- WHITESPACE -->
    <!-- /WHITESPACE -->
    <!-- ARTICLES -->
    <div class="publishedContentBlock">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
        <tr>
          <td align="center">
            <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
              <tr>
                <td width="4%" class="mobwidth10">&nbsp;</td>
                <td width="92%" align="center">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                      <td height="30">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #706f6f; text-transform: uppercase; letter-spacing: .2em;">
                        <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNXRvwglVj3fdBt1fgrv9wG8McwPmZKVUvOWLs4yuRn8MikiXyvAxeuqMaeOIGudsLX8fjvU4_4Q12AFcdpEKJmOhXLB82"
                        target="_blank" style="color: #706f6f; text-decoration: none;">-from our family to yours-</a>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" style="font-family: 'Times New Roman', Times, serif; font-size: 24px; line-height: 29px; color: #575756; text-transform: uppercase; letter-spacing: .2em;">
                        <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNX_N6ChGA%2B89XD1pCATbQUlxaJhkd9QNaqTQ%2BRRNLwEnHk5muwuKkX3rSisTNmY4ahnzwqVKUnCky7AA7cG%2BJ%2BNGqwxIv"
                        target="_blank" style="color: #575756; text-decoration: none;">HAPPY MOTHER’S DAY</a>
                      </td>
                    </tr>
                    <tr>
                      <td style="height: 17px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #575756;mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                        <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNX_N6ChGA%2B89XD1pCATbQUlxaJhkd9QNaqTQ%2BRRNLwEnHk5muwuKkX3rSisTNmY4ahnzwqVKUnCky7AA7cG%2BJ%2BNGqwxIv"
                        target="_blank" style="color: #575756; text-decoration: none;"></a>
                      </td>
                    </tr>
                    <tr>
                      <td style="mso-hide: all; display: none; max-height: 0px; overflow: hidden; font-size: 0;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" style="mso-hide: all; display: none; max-height: 0px; overflow: hidden;"
                      class="hide">
                        <table border="0" cellspacing="0" cellpadding="0" style="mso-hide: all; display: none; max-height: 0px; overflow: hidden;"
                        class="hide">
                          <tr>
                            <td valign="top">
                              <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNXRvwglVj3fdBt1fgrv9wG8McwPmZKVUvOWLs4yuRn8MikiXyvAxeuqMaeOIGudsLX8fjvU4_4Q12AFcdpEKJmOhXLB82"
                              target="_blank">
                                <img src="http://e.rituals.com/images/Yourzine/SNK/template/btn_white_lft.png"
                                width="40" height="50" alt="" style="display: block;" />
                              </a>
                            </td>
                            <td align="center" valign="top">
                              <table border="0" cellspacing="0" cellpadding="0" style="mso-hide: all; display: none; max-height: 0px; overflow: hidden;"
                              class="hide">
                                <tr>
                                  <td height="1" align="center" style="line-height: 1px;" bgcolor="#575756">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                                    width="5" height="1" style="display: block;" />
                                  </td>
                                </tr>
                                <tr>
                                  <td height="48" valign="middle" align="center" bgcolor="#ffffff">
                                    <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNXRvwglVj3fdBt1fgrv9wG8McwPmZKVUvOWLs4yuRn8MikiXyvAxeuqMaeOIGudsLX8fjvU4_4Q12AFcdpEKJmOhXLB82"
                                    target="_blank" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #575756; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; display: inline-block;"></a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="1" align="center" style="line-height: 1px;" bgcolor="#575756">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                                    width="5" height="1" style="display: block;" />
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td valign="top">
                              <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNXRvwglVj3fdBt1fgrv9wG8McwPmZKVUvOWLs4yuRn8MikiXyvAxeuqMaeOIGudsLX8fjvU4_4Q12AFcdpEKJmOhXLB82"
                              target="_blank">
                                <img src="http://e.rituals.com/images/Yourzine/SNK/template/btn_white_rgt.png"
                                width="40" height="50" alt="" style="display: block;" />
                              </a>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td height="30" class="mobheight60">&nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="4%" class="mobwidth10">&nbsp;</td>
              </tr>
              <tr>
                <td style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="1" style="line-height: 1px; background-color: transparent;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="1" height="1" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
    <div class="publishedContentBlock">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
        <tr>
          <td align="center">
            <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
              <tr>
                <td align="center">
                  <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article1_gifts_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=RD%2B8baeyTDnQ6mO_SDhcmmjWPtGCAg8HiUjAKXLGGmh1dFXhCw2QFaLSCtfWtNthX5pl22bl%2B4g1vVtkGEQZ1HYg3vEvMT"
                  target="_blank" style="color: #000000; text-decoration: none;">
                    <img class="imgresponsive" src="http://e.rituals.com/images/01_NEWSLETTER/2018/US/5_May/Mother's%20Day.png"
                    width="640" height="auto" alt="HAPPY MOTHER’S DAY" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: uppercase; display: block;"
                    />
                  </a>
                </td>
              </tr>
              <tr>
                <td style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="1" style="line-height: 1px; background-color: transparent;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="1" height="1" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
    <div class="publishedContentBlock">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
        <tr>
          <td align="center">
            <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
              <tr>
                <td bgcolor="#f8f5f2">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                      <td width="4%" class="mobwidth10">&nbsp;</td>
                      <td width="92%" align="center">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                          <tr>
                            <td height="25">&nbsp;</td>
                          </tr>
                          <tr>
                            <td align="center" style="font-family: 'Times New Roman', Times, serif; font-size: 18px; line-height: 21px; font-weight: normal; color: #82786f; text-transform: uppercase; letter-spacing: .1em;">
                              <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article2_quote_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=G3e19D6Sc3qk6MDmth2XhUvqFVarO8OWfSeOZCZMD9kCAsvWLcB2f46G8MZiRW02JMKoC6p_UnJd6wKzUGkMVXCXyHYsRy"
                              target="_blank" style="color: #82786f; text-decoration: none;">"LIFE DOESN'T COME WITH A MANUAL, IT COMES WITH A MOTHER."</a>
                            </td>
                          </tr>
                          <tr>
                            <td style="height: 5px; line-height: 1px;">
                              <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                              width="5" height="5" style="display: block;" />
                            </td>
                          </tr>
                          <tr>
                            <td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #82786f; text-transform: uppercase; letter-spacing: .1em;mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                              <a href="https://www.rituals.com/en-us/gifts/ideas-for-her?utm_source=newsletter&utm_medium=email&utm_content=article2_quote_ideasforher&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=G3e19D6Sc3qk6MDmth2XhUvqFVarO8OWfSeOZCZMD9kCAsvWLcB2f46G8MZiRW02JMKoC6p_UnJd6wKzUGkMVXCXyHYsRy"
                              target="_blank" style="color: #82786f; text-decoration: none;">- -</a>
                            </td>
                          </tr>
                          <tr>
                            <td height="20">&nbsp;</td>
                          </tr>
                        </table>
                      </td>
                      <td width="4%" class="mobwidth10">&nbsp;</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="1" style="line-height: 1px; background-color: transparent;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="1" height="1" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
    <div class="publishedContentBlock">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
        <tr>
          <td align="center">
            <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
              <tr>
                <td align="center">
                  <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=article3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=cNX_ViRq8soKeuH3rmI1p_5_lxjB91AW3Bs_%2Btnm9SNrDHRhGfc4UgzUR3RBfWQsuE5k4sMY_bs%2BU33DiW4ME%2BubHDWgzA"
                  target="_blank" style="color: #000000; text-decoration: none;">
                    <img class="imgresponsive" src="http://e.rituals.com/images/01_NEWSLETTER/2018/US/5_May/04%20Images%202018%20Mothersday2-3.jpg"
                    width="640" height="auto" alt="BREAKFAST IN BED" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: uppercase; display: block;"
                    />
                  </a>
                </td>
              </tr>
              <tr>
                <td style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="1" style="line-height: 1px; background-color: transparent;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="1" height="1" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
    <div class="publishedContentBlock">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
        <tr>
          <td align="center">
            <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
              <tr>
                <td width="4%" class="mobwidth10">&nbsp;</td>
                <td width="92%" align="center">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                      <td height="30">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #706f6f; text-transform: uppercase; letter-spacing: .2em;">
                        <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=articel3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=12f17Shh_Y4qenoh8GrwAOKy%2BHjEm4xZO64tCrxq7Gm1%2BrOWWFrLEUzjAd_ehPfhcFciUPT08fqjfOCFYK4ri8P32XAw15"
                        target="_blank" style="color: #706f6f; text-decoration: none;">-Rituals Magazine-</a>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" style="font-family: 'Times New Roman', Times, serif; font-size: 24px; line-height: 29px; color: #575756; text-transform: uppercase; letter-spacing: .2em;">
                        <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=articel3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=y_jN6ujX7iztYok7aDPP%2ByraUr3YUBAmTf7lsPPdD6PlZNlJ94D0BhAQ4p%2B53uQSuX%2BOY6cXPEhGvuiYdS0iy4B8jxxj4A"
                        target="_blank" style="color: #575756; text-decoration: none;">BREAKFAST IN BED</a>
                      </td>
                    </tr>
                    <tr>
                      <td style="height: 17px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #575756;">
                        <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=articel3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=y_jN6ujX7iztYok7aDPP%2ByraUr3YUBAmTf7lsPPdD6PlZNlJ94D0BhAQ4p%2B53uQSuX%2BOY6cXPEhGvuiYdS0iy4B8jxxj4A"
                        target="_blank" style="color: #575756; text-decoration: none;">Surprise and delight mom with these delicious breakfast recipes. Or make them
                          together and enjoy some quality family time on this special Sunday.</a>
                      </td>
                    </tr>
                    <tr>
                      <td style="height: 50px;">&nbsp;</td>
                    </tr>
                    <tr>
                      <td align="center" style="" class="foo">
                        <table border="0" cellspacing="0" cellpadding="0" style="" class="foo">
                          <tr>
                            <td valign="top">
                              <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=articel3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=12f17Shh_Y4qenoh8GrwAOKy%2BHjEm4xZO64tCrxq7Gm1%2BrOWWFrLEUzjAd_ehPfhcFciUPT08fqjfOCFYK4ri8P32XAw15"
                              target="_blank">
                                <img src="http://e.rituals.com/images/Yourzine/SNK/template/btn_white_lft.png"
                                width="40" height="50" alt="" style="display: block;" />
                              </a>
                            </td>
                            <td align="center" valign="top">
                              <table border="0" cellspacing="0" cellpadding="0" style="" class="foo">
                                <tr>
                                  <td height="1" align="center" style="line-height: 1px;" bgcolor="#575756">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                                    width="5" height="1" style="display: block;" />
                                  </td>
                                </tr>
                                <tr>
                                  <td height="48" valign="middle" align="center" bgcolor="#ffffff">
                                    <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=articel3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=12f17Shh_Y4qenoh8GrwAOKy%2BHjEm4xZO64tCrxq7Gm1%2BrOWWFrLEUzjAd_ehPfhcFciUPT08fqjfOCFYK4ri8P32XAw15"
                                    target="_blank" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #575756; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; display: inline-block;">READ</a>
                                  </td>
                                </tr>
                                <tr>
                                  <td height="1" align="center" style="line-height: 1px;" bgcolor="#575756">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                                    width="5" height="1" style="display: block;" />
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td valign="top">
                              <a href="https://www.rituals.com/en-us/mag-food-matcha-breakfast.html?utm_source=newsletter&utm_medium=email&utm_content=articel3_blog_magazine&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=12f17Shh_Y4qenoh8GrwAOKy%2BHjEm4xZO64tCrxq7Gm1%2BrOWWFrLEUzjAd_ehPfhcFciUPT08fqjfOCFYK4ri8P32XAw15"
                              target="_blank">
                                <img src="http://e.rituals.com/images/Yourzine/SNK/template/btn_white_rgt.png"
                                width="40" height="50" alt="" style="display: block;" />
                              </a>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td height="30" class="mobheight60">&nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="4%" class="mobwidth10">&nbsp;</td>
              </tr>
              <tr>
                <td style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="mso-hide: all; display: none; max-height: 0; overflow: hidden; font-size: 0;">
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="1" style="line-height: 1px; background-color: transparent;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="1" height="1" style="display: block;" />
                      </td>
                    </tr>
                    <tr>
                      <td height="0" style="line-height: 1px;" class="hide">
                        <img src="http://e.rituals.com/images/Yourzine/SNK/template/glass.gif" alt=""
                        width="5" height="0" style="display: block;" />
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
    <!-- /ARTICLES -->
    <!-- SOCIAL BAR -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
      <tr>
        <td align="center">
          <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
            <tr>
              <td bgcolor="#f8f5f2">
                <!-- SOCIAL LINKS en_US -->
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td height="25" class="mobheight10">&nbsp;</td>
                  </tr>
                  <tr>
                    <td align="center">
                      <table border="0" cellpadding="0" cellspacing="0" align="left" class="inner">
                        <tr>
                          <td align="center">
                            <table cellspacing="0" cellpadding="0" border="0">
                              <tr>
                                <td width="25" class="tabhide">&nbsp;</td>
                                <td height="44" valign="middle">
                                  <a href="https://www.rituals.com/en-us/home?utm_source=newsletter&utm_medium=email&utm_content=en_US-ftrlogo&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=OguKFjlnLOyj4kaWT%2Bx3c3yi2lXt0M1926whE42sKqEvSmfxnx4eD0MfmUeufTC2SPh%2BzB5pyLN2_wM5Q8qEJHaLZNxWOm"
                                  target="_blank" style="color: #000000; text-decoration: none;">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/ftrlogo_rituals.png"
                                    width="46" alt="Rituals" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: uppercase;"
                                    />
                                  </a>
                                </td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                        <tr>
                          <td height="25" class="mobheight10">&nbsp;</td>
                        </tr>
                      </table>
                      <table cellspacing="0" cellpadding="0" border="0" align="right" class="inner">
                        <tr>
                          <td align="center">
                            <table cellspacing="0" cellpadding="0" border="0">
                              <tr>
                                <td height="44" align="center" valign="middle">
                                  <a href="https://twitter.com/rituals" target="_blank">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/icon_social_tw.png"
                                    width="34" alt="" class="mobpadding5" />
                                  </a>
                                </td>
                                <td width="7">&nbsp;</td>
                                <td height="44" align="center" valign="middle">
                                  <a href="https://www.facebook.com/RitualsUSA" target="_blank">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/icon_social_fb.png"
                                    width="34" alt="" class="mobpadding5" />
                                  </a>
                                </td>
                                <td width="7">&nbsp;</td>
                                <td height="44" align="center" valign="middle">
                                  <a href="https://www.pinterest.com/ritualsofficial/" target="_blank">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/icon_social_pi.png"
                                    width="34" alt="" class="mobpadding5" />
                                  </a>
                                </td>
                                <td width="7">&nbsp;</td>
                                <td height="44" align="center" valign="middle">
                                  <a href="https://www.instagram.com/ritualsusa/" target="_blank">
                                    <img src="http://e.rituals.com/images/Yourzine/SNK/template/icon_social_ig.png"
                                    width="34" alt="" class="mobpadding5" />
                                  </a>
                                </td>
                                <td width="25" class="tabhide">&nbsp;</td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                        <tr>
                          <td height="25" class="mobheight10">&nbsp;</td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
                <!-- /SOCIAL LINKS en_US -->
                <!-- NOMATCH -->
                <!-- /NOMATCH -->
              </td>
            </tr>
            <tr>
              <td height="25">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- /SOCIAL BAR -->
    <!-- DISCLAIMER -->
    <!-- /DISCLAIMER -->
    <!-- FOOTER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">
      <tr>
        <tr>
          <td align="center">
            <table border="0" cellpadding="0" cellspacing="0" width="640" class="devicewidth">
              <tr>
                <td>
                  <!-- FOOTER LINKS en_US -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                      <td width="4%" class="mobwidth10">&nbsp;</td>
                      <td width="92%" align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #a5a5a5;"
                      class="ftrtxt">Copyright Rituals Cosmetics 2018
                        <br />
                        <br />
                        <!--a href="http://e.rituals.com/optiext/optiextension.dll?ID=dHGdIAWyF2AQEQTfsQeNCy5X4BU%2BTgHWjOHbo7CG68M8KQ5tRPOrKyfBSchq_aL3nNCGPGrnXkXejN33aJ0H3eYLj4CI7fJ4gSLFOYJB"
                        target="_blank" style="text-decoration: underline; color: #a5a5a5;">Privacy Policy</a> | -->
                        <a href="https://www.rituals.com/en-us/terms-and-conditions.html?utm_source=newsletter&utm_medium=email&utm_content=en_US-terms&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=8UY_Yr9meCctWP%2B5Xa8u%2B6XVzX8LoVqCqw0t%2BkCuEVf5mSbjwDj87VW82fsR9gxI8Ki8NtDMS0gstOzIXH_sF3x5WJBO8v"
                        target="_blank" style="text-decoration: underline; color: #a5a5a5;">Terms and Conditions</a>|
                        <a href="https://www.rituals.com/en-us/faqs.html?utm_source=newsletter&utm_medium=email&utm_content=en_US-service&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=G3e6ykuyvJNebuhAt3hiEEIWTEsaNqcy1YuiXc2abkCtTRfhdMvFKDaRI2XgN77HogSgw6wMEfXFUTy7eVxAw8JPrmCAG8"
                        target="_blank" style="text-decoration: underline; color: #a5a5a5;">Service</a>
                        <br />
                        <br />This e-mail has been sent to
                        <a style="color:#a5a5a5; text-decoration:none;"><span style="color:#a5a5a5;"><font color="#a5a5a5">campmonsales@gmail.com</font></span>
                        </a>
                        <br />
                        <a href="https://www.rituals.com/en-us/campaign?utm_source=newsletter&utm_medium=email&utm_content=Unsubscribe+URL+RITUALS+Information+table&utm_campaign=20180513_US_MothersDay&utm_term=20180513_US_MothersDay&m_i=7YU7XxVTb7sg0LxWNQMsYxe33XDCypXez91Rz0IpQg3qnsmREtnAuuYtesGnwC7bc0qo8WQDLJCnOhiiulTVFrp8z7sx7T&ID=TknTPq02cpf%2BoysfeCsnmmWoi0pkLoKjEKq_hAm_vnaMzTAPA1dX6GDtfRn_p_8fUB_uFu292BnUYZ8RbPEadQJIwbk_TO"
                        target="_blank" style="text-decoration: underline; color: #a5a5a5;">Unsubscribe</a>
                      </td>
                      <td width="4%" class="mobwidth10">&nbsp;</td>
                    </tr>
                  </table>
                  <!-- /FOOTER LINKS en_US -->
                  <!-- NOMATCH -->
                  <!-- /NOMATCH -->
                </td>
              </tr>
              <tr>
                <td height="50">&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
    </table>
    <!-- /FOOTER -->
  </body>

</html>
            
          
!
999px
Loading ..................

Console