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 CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

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>
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- Turn off iOS phone number autodetect -->
    <meta name="format-detection" content="telephone=no">
    <style>
      body, p {
          font-family: "Benton Sans", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
          -webkit-font-smoothing: antialiased;
          -webkit-text-size-adjust: none;
      }
      table {
          border-collapse: collapse;
          border-spacing: 0;
          border: 0;
          padding: 0;
      }
      img {
          margin: 0;
          padding: 0;
      }
  
      .content {
          width: 600px;
      }
  
      .no_text_resize {
          -moz-text-size-adjust: none;
          -webkit-text-size-adjust: none;
          -ms-text-size-adjust: none;
          text-size-adjust: none;
      }
  
      /* Media Queries */
      @media all and (max-width: 600px) {
  
          table[class="content"] {
              width: 100% !important;
          }
  
          tr[class="grid-no-gutter"] td[class="grid__col"] {
              padding-left: 0 !important;
              padding-right: 0 !important;
          }
  
          td[class="grid__col"] {
              padding-left: 15px !important;
              padding-right: 15px !important;
          }
  
          tr[class="small_full_width"] td[class="grid__col"] {
              padding-left: 0px !important;
              padding-right: 0px !important;
          }
  
          table[class="small_full_width"] {
              width: 100% !important;
              padding-bottom: 10px;
          }
  
          a[class="header-link"] {
              margin-right: 0 !important;
              margin-left: 10px !important;
          }
  
          a[class="btn"] {
              width: 100%;
              border-left-width: 0px !important;
              border-right-width: 0px !important;
          }
  
          table[class="col-layout"] {
              width: 100% !important;
          }
  
          td[class="col-container"] {
              display: block !important;
              width: 100% !important;
              padding-left: 0 !important;
              padding-right: 0 !important;
          }
  
          td[class="col-nav-items"] {
              display: inline-block !important;
              padding-left: 0 !important;
              padding-right: 10px !important;
              background: none !important;
          }
  
          img[class="col-img"] {
              height: auto !important;
              max-width: 520px !important;
              width: 100% !important;
          }
  
          td[class="col-center-sm"] {
              text-align: center;
          }
  
          tr[class="footer-attendee-cta"] > td[class="grid__col"] {
              padding: 24px 0 0 !important;
          }
  
          td[class="col-footer-cta"] {
              padding-left: 0 !important;
              padding-right: 0 !important;
          }
  
          td[class="footer-links"] {
              text-align: left !important;
          }
  
          .hide-for-small {
              display: none !important;
          }
  
          .ribbon-mobile {
              line-height: 1.3 !important;
          }
  
          .small_full_width {
              width: 100% !important;
              padding-bottom: 10px;
          }
  
          .table__ridge {
              height: 7px !important;
          }
  
          .table__ridge img {
              display: none !important;
          }
  
          .table__ridge--top {
              background-image: url(https://cdn.evbstatic.com/s3-s3/marketing/emails/modules/ridges_top_fullx2.jpg) !important;
              background-size: 170% 7px;
          }
  
          .table__ridge--bottom {
              background-image: url(https://cdn.evbstatic.com/s3-s3/marketing/emails/modules/ridges_bottom_fullx2.jpg) !important;
              background-size: 170% 7px;
          }
  
          .summary-table__total {
              padding-right: 10px !important;
          }
  
          .app-cta {
              display: none !important;
          }
  
          .app-cta__mobile {
              width: 100% !important;
              height: auto !important;
              max-height: none !important;
              overflow: visible !important;
              float: none !important;
              display: block !important;
              margin-top: 12px !important;
              visibility: visible;
              font-size: inherit !important;
          }
  
          /* List Event Cards */
          .list-card__header {
              width: 130px !important;
          }
          .list-card__label {
              width: 130px !important;
          }
          .list-card__image-wrapper {
              width: 130px !important;
              height: 65px !important;
          }
          .list-card__image {
              max-width: 130px !important;
              max-height: 65px !important;
          }
  
          .list-card__body {
              padding-left: 10px !important;
          }
  
          .list-card__title {
              margin-bottom: 10px !important;
          }
  
          .list-card__date {
              padding-top: 0 !important;
          }
      }
  
      @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
          .ribbon-mobile {
              line-height: 1.3 !important;
          }
  
          .ribbon-mobile__text {
              padding: 0 !important;
          }
      }
  
      @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
          .ribbon-mobile {
              line-height: 1.3 !important;
          }
  
          .ribbon-mobile__text {
              padding: 0 !important;
          }
      }
  
      @media screen and (min-device-height:480px) and (max-device-height:568px), (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2), (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) {
  
          .hide_for_iphone {
              display: none !important;
          }
  
          .passbook {
              width: auto !important;
              height: auto !important;
              line-height: auto !important;
              visibility: visible !important;
              display: block !important;
              max-height: none !important;
              overflow: visible !important;
              float: none !important;
              text-indent: 0 !important;
              font-size: inherit !important;
          }
      }
    </style>
  </head>
  <!-- Global container with background styles. Gmail converts BODY to DIV so we
  lose properties like BGCOLOR. -->
  
  <body border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" bgcolor="#F7F7F7"
  style="margin: 0;">
    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" bgcolor="#F7F7F7">
      <tr>
        <td style="padding-right: 10px; padding-left: 10px;">
          <!-- Outlook Hack (doesn't support max-width property until 2013) -->
          <!--[if (gte mso 9)|(IE)]>
            <table width="600" align="center" cellpadding="0" cellspacing="0" border="0" bgcolor="#F7F7F7">
              <tr>
                <td>
                <![endif]-->
                <table class="content" align="center" cellpadding="0" cellspacing="0" border="0"
                bgcolor="#F7F7F7" style="width: 600px; max-width: 600px;">
                  <tr>
                    <td width="33%" valign="middle" style="text-align:left; padding:30px 0 20px 0;">
                      <a href="https://www.eventbrite.com/?utm_source=eb_email&amp;utm_medium=email&utm_campaign=attendee_signup_email&utm_term=eb_logo">
                        <img src="https://cdn.evbstatic.com/s3-s3/marketing/emails/images/logos/eb-wordmarkx2.png"
                        width="136" height="22" border="0" alt="Eventbrite" style="width:136px; height:22px;"
                        />
                      </a>
                    </td>
                    <td width="66%" valign="middle" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: right; padding-top: 12px; vertical-align: middle;">
                      <a href="https://www.eventbrite.com/d/va--ashburn/events/" style="text-decoration: none; font-weight: 500; color: #999999; margin-right: 30px;">Find events</a>
                      <a href="https://www.eventbrite.com/signin/?referrer=%2Fmytickets%2F"
                      style="text-decoration: none; font-weight: 500; color: #999999;">Log in</a>
                    </td>
                  </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
              </tr>
            </table>
          <![endif]-->
        </td>
      </tr>
      <tr>
        <td>
          <!--[if (gte mso 9)|(IE)]>
            <table width="600" align="center" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
              <tr>
                <td>
                <![endif]-->
                <table class="content" align="center" cellpadding="0" cellspacing="0" border="0"
                bgcolor="#F7F7F7" style="width: 600px; max-width: 600px;">
                  <tr>
                    <td colspan="2" style="background: #fff; border-radius: 8px;">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                          <td style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                            <tr class="">
                              <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 32px 40px; "
                              align="">
                                 <h2 style="font-size: 30px; font-weight: 500; line-height: 36px; color: #00a2a5; margin: 0;">Hi Smiles Davis,</h2>

                                <p style="font-size: 17px; line-height: 21px; font-weight: 300; margin: 18px 0 0;">The Hustle is using Eventbrite to ticket
                                  <a style="text-decoration: none; color: #0f90ba;"
                                  href="https://www.eventbrite.com/event/38735005444?utm_source=eb_email&utm_medium=email&utm_campaign=new_attendee&utm_term=event_name">Con Con: a content conference for startups</a>.</p>
                                <p style="font-size: 17px; line-height: 21px; font-weight: 300; margin: 18px 0 0;">Since this is the first time you've bought a ticket or registered for an event
                                  on Eventbrite using
                                  <a style='text-decoration; none; color: #6666666;'>hello@SmilesDavis.yeah</a>, here's a quick guide to help you find what you
                                  need.</p>
                              </td>
                            </tr>
                            <tr>
                              <td class="table__ridge table__ridge--top">
                                <img src="https://cdn.evbstatic.com/s3-s3/marketing/emails/modules/ridges_top_fullx2.jpg"
                                alt="eventbrite" height="7" style="height:7px; border:none; display:block;" border="0"
                                />
                              </td>
                            </tr>
                            <tr>
                              <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 32px 40px; background-color: #ededed;">
                                <table border="0" cellpadding="0" cellspacing="0" class="app-cta">
                                  <tbody>
                                    <tr valign="top">
                                      <td style="width: 160px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 24px; font-size: 17px; color: #404040; border-bottom: #dadada solid 1px; padding-bottom: 24px; padding-right: 40px;">Questions about this event?</td>
                                      <td style="border-bottom: #dadada solid 1px; padding-bottom: 24px;">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                          <tfoot>
                                            <tr>
                                              <td></td>
                                              <td style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-size: 17px; font-weight: 300; line-height: 24px;"
                                                href="https://www.eventbrite.com/contact-organizer?eid=38735005444&amp;utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=new_attendee&amp;utm_term=contact_org"
                                                class="">Contact the Organizer</a>
                                              </td>
                                            </tr>
                                          </tfoot>
                                          <tbody>
                                            <tr valign="top">
                                              <td style="padding-bottom: 6px; padding-right: 12px;">
                                                <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                border="0" />
                                              </td>
                                              <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Any event specifics like transportation, parking, and dress code</td>
                                            </tr>
                                            <tr valign="top">
                                              <td style="padding-bottom: 6px; padding-right: 12px;">
                                                <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                border="0" />
                                              </td>
                                              <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">ID requirements and age limits</td>
                                            </tr>
                                            <tr valign="top">
                                              <td style="padding-bottom: 6px; padding-right: 12px;">
                                                <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                border="0" />
                                              </td>
                                              <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Transferring my ticket to someone else</td>
                                            </tr>
                                            <tr valign="top">
                                              <td style="padding-bottom: 6px; padding-right: 12px;">
                                                <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                border="0" />
                                              </td>
                                              <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Guest and refund policies</td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                    <tr valign="top" style="border-top: #f7f7f7 solid 1px;">
                                      <td style="width: 160px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 24px; font-size: 17px; color: #404040; border-top: #f7f7f7 solid 1px; padding-top: 24px; padding-right: 40px;">Manage your order</td>
                                      <td style="border-top: #f7f7f7 solid 1px; padding-top: 24px;">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                          <tfoot>
                                            <tr>
                                              <td></td>
                                              <td style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-size: 17px; line-height: 24px; font-weight: 300;"
                                                href="https://www.eventbrite.com/signin/?referrer=%2Fmytickets%2F?utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=new_attendee&amp;utm_term=my_tickets"
                                                class="">Go to Your Account</a>
                                              </td>
                                            </tr>
                                          </tfoot>
                                          <tbody>
                                            <tr valign="top">
                                              <td style="padding-bottom: 6px; padding-right: 12px;">
                                                <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                border="0" />
                                              </td>
                                              <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Access all of your tickets and orders</td>
                                            </tr>
                                            <tr valign="top">
                                              <td style="padding-bottom: 6px; padding-right: 12px;">
                                                <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                border="0" />
                                              </td>
                                              <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Manage your order to any event</td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <div class="app-cta__mobile" style="float: left; font-size: 0; overflow: hidden; display: none; line-height: 0; max-height: 0; height: 0; margin-bottom: 12px;">
                                  <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                      <tr valign="top">
                                        <td>
                                           <h4 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 24px; font-size: 17px; color: #404040; border-bottom: #dadada solid 1px; padding-bottom: 6px; margin-bottom: 12px; margin-top: 0;">
                        Questions about this event?
                    </h4>

                                          <table border="0" cellpadding="0" cellspacing="0">
                                            <tfoot>
                                              <tr>
                                                <td></td>
                                                <td style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                  <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-size: 17px; font-weight: 300; line-height: 24px;"
                                                  href="https://www.eventbrite.com/contact-organizer?eid=38735005444&amp;utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=new_attendee&amp;utm_term=contact_org"
                                                  class="">Contact the Organizer</a>
                                                </td>
                                              </tr>
                                            </tfoot>
                                            <tbody>
                                              <tr valign="top">
                                                <td style="padding-bottom: 6px; padding-right: 12px;">
                                                  <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                  border="0" />
                                                </td>
                                                <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Any event specifics like transportation, parking, and dress code</td>
                                              </tr>
                                              <tr valign="top">
                                                <td style="padding-bottom: 6px; padding-right: 12px;">
                                                  <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                  border="0" />
                                                </td>
                                                <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">ID requirements and age limits</td>
                                              </tr>
                                              <tr valign="top">
                                                <td style="padding-bottom: 6px; padding-right: 12px;">
                                                  <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                  border="0" />
                                                </td>
                                                <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Transferring my ticket to someone else</td>
                                              </tr>
                                              <tr valign="top">
                                                <td style="padding-bottom: 6px; padding-right: 12px;">
                                                  <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                  border="0" />
                                                </td>
                                                <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Guest and refund policies</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                           <h4 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 24px; font-size: 17px; color: #404040; border-bottom: #dadada solid 1px; padding-bottom: 6px; margin-top: 24px;">
                        Manage your order
                    </h4>

                                          <table border="0" cellpadding="0" cellspacing="0">
                                            <tfoot>
                                              <tr>
                                                <td></td>
                                                <td style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                                  <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-size: 17px; line-height: 24px; font-weight: 300;"
                                                  href="https://www.eventbrite.com/signin/?referrer=%2Fmytickets%2F?utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=new_attendee&amp;utm_term=my_tickets"
                                                  class="">Go to Your Account</a>
                                                </td>
                                              </tr>
                                            </tfoot>
                                            <tbody>
                                              <tr valign="top">
                                                <td style="padding-bottom: 6px; padding-right: 12px;">
                                                  <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                  border="0" />
                                                </td>
                                                <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Access all of your tickets and orders</td>
                                              </tr>
                                              <tr valign="top">
                                                <td style="padding-bottom: 6px; padding-right: 12px;">
                                                  <img src="https://cdn.evbstatic.com/s3-s3/static/images/icons/arrow-omnes.png"
                                                  border="0" />
                                                </td>
                                                <td style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px; font-weight: 300; font-size: 13px; line-height: 18px;">Manage your order to any event</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </td>
                            </tr>
                            <tr>
                              <td class="table__ridge table__ridge--bottom">
                                <img src="https://cdn.evbstatic.com/s3-s3/marketing/emails/modules/ridges_bottom_fullx2.jpg"
                                alt="eventbrite" height="7" style="height:7px; border:none; display:block;" border="0"
                                />
                              </td>
                            </tr>
                            <tr class="">
                              <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 32px 40px; "
                              align="">
                                <p style="font-size: 17px; line-height: 21px; font-weight: 300; margin: 18px 0 0;">Cheers,
                                  <br />
                                  <a href="https://www.eventbrite.com/?utm_source=eb_email&utm_medium=email&utm_campaign=new_attendee&utm_term=eb_logo"
                                  target="_blank">
                                    <img src="https://cdn.evbstatic.com/s3-s3/marketing/emails/sig.png" border="0">
                                  </a>
                                </p>
                              </td>
                            </tr>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
              </tr>
            </table>
          <![endif]-->
          <!--[if (gte mso 9)|(IE)]>
            <table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td>
                <![endif]-->
                <table class="content" align="center" cellpadding="0" cellspacing="0" border="0"
                style="width: 600px; max-width: 600px; font-family: Helvetica, Arial, sans-serif;">
                  <tr class="hide-for-small">
                    <td style="padding-top: 24px;">
                      <tr class="footer-attendee-cta">
                        <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 12px 20px; "
                        align="">
                          <table cellspacing="0" cellpadding="0" width='100%' style='' align='' class="col-layout">
                            <tr style='' class=''>
                              <td width='50%' height='' style='' align='' valign='top' class='col-footer-cta'
                              colspan='1'>
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                  <tr class="">
                                    <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 0 28px 0 0; "
                                    align="">
                                      <table cellspacing="0" cellpadding="0" width='100%' style='' align='' class="col-layout">
                                        <tr style='' class=''>
                                          <td width='75%' height='' style='padding-right: 10px;' align='' valign='middle'
                                          class='col-container' colspan='1'>
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                              <tr style='' class=''>
                                                <td width='' height='' style='' align='' valign='' class='' colspan='1'>
                                                  
<h2 style="color: #404040; font-weight: 300; margin: 0 0 12px 0; font-size: 17px; line-height: 24px; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                  class="">

                            Create your own event
                        
</h2>

                                                  <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px;"
                                                  class="">Anyone can sell tickets or manage registration with Eventbrite.</div>
                                                  <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                  class="">
                                                    <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                    href="https://www.eventbrite.com//features/?utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=&amp;utm_term=footer_learn_more&amp;utm_content=&amp;ref=eemail"
                                                    class="">Learn More</a>
                                                  </div>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                          <td width='25%' height='' style='' align='' valign='middle' class='col-container'
                                          colspan='1'>
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                              <tr style='' class=''>
                                                <td width='' height='' style='' align='' valign='' class='' colspan='1'>
                                                  <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                  href="https://www.eventbrite.com//features/?utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=&amp;utm_term=footer_learn_more_logo&amp;utm_content=&amp;ref=eemail"
                                                  class="hide-for-small">
                                                    <img src='https://cdn.evbstatic.com/s3-s3/marketing/emails/images/icons/tickets.png'
                                                    title='' alt='' style='' border="0" width='60' height='60' class="" />
                                                  </a>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                              <td width='1px' height='' style='height: 100%; background: #dedede;' align=''
                              valign='' class='col_container' colspan='1'>
                                <table border="0" cellpadding="0" cellspacing="0" width="100%"></table>
                              </td>
                              <td width='50%' height='' style='' align='' valign='top' class='col-footer-cta'
                              colspan='1'>
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                  <tr class="">
                                    <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 0 0 0 28px; "
                                    align="">
                                      <table cellspacing="0" cellpadding="0" width='100%' style='' align='' class="col-layout">
                                        <tr style='' class=''>
                                          <td width='75%' height='' style='padding-right: 10px;' align='' valign='middle'
                                          class='col-container' colspan='1'>
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                              <tr style='' class=''>
                                                <td width='' height='' style='' align='' valign='' class='' colspan='1'>
                                                  
<h2 style="color: #404040; font-weight: 300; margin: 0 0 12px 0; font-size: 17px; line-height: 24px; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                  class="">

                            Get the app
                        
</h2>

                                                  <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding-bottom: 6px;"
                                                  class="">Find events, buy tickets, and access them on your phone.</div>
                                                  <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                  class="">
                                                    <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                    href="https://www.eventbrite.com//eventbriteapp?app_cta_src=email_footer" class="">Download</a>
                                                  </div>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                          <td width='25%' height='' style='' align='' valign='middle' class='col-container'
                                          colspan='1'>
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                              <tr style='' class=''>
                                                <td width='' height='' style='' align='' valign='' class='' colspan='1'>
                                                  <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                                                  href="https://www.eventbrite.com//eventbriteapp/?utm_source=eb_email&amp;utm_medium=email&amp;utm_campaign=&amp;utm_term=footer_getapp_logo&amp;utm_content=&amp;ref=eemail"
                                                  class="hide-for-small">
                                                    <img src='https://cdn.evbstatic.com/s3-s3/marketing/emails/images/icons/screen-s.png'
                                                    title='' alt='' style='' border="0" width='60' height='60' class="" />
                                                  </a>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </td>
                  </tr>
                  <tr>
                    <td style="padding-top: 24px;">
                      <table cellspacing="0" cellpadding="0" width="100%" style="width: 100%; min-width: 100%;"
                      class="">
                        <tr>
                          <td style="background-color: #dedede; width: 100%; min-width: 100%; font-size: 1px; height: 1px; line-height: 1px; "
                          class="">&nbsp;</td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr class="">
                    <td class="grid__col" style="font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; padding: 24px 0; text-align: center;"
                    align="">
                      <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-weight: 300; padding-bottom: 6px;"
                      class="">
<span style='' class=''>
                This email was sent to 

    <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; " href="mailto:" class="">hello@SmilesDavis.yeah</a>
            </span>

                      </div>
                      <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-weight: 300; padding-bottom: 6px;"
                      class="">
                        <a style="text-decoration: none; color: #0f90ba; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; "
                        href="https://www.eventbrite.com/" class="">Eventbrite</a> | 155 5th St, 7th Floor | San Francisco, CA 94103</div>
                      <div style="color: #666666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Benton Sans', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica neue', Helvetica, Tahoma, Arial, sans-serif; font-weight: 300; "
                      class="">Copyright &copy; 2017 Eventbrite. All rights reserved.</div>
                    </td>
                  </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
              </tr>
            </table>
          <![endif]-->
          
        </td>
      </tr>
    </table>
  </body>

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

Console