Virtual Inaug Event 2021-01-20

Email Invite

by Chris Vitalos

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="content-type" content="text/html; charset=">
  </head>

  <body smarttemplateinserted="true">
    <div id="smartTemplate4-template">
      <meta http-equiv="content-type" content="text/html; charset=">
      <meta name="twitter:image:src" content="https://i.postimg.cc/bYxGQdHg/Inaug-Ball-Jan-2020.png">
      <meta name="twitter:description" content="Celebrating the inauguration of Joe Biden &amp; Kamala Harris">
      <meta name="twitter:title" content="Virtual Inaugural Ball">
      <meta name="twitter:card" content="summary_large_image">
      <meta property="og:type" content="article">
      <meta property="og:description" content="Celebrating the inauguration of Joe Biden &amp; Kamala Harris">
      <meta property="og:image" content="https://i.postimg.cc/bYxGQdHg/Inaug-Ball-Jan-2020.png">
      <meta property="og:title" content="Virtual Inaugural Ball">
      <meta property="og:url" content="https://www.evite.com/event/0193CVEJBCXH6Q3WAEPLJSXPLZYPSQ/rsvp">
      <!-- NAME: 1 COLUMN -->
      <!--[if gte mso 15]>
        <xml>
            <o:OfficeDocumentSettings>
            <o:AllowPNG/>
            <o:PixelsPerInch>96</o:PixelsPerInch>
            </o:OfficeDocumentSettings>
        </xml>
        <![endif]-->
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>&lt;smarttemplate hdr='to(firstname)' st4variable='to(firstname)' title='to(firstname)'
        class='noWrite'&gt;to(firstname)&lt;/smarttemplate&gt;, THANK YOU for your donation!</title>

      <div itemscope="" itemtype="http://schema.org/EmailMessage">
        <div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
          <meta itemprop="name" content="Virtual Inaugural Ball">
          <link itemprop="url" content="https://www.evite.com/event/0193CVEJBCXH6Q3WAEPLJSXPLZYPSQ/rsvp">
       ...

CSS

p{
			margin:10px 0;
			padding:0;
		}
		table{
			border-collapse:collapse;
		}
		h1,h2,h3,h4,h5,h6{
			display:block;
			margin:0;
			padding:0;
		}
		img,a img{
			border:0;
			height:auto;
			outline:none;
			text-decoration:none;
		}
		body,#bodyTable,#bodyCell{
			height:100%;
			margin:0;
			padding:0;
			width:100%;
		}
		.mcnPreviewText{
			display:none !important;
		}
		#outlook a{
			padding:0;
		}
		img{
			-ms-interpolation-mode:bicubic;
		}
		table{
			mso-table-lspace:0pt;
			mso-table-rspace:0pt;
		}
		.ReadMsgBody{
			width:100%;
		}
		.ExternalClass{
			width:100%;
		}
		p,a,li,td,blockquote{
			mso-line-height-rule:exactly;
		}
		a[href^=tel],a[href^=sms]{
			color:inherit;
			cursor:default;
			text-decoration:none;
		}
		p,a,li,td,body,table,blockquote{
			-ms-text-size-adjust:100%;
			-webkit-text-size-adjust:100%;
		}
		.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
			line-height:100%;
		}
		a[x-apple-data-detectors]{
			color:inherit !important;
			text-decoration:none !important;
			font-size:inherit !important;
			font-family:inherit !important;
			font-weight:inherit !important;
			line-height:inherit !important;
		}
		#bodyCell{
			padding:10px;
		}
		.templateContainer{
			max-width:600px !important;
		}
		a.mcnButton{
			display:block;
		}
		.mcnImage,.mcnRetinaImage{
			vertical-align:bottom;
		}
		.mcnTextContent{
			word-break:break-word;
		}
		.mcnTextContent img{
			height:auto !important;
		}
		.mcnDividerBlock{
			table-layout:fixed...