I created this in Dreamweaver. If you can tell me what to do to simplify/make it look better and more usable without losing the info, I'd GREATLY appreciate it. I realize it's a mess. Here's the code...
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<title>Top Industry Players Commit to InterFace Seniors Housing West</title>
<!-- Web Font / @font-face : BEGIN -->
<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->
<!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
<!--[if mso]>
<style type="text/css">
.fallback-font {
font-family: Arial, sans-serif;
}
</style>
<![endif]-->
<!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Rubik:300,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,500,600,700" rel="stylesheet">
<!--<![endif]-->
<!-- Web Font / @font-face : END -->
<!-- CSS Reset -->
<style>
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
margin:0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode:bicubic;
}
/* What it does: A work-around for email clients meddling in triggered links. */
*[x-apple-data-detectors], /* iOS */
.x-gmail-data-detectors, /* Gmail */
.x-gmail-data-detectors *,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div {
display:none !important;
}
/* What it does: Prevents underlining the button text in Windows 10 */
.button-link {
text-decoration: none !important;
}
</style>
<!-- Progressive Enhancements -->
<style>
/* What it does: Hover styles for buttons */
.button-td,
.button-a {
transition: all 100ms ease-in;
}
.button-td:hover,
.button-a:hover {
background: #555555 !important;
border-color: #555555 !important;
}
/* Media Queries */
@media screen and (max-width: 480px) {
/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
.fluid {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column,
.stack-column-center {
display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center {
text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
table.center-on-narrow {
display: inline-block !important;
}
/* What it does: Adjust typography on small screens to improve readability */
.email-container p {
font-size: 17px !important;
line-height: 22px !important;
}
}
</style>
<!-- What it does: Makes background images in 72ppi Outlook render at correct size. -->
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">
body, table, td, a{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
table, td{mso-table-lspace: 0pt; mso-table-rspace: 0pt;}
img{-ms-interpolation-mode: bicubic;}
img{border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none;}
table{border-collapse: collapse !important;}
body{height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important;}
div[style*="margin: 16px 0;"] { margin: 0 !important; }
.padding { padding: 10px 5% 15px 5% !important;
}
</style>
</head>
<body bgcolor="#F1F1F1" bgproperties="fixed" style="margin: 0; padding: 0;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="680px">
<tr>
<td align="center" valign="top" style="padding-top: 15px;"></td>
</tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="680px" style="border: 1px solid #000000;">
<tr>
<td bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#dce4ea" align="center" valign="top" style="padding-bottom: 10px;">
<a href="http://interfaceconferencegroup.com/srw2018" target="_blank"><img src="http://interfaceconferencegroup.com/shw18/images/SHW-Banner-680.jpg" alt="Register Now!"></a>
</td>
</tr>
<tr>
<td width="20%" align="center" valign="top" bgcolor="#dce4ea" style="text-align: center; padding-bottom: 15px;">
<center>
<table role="presentation" align="center" cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="text-align: center;">
<tr>
<td width="110px" style="border-radius: 12px; text-align: center;" class="button-td">
<a href="http://www.cvent.com/events/2018-interface-seniors-housing-west/agenda-acb7447a9f594d7bad88835df6d3c986.aspx" target="_blank" style="background: #2d63af; border: 8px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: lighter; text-decoration: none; display: block; border-radius: 12px;" class="button-a">
<span style="color:#ffffff;" class="button-link">AGENDA</span></a>
</td>
<td> </td>
<td width="110px" style="border-radius: 12px; text-align: center;" class="button-td">
<a href="http://www.cvent.com/events/2018-interface-seniors-housing-west/speakers-acb7447a9f594d7bad88835df6d3c986.aspx" target="_blank" style="background: #2d63af; border: 8px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: lighter; text-decoration: none; display: block; border-radius: 12px;" class="button-a">
<span style="color:#ffffff;" class="button-link">SPEAKERS</span></a>
</td>
<td> </td>
<td width="110px" style="border-radius: 12px; text-align: center;" class="button-td">
<a href="http://www.cvent.com/events/2018-interface-seniors-housing-west/fees-acb7447a9f594d7bad88835df6d3c986.aspx" target="_blank" style="background: #2d63af; border: 8px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: lighter; text-decoration: none; display: block; border-radius: 12px;" class="button-a">
<span style="color:#ffffff;" class="button-link">REGISTER</span></a>
</td>
<td> </td>
<td width="110px" style="border-radius: 12px; text-align: center;" class="button-td">
<a href="http://www.cvent.com/events/2018-interface-seniors-housing-west/custom-17-acb7447a9f594d7bad88835df6d3c986.aspx" target="_blank" style="background: #2d63af; border: 8px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: lighter; text-decoration: none; display: block; border-radius: 12px;" class="button-a">
<span style="color:#ffffff;" class="button-link">SPONSORS</span></a>
</td>
<td> </td>
<td width="110px" style="border-radius: 12px; text-align: center;" class="button-td">
<a href="http://www.cvent.com/events/2018-interface-seniors-housing-west/travel-acb7447a9f594d7bad88835df6d3c986.aspx" target="_blank" style="background: #2d63af; border: 8px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: lighter; text-decoration: none; display: block; border-radius: 12px;" class="button-a">
<span style="color:#ffffff;" class="button-link">VENUE</span></a>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 20px 20px 20px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="font-size: 24px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; color: #333333; padding-bottom: 10px;">TOP INDUSTRY PLAYERS COMMIT TO INTERFACE SENIORS HOUSING WEST ON MARCH 1</td>
</tr>
<tr>
<td align="center" style="padding: 0 15px 10px 15px; font-size: 19px; font-family: Helvetica, Arial, sans-serif; font-weight: 600; color: #a70e12;"><i>Early Bird Rate of $359 Available Until January 19</i></td>
</tr>
<tr>
<td align="left" style="padding: 0 15px 0 15px; font-size: 15px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #666666;"><p><b>Andrew Kohlberg of Kisco Senior Living, Tana Gall of Blue Harbor, Richard Ackerman of Big Rock Partners and Jessica Andrews of Merrill Gardens</b> are some of the top industry players who have committed to speak at the 4th annual InterFace Seniors Housing West, taking place March 1 in Los Angeles.</p>
<p>This event will bring together leading <b>owners, operators, investors, developers and capital sources from across the Western U.S.</b> for high-level information and five+ hours of networking and dealmaking. Leading players will be in attendance from <b>California, Washington, Oregon, Arizona, Nevada, Colorado, Utah and New Mexico</b> as well as national players who are active in the region.</p>
<p><b>Don't miss the event that's grown into the largest regional seniors housing conference on the West Coast.</b></p>
<p>Save $100 by signing up for the conference at the Early Bird rate of $359, which is good until January 19.</p>
</td>
</tr>
<tr>
<td valign="top" align="center" style="text-align: center; padding: 15px 0px 10px 0px;">
<center>
<table role="presentation" align="center" cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="text-align: center;">
<tr>
<td style="border-radius: 20px; text-align: center;" class="button-td">
<a href="http://www.cvent.com/events/2018-interface-seniors-housing-west/fees-acb7447a9f594d7bad88835df6d3c986.aspx" target="_blank" style="background: #2d63af; border: 20px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 20px;" class="button-a">
<span style="color:#ffffff;" class="button-link"> REGISTER NOW </span></a>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#dce4ea" align="center" style="padding: 20px 20px 20px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="font-size: 24px; font-family: Helvetica, Arial; font-weight: 700; color: #333333; padding-bottom: 20px;">CONFIRMED SPEAKERS <span style="font-size: 14px; font-weight: 500;"> (As of December 21)</span></td>
</tr>
</table>
<table border="0" align="center">
<tr>
<td align="center"><img src="http://interfaceconferencegroup.com/shw18/images/gall_tana.png" alt="Tana Gall" width="110" height="110" /></td>
<td align="center"><img src="http://interfaceconferencegroup.com/shw18/images/kohlberg_andy.png" alt="Andy Kohlberg" width="110" height="110" /></td>
<td align="center"><img src="http://interfaceconferencegroup.com/shw18/images/ackerman_richard.png" alt="Richard Ackerman" width="110" height="110" /></td>
<td align="center"><img src="http://interfaceconferencegroup.com/shw18/images/andrews_jessica.png" alt="Jessica Andrews" width="110" height="110" /></td>
</tr>
<tr>
<td align="center" valign="top" width="150" style="font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 18px; padding-top: 10px;"><b>Tana Gall</b><br /><span style=" font-size: 12px; line-height: 15px;">CEO<br />Blue Harbor Senior Living</span></td>
<td align="center" valign="top" width="150" style="font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 18px; padding-top: 10px;"><b>Andrew Kohlberg</b><br /><span style=" font-size: 12px; line-height: 15px;">President & CEO<br />Kisco Senior Living</span></td>
<td align="center" valign="top" width="150" style="font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 18px; padding-top: 10px;"><b>Richard Ackerman</b><br /><span style=" font-size: 12px; line-height: 15px;">Chairman, Managing Partner<br />Big Rock Partners</span></td>
<td align="center" valign="top" width="150" style="font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 18px; padding-top: 10px;"><b>Jessica Andrews</b><br /><span style=" font-size: 12px; line-height: 15px;">Senior Vice President<br />Merrill Gardens</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 20px 20px 35px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="font-size: 23px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; color: #333333; padding-bottom: 20px;">CONFERENCE SPONSORS</td>
</tr>
</table>
<table align="center" width="450px" border="1" bordercolor="#0763a0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#0763a0" style="padding: 8px 0 8px 0; color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 17px;">GOLD SPONSORS</td>
</tr>
<tr>
<td align="center" bgcolor="#ffffff"><img src="http://interfaceconferencegroup.com/shw18/images/SHW-Gold.jpg"></td>
</tr>
</table><br /><br />
<table align="center" width="450px" border="1" bordercolor="#0763a0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#0763a0" style="padding: 8px 0 8px 0; color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 17px;">SILVER SPONSORS</td>
</tr>
<tr>
<td align="center" bgcolor="#ffffff"><img src="http://interfaceconferencegroup.com/shw18/images/SHW-Silver.jpg"></td>
</tr>
</table><br /><br />
<table align="center" width="450px" border="1" bordercolor="#0763a0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#0763a0" style="padding: 8px 0 8px 0; color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 17px;">MEDIA & PROMOTIONAL SPONSORS</td>
</tr>
<tr>
<td align="center" bgcolor="#ffffff"><img src="http://interfaceconferencegroup.com/shw18/images/SHW-Media.jpg"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#dce4ea" align="center" style="padding: 20px 20px 20px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="font-size: 24px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; color: #333333; padding-bottom: 5px;">TWO OTHER INTERFACE EVENTS<br>BEING HELD THE SAME WEEK</td>
</tr>
<tr>
<td align="left" style="padding: 0 15px 0 15px; font-size: 15px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #666666;">
<p>InterFace will also be hosting the <b>7th annual InterFace Net Lease West</b> conference on February 27th and the <b>9th annual InterFace Healthcare Real Estate West</b> conference on February 28th, also at the Omni Los Angeles. For more information on those events, <a href="http://interfaceconferencegroup.com" target="_blank">click here.</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 20px 20px 20px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="font-size: 24px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; color: #333333; padding-bottom: 5px;">HOTEL ROOM BLOCK AVAILABLE</td>
</tr>
<tr>
<td align="left" style="padding: 0 15px 0 15px; font-size: 15px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #666666;">
<p>A block of sleeping rooms is available at the Los Angeles Omni to guests of InterFace Seniors Housing West for $265. <b>This rate is available until Monday, February 5th, and is subject to availability.</b> To reserve a room at this group rate and for more information on the hotel, please <a href="https://www.omnihotels.com/hotels/los-angeles-california-plaza/meetings/interface-conference-group" target="_blank">click here</a>.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#dce4ea" align="center" style="padding: 20px 20px 20px 20px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 10px 0 30px 0;">
<table role="presentation" align="center" cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="text-align: center;">
<tr>
<td style="border-radius: 20px; text-align: center;" class="button-td">
<a href="http://interfaceconferencegroup.com/srw2018" target="_blank" style="background: #2d63af; border: 20px solid #2d63af; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 20px;" class="button-a">
<span style="color:#ffffff;" class="button-link"> CONFERENCE WEBSITE </span></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" width="90%" border="1" bordercolor="#2d63af" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#2d63af" align="center" style="font-size: 17px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; padding: 7px 0 7px 0;">For speaking and sponsorship information, please contact:
</td>
</tr>
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 0px; font-size: 15px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; color: #666666; padding: 10px 0 10px 0;" width="50%">Richard Kelley<br />914.468.0818<br /><a href="mailto:rkelley@francemediainc.com" target="_blank">rkelley@francemediainc.com</a>
</td>
<td bgcolor="#ffffff" align="center" style="padding: 0px; font-size: 15px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; color: #666666; padding: 10px 0 10px 0;" width="50%">Eric Goldberg<br />404.832.8262<br /><a href="mailto:egoldberg@francemediainc.com" target="_blank">egoldberg@francemediainc.com</a>
</td>
</tr>
</table><br />
<table align="center" width="90%" border="1" bordercolor="#2d63af" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" bgcolor="#2d63af" align="center" style="font-size: 17px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; padding: 7px 0 7px 0;">For registration and overall conference information, please contact:
</td>
</tr>
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 0px; font-size: 15px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; color: #666666; padding: 10px 0 10px 0;" width="50%">Heather James-Wyrick<br />404.832.8262<br /><a href="mailto:hwyrick@francemediainc.com" target="_blank">hwyrick@francemediainc.com</a>
</td>
<td bgcolor="#ffffff" align="center" style="padding: 0px; font-size: 15px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; color: #666666; padding: 10px 0 10px 0;" width="50%">Alicia Turlington<br />404.832.8262<br /><a href="mailto:aturlington@francemediainc.com" target="_blank">aturlington@francemediainc.com</a>
</td>
</tr>
</table><br />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 15px 0 15px 0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: #333333;">InterFace Conference Group is a division of France Media, Inc.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="680">
<tr>
<td align="center" valign="top" style="padding-top: 15px;"></td>
</tr>
</table>
</body>
</html>
... View more