--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width"/>
+<style>
+ body,
+table.body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+td {
+ color: #0a0a0a;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ padding: 0;
+ margin: 0;
+ text-align: left;
+ line-height: 1.3; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ word-break: normal; }
+
+h1 {
+ font-size: 40px; }
+
+h2 {
+ font-size: 36px; }
+
+h3 {
+ font-size: 32px; }
+
+h4 {
+ font-size: 28px; }
+
+h5 {
+ font-size: 24px; }
+
+h6 {
+ font-size: 20px; }
+
+body,
+table.body,
+p,
+td {
+ font-size: 14px;
+ line-height: 19px; }
+
+p {
+ margin-bottom: 10px; }
+ p.lead {
+ font-size: 18px;
+ line-height: 21px; }
+
+small {
+ font-size: 10px; }
+
+a {
+ color: #2199e8;
+ text-decoration: none; }
+ a:hover {
+ color: #147dc2 !important; }
+ a:active {
+ color: #147dc2 !important; }
+ a:visited {
+ color: #2199e8 !important; }
+
+h1 a,
+h1 a:visited,
+h2 a,
+h2 a:visited,
+h3 a,
+h3 a:visited,
+h4 a,
+h4 a:visited,
+h5 a,
+h5 a:visited,
+h6,
+h6 a:visited {
+ color: #2199e8; }
+
+pre {
+ background: #f3f3f3;
+ margin: 30px 0; }
+ pre code {
+ color: #cacaca; }
+ pre code span.callout {
+ color: #8a8a8a;
+ font-weight: bold; }
+ pre code span.callout-strong {
+ color: #ff6908;
+ font-weight: bold; }
+
+#outlook a {
+ padding: 0; }
+
+body {
+ width: 100% !important;
+ min-width: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ margin: 0;
+ padding: 0; }
+
+.ExternalClass {
+ width: 100%; }
+ .ExternalClass,
+ .ExternalClass p,
+ .ExternalClass span,
+ .ExternalClass font,
+ .ExternalClass td,
+ .ExternalClass div {
+ line-height: 100%; }
+
+#backgroundTable {
+ margin: 0;
+ padding: 0;
+ width: 100% !important;
+ line-height: 100% !important; }
+
+img {
+ outline: none;
+ text-decoration: none;
+ -ms-interpolation-mode: bicubic;
+ width: auto;
+ max-width: 100%;
+ float: left;
+ clear: both;
+ display: block; }
+
+center {
+ width: 100%;
+ min-width: 580px; }
+
+a img {
+ border: none; }
+
+p {
+ margin: 0 0 0 10px; }
+
+table {
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+td {
+ word-break: break-word;
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+ border-collapse: collapse !important; }
+
+table, tr, td {
+ padding: 0;
+ vertical-align: top;
+ text-align: left; }
+
+hr {
+ color: #cacaca;
+ background-color: #cacaca;
+ height: 1px;
+ border: none; }
+
+table.body {
+ height: 100% !important;
+ width: 100% !important; }
+
+table.container {
+ width: 580px;
+ margin: 0 auto;
+ text-align: inherit; }
+
+table.row {
+ padding: 0;
+ width: 100%;
+ position: relative; }
+
+table.container table.row {
+ display: block; }
+
+td.wrapper {
+ padding: 10px 20px 0 0;
+ position: relative; }
+
+table.columns,
+table.column {
+ margin: 0 auto; }
+
+table.columns td,
+table.column td {
+ padding: 0 0 10px; }
+
+table.row td.last,
+table.container td.last {
+ padding-right: 0; }
+
+table.large-1 {
+ width: 30px; }
+
+table.large-2 {
+ width: 80px; }
+
+table.large-3 {
+ width: 130px; }
+
+table.large-4 {
+ width: 180px; }
+
+table.large-5 {
+ width: 230px; }
+
+table.large-6 {
+ width: 280px; }
+
+table.large-7 {
+ width: 330px; }
+
+table.large-8 {
+ width: 380px; }
+
+table.large-9 {
+ width: 430px; }
+
+table.large-10 {
+ width: 480px; }
+
+table.large-11 {
+ width: 530px; }
+
+table.large-12 {
+ width: 580px; }
+
+table.large-1 center {
+ min-width: 30px; }
+
+table.large-2 center {
+ min-width: 80px; }
+
+table.large-3 center {
+ min-width: 130px; }
+
+table.large-4 center {
+ min-width: 180px; }
+
+table.large-5 center {
+ min-width: 230px; }
+
+table.large-6 center {
+ min-width: 280px; }
+
+table.large-7 center {
+ min-width: 330px; }
+
+table.large-8 center {
+ min-width: 380px; }
+
+table.large-9 center {
+ min-width: 430px; }
+
+table.large-10 center {
+ min-width: 480px; }
+
+table.large-11 center {
+ min-width: 530px; }
+
+table.large-12 center {
+ min-width: 580px; }
+
+.body .columns td.large-1,
+.body .column td.large-1 {
+ width: 8.33333%; }
+
+.body .columns td.large-2,
+.body .column td.large-2 {
+ width: 16.66667%; }
+
+.body .columns td.large-3,
+.body .column td.large-3 {
+ width: 25%; }
+
+.body .columns td.large-4,
+.body .column td.large-4 {
+ width: 33.33333%; }
+
+.body .columns td.large-5,
+.body .column td.large-5 {
+ width: 41.66667%; }
+
+.body .columns td.large-6,
+.body .column td.large-6 {
+ width: 50%; }
+
+.body .columns td.large-7,
+.body .column td.large-7 {
+ width: 58.33333%; }
+
+.body .columns td.large-8,
+.body .column td.large-8 {
+ width: 66.66667%; }
+
+.body .columns td.large-9,
+.body .column td.large-9 {
+ width: 75%; }
+
+.body .columns td.large-10,
+.body .column td.large-10 {
+ width: 83.33333%; }
+
+.body .columns td.large-11,
+.body .column td.large-11 {
+ width: 91.66667%; }
+
+.body .columns td.large-12,
+.body .column td.large-12 {
+ width: 100%; }
+
+td.offset-by-1 {
+ padding-left: 50px; }
+
+td.offset-by-2 {
+ padding-left: 100px; }
+
+td.offset-by-3 {
+ padding-left: 150px; }
+
+td.offset-by-4 {
+ padding-left: 200px; }
+
+td.offset-by-5 {
+ padding-left: 250px; }
+
+td.offset-by-6 {
+ padding-left: 300px; }
+
+td.offset-by-7 {
+ padding-left: 350px; }
+
+td.offset-by-8 {
+ padding-left: 400px; }
+
+td.offset-by-9 {
+ padding-left: 450px; }
+
+td.offset-by-10 {
+ padding-left: 500px; }
+
+td.offset-by-11 {
+ padding-left: 550px; }
+
+td.expander {
+ visibility: hidden;
+ width: 0;
+ padding: 0 !important; }
+
+table.columns .text-pad,
+table.column .text-pad {
+ padding-left: 10px;
+ padding-right: 10px; }
+
+table.columns .left-text-pad,
+table.columns .text-pad-left,
+table.column .left-text-pad,
+table.column .text-pad-left {
+ padding-left: 10px; }
+
+table.columns .right-text-pad,
+table.columns .text-pad-right,
+table.column .right-text-pad,
+table.column .text-pad-right {
+ padding-right: 10px; }
+
+.block-grid {
+ width: 100%;
+ max-width: 580px; }
+ .block-grid td {
+ display: inline-block;
+ padding: 10px; }
+
+.up-2 td {
+ width: 270px !important; }
+
+.up-3 td {
+ width: 173px !important; }
+
+.up-4 td {
+ width: 125px !important; }
+
+.up-5 td {
+ width: 96px !important; }
+
+.up-6 td {
+ width: 76px !important; }
+
+.up-7 td {
+ width: 62px !important; }
+
+.up-8 td {
+ width: 52px !important; }
+
+table.center,
+td.center,
+h1.center,
+h2.center,
+h3.center,
+h4.center,
+h5.center,
+h6.center,
+p.center,
+span.center {
+ text-align: center; }
+
+span.center {
+ display: block;
+ width: 100%; }
+
+img.center {
+ margin: 0 auto;
+ float: none; }
+
+.show-for-small,
+.hide-for-desktop {
+ display: none; }
+
+body,
+table.body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+td {
+ color: #0a0a0a;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ padding: 0;
+ margin: 0;
+ text-align: left;
+ line-height: 1.3; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ word-break: normal; }
+
+h1 {
+ font-size: 40px; }
+
+h2 {
+ font-size: 36px; }
+
+h3 {
+ font-size: 32px; }
+
+h4 {
+ font-size: 28px; }
+
+h5 {
+ font-size: 24px; }
+
+h6 {
+ font-size: 20px; }
+
+body,
+table.body,
+p,
+td {
+ font-size: 14px;
+ line-height: 19px; }
+
+p {
+ margin-bottom: 10px; }
+ p.lead {
+ font-size: 18px;
+ line-height: 21px; }
+
+small {
+ font-size: 10px; }
+
+a {
+ color: #2199e8;
+ text-decoration: none; }
+ a:hover {
+ color: #147dc2 !important; }
+ a:active {
+ color: #147dc2 !important; }
+ a:visited {
+ color: #2199e8 !important; }
+
+h1 a,
+h1 a:visited,
+h2 a,
+h2 a:visited,
+h3 a,
+h3 a:visited,
+h4 a,
+h4 a:visited,
+h5 a,
+h5 a:visited,
+h6,
+h6 a:visited {
+ color: #2199e8; }
+
+pre {
+ background: #f3f3f3;
+ margin: 30px 0; }
+ pre code {
+ color: #cacaca; }
+ pre code span.callout {
+ color: #8a8a8a;
+ font-weight: bold; }
+ pre code span.callout-strong {
+ color: #ff6908;
+ font-weight: bold; }
+
+table.button {
+ width: 100%;
+ overflow: visible; }
+ table.button td {
+ display: block;
+ width: auto !important;
+ text-align: center;
+ background: #2199e8;
+ border: 1px solid #147dc2;
+ color: #fefefe;
+ padding: 12px 0 12px 0; }
+ table.button td a {
+ font-weight: bold;
+ text-decoration: none;
+ font-family: Helvetica, Arial, sans-serif;
+ color: #fefefe;
+ display: block;
+ height: 100%;
+ width: 100%;
+ padding: 12px 0 12px 0;
+ font-size: 20px; }
+ table.button.tiny td, table.button.tiny a {
+ padding: 5px 0 4px 0; }
+ table.button.tiny a {
+ font-size: 12px;
+ font-weight: normal; }
+ table.button.small td, table.button.small a {
+ padding: 8px 0 7px;
+ font-size: 16px; }
+ table.button.large td, table.button.large a {
+ padding: 21px 0 18px 0;
+ font-size: 24px; }
+ table.button:hover td,
+ table.button:visited td,
+ table.button:active td {
+ background: #2199e8 !important;
+ color: #fefefe !important; }
+ table.button:hover td
+table.button.tiny:hover td,
+ table.button.small:hover td,
+ table.button.large:hover td {
+ background: #147dc2; }
+ table.button:hover td a,
+ table.button:active td a,
+ table.button td a:visited,
+ table.button.tiny:hover td a,
+ table.button.tiny:active td a,
+ table.button.tiny td a:visited,
+ table.button.small:hover td a,
+ table.button.small:active td a,
+ table.button.small td a:visited,
+ table.button.large:hover td a,
+ table.button.large:active td a,
+ table.button.large td a:visited {
+ color: #fefefe !important; }
+ table.button.secondary td {
+ background: #777;
+ border: #919191;
+ color: #cacaca; }
+ table.button.secondary td a {
+ color: #cacaca; }
+ table.button.secondary:hover td {
+ background: #919191 !important;
+ color: #cacaca; }
+ table.button.secondary:hover td a,
+ table.button.secondary td a:visited,
+ table.button.secondary:active td a {
+ color: #cacaca !important; }
+ table.button.success td {
+ background: #3adb76;
+ border-color: 1px solid #23bf5d; }
+ table.button.success:hover td {
+ background: #23bf5d !important; }
+ table.button.alert td {
+ background: #ec5840;
+ border-color: 1px solid #e23317; }
+ table.button.alert:hover td {
+ background: #e23317 !important; }
+
+td.callout {
+ width: 100%;
+ border: 1px solid silver;
+ padding: 10px !important;
+ background: #f3f3f3; }
+ td.callout.success {
+ background: #3adb76 !important;
+ border: 1px solid #1b9448 !important;
+ color: #fefefe !important; }
+ td.callout.warning {
+ background: #ffae00 !important;
+ border: 1px solid #996800 !important;
+ color: #fefefe !important; }
+ td.callout.alert {
+ background: #ec5840 !important;
+ border: 1px solid darken #b42912 !important;
+ color: #fefefe !important; }
+
+.sub-grid table {
+ width: 100%; }
+
+.sub-grid td.sub-columns {
+ padding-bottom: 0; }
+
+.thumbnail {
+ display: inline-block;
+ border-collapse: separate; }
+ .thumbnail img {
+ border-collapse: separate; }
+ .thumbnail:hover, .thumbnail:focus {
+ box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
+
+table.inline-list {
+ width: 100% !important; }
+
+td.vertical {
+ padding-top: 10px !important; }
+
+table[class="body"] table.inline-list td.vertical {
+ display: block !important; }
+
+body.outlook p {
+ display: inline !important; }
+
+@media only screen and (max-width: 580px) {
+ table[class="body"] img {
+ width: auto !important;
+ height: auto !important; }
+ table[class="body"] center {
+ min-width: 0 !important; }
+ table[class="body"] .container {
+ width: 95% !important; }
+ table[class="body"] .row {
+ width: 100% !important;
+ display: block !important; }
+ table[class="body"] .wrapper {
+ display: block !important;
+ padding-right: 0 !important; }
+ table[class="body"] .columns,
+ table[class="body"] .column {
+ table-layout: fixed !important;
+ float: none !important;
+ width: 100% !important;
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ display: inline-block !important;
+ margin: 0 !important; }
+ table[class="body"] .wrapper.first .columns,
+ table[class="body"] .wrapper.first .column {
+ display: table !important; }
+ table[class="body"] table.columns td,
+ table[class="body"] table.column td {
+ width: 100% !important; }
+ .wrapper > table.small-1 {
+ width: 8.33333% !important; }
+ .wrapper > table.small-2 {
+ width: 16.66667% !important; }
+ .wrapper > table.small-3 {
+ width: 25% !important; }
+ .wrapper > table.small-4 {
+ width: 33.33333% !important; }
+ .wrapper > table.small-5 {
+ width: 41.66667% !important; }
+ .wrapper > table.small-6 {
+ width: 50% !important; }
+ .wrapper > table.small-7 {
+ width: 58.33333% !important; }
+ .wrapper > table.small-8 {
+ width: 66.66667% !important; }
+ .wrapper > table.small-9 {
+ width: 75% !important; }
+ .wrapper > table.small-10 {
+ width: 83.33333% !important; }
+ .wrapper > table.small-11 {
+ width: 91.66667% !important; }
+ .wrapper > table.small-12 {
+ width: 100% !important; }
+ .wrapper > table.small-12 {
+ display: block !important; }
+ .body .columns td.small-1,
+ .body .column td.small-1,
+ table.small-1 center {
+ width: 8.33333% !important; }
+ .body .columns td.small-2,
+ .body .column td.small-2,
+ table.small-2 center {
+ width: 16.66667% !important; }
+ .body .columns td.small-3,
+ .body .column td.small-3,
+ table.small-3 center {
+ width: 25% !important; }
+ .body .columns td.small-4,
+ .body .column td.small-4,
+ table.small-4 center {
+ width: 33.33333% !important; }
+ .body .columns td.small-5,
+ .body .column td.small-5,
+ table.small-5 center {
+ width: 41.66667% !important; }
+ .body .columns td.small-6,
+ .body .column td.small-6,
+ table.small-6 center {
+ width: 50% !important; }
+ .body .columns td.small-7,
+ .body .column td.small-7,
+ table.small-7 center {
+ width: 58.33333% !important; }
+ .body .columns td.small-8,
+ .body .column td.small-8,
+ table.small-8 center {
+ width: 66.66667% !important; }
+ .body .columns td.small-9,
+ .body .column td.small-9,
+ table.small-9 center {
+ width: 75% !important; }
+ .body .columns td.small-10,
+ .body .column td.small-10,
+ table.small-10 center {
+ width: 83.33333% !important; }
+ .body .columns td.small-11,
+ .body .column td.small-11,
+ table.small-11 center {
+ width: 91.66667% !important; }
+ .body .columns td.small-12,
+ .body .column td.small-12,
+ table.small-12 center {
+ width: 100% !important; }
+ table[class="body"] .columns td.small-1,
+ table[class="body"] .column td.small-1 {
+ width: 8.33333% !important; }
+ table[class="body"] .columns td.small-2,
+ table[class="body"] .column td.small-2 {
+ width: 16.66667% !important; }
+ table[class="body"] .columns td.small-3,
+ table[class="body"] .column td.small-3 {
+ width: 25% !important; }
+ table[class="body"] .columns td.small-4,
+ table[class="body"] .column td.small-4 {
+ width: 33.33333% !important; }
+ table[class="body"] .columns td.small-5,
+ table[class="body"] .column td.small-5 {
+ width: 41.66667% !important; }
+ table[class="body"] .columns td.small-6,
+ table[class="body"] .column td.small-6 {
+ width: 50% !important; }
+ table[class="body"] .columns td.small-7,
+ table[class="body"] .column td.small-7 {
+ width: 58.33333% !important; }
+ table[class="body"] .columns td.small-8,
+ table[class="body"] .column td.small-8 {
+ width: 66.66667% !important; }
+ table[class="body"] .columns td.small-9,
+ table[class="body"] .column td.small-9 {
+ width: 75% !important; }
+ table[class="body"] .columns td.small-10,
+ table[class="body"] .column td.small-10 {
+ width: 83.33333% !important; }
+ table[class="body"] .columns td.small-11,
+ table[class="body"] .column td.small-11 {
+ width: 91.66667% !important; }
+ table[class="body"] .columns td.small-12,
+ table[class="body"] .column td.small-12 {
+ width: 100% !important; }
+ table[class="body"] td.offset-by-1 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-2 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-3 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-4 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-5 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-6 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-7 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-8 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-9 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-10 {
+ padding-left: 0 !important; }
+ table[class="body"] td.offset-by-11 {
+ padding-left: 0 !important; }
+ table[class="body"] table.columns td.expander {
+ width: 1px !important; }
+ table[class="body"] .right-text-pad,
+ table[class="body"] .text-pad-right {
+ padding-left: 10px !important; }
+ table[class="body"] .left-text-pad,
+ table[class="body"] .text-pad-left {
+ padding-right: 10px !important; }
+ table[class="body"] .hide-for-small,
+ table[class="body"] .show-for-desktop {
+ display: none !important; }
+ table[class="body"] .show-for-small,
+ table[class="body"] .hide-for-desktop {
+ display: inherit !important; } }
+
+table[class="body"] table.inline-list td {
+ width: auto !important;
+ display: inline-block !important; }
+
+table[class="body"] table.inline-list.vertical td {
+ display: block !important; }
+
+.header {
+ background: #999999; }
+
+.sub-header {
+ text-align: right;
+ vertical-align: middle; }
+
+table.facebook td {
+ background: #3b5998;
+ border-color: #2d4473; }
+
+table.facebook:hover td {
+ background: #2d4473 !important; }
+
+table.twitter td {
+ background: #00acee;
+ border-color: #0087bb; }
+
+table.twitter:hover td {
+ background: #0087bb !important; }
+
+table.google-plus td {
+ background-color: #DB4A39;
+ border-color: #CC0000; }
+
+table.google-plus:hover td {
+ background: #CC0000 !important; }
+
+.template-label {
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 11px; }
+
+.callout .wrapper {
+ padding-bottom: 20px !important; }
+
+.callout .panel {
+ background: #ECF8FF;
+ border-color: #b9e5ff; }
+
+.header {
+ background: #999999; }
+
+.footer .wrapper {
+ background: #ebebeb; }
+
+.footer h5 {
+ padding-bottom: 10px; }
+
+table.columns .text-pad {
+ padding-left: 10px;
+ padding-right: 10px; }
+
+table.columns .left-text-pad {
+ padding-left: 10px; }
+
+table.columns .right-text-pad {
+ padding-right: 10px; }
+
+@media only screen and (max-width: 600px) {
+ table[class="body"] .right-text-pad {
+ padding-left: 10px !important; }
+ table[class="body"] .left-text-pad {
+ padding-right: 10px !important; } }
+
+</style>
+</head>
+<body>
+ <table class="body">
+ <tr>
+ <td class="center" align="center" valign="top">
+ <center>
+
+ <table class="row header">
+ <tr>
+ <td class="center" align="center">
+<center>
+ <table class="container"><tbody><tr><td>
+ </td><td class="wrapper last"><table class="small-12 large-12 columns"><td class="sub-columns last small-6 large-6">
+ <img src="http://placehold.it/200x50">
+ </td><td class="expander"></td><td class="sub-columns last sub-header small-6 large-6">
+ <span class="template-label">Basic</span>
+ </td><td class="expander"></td></table></td>
+ </tr></tbody></table>
+ </center>
+ </td>
+ </tr>
+ </table>
+
+ <table class="container">
+ <tr>
+ <td>
+
+ <table class="row">
+ <tr>
+ <td class="wrapper last">
+
+ <table class="large-12 columns">
+ <tr>
+ <td>
+ <h1>Hi, Susan Calvin</h1>
+ <p class="lead">Phasellus dictum sapien a neque luctus cursus. Pellentesque sem dolor, fringilla et pharetra vitae.</p>
+ <p>Phasellus dictum sapien a neque luctus cursus. Pellentesque sem dolor, fringilla et pharetra vitae. consequat vel lacus. Sed iaculis pulvinar ligula, ornare fringilla ante viverra et. In hac habitasse platea dictumst. Donec vel orci mi, eu congue justo. Integer eget odio est, eget malesuada lorem. Aenean sed tellus dui, vitae viverra risus. Nullam massa sapien, pulvinar eleifend fringilla id, convallis eget nisi. Mauris a sagittis dui. Pellentesque non lacinia mi. Fusce sit amet libero sit amet erat venenatis sollicitudin vitae vel eros. Cras nunc sapien, interdum sit amet porttitor ut, congue quis urna.</p>
+ </td>
+ <td class="expander"></td>
+ </tr>
+ </table>
+
+ </td>
+ </tr>
+ </table>
+
+ <table class="row callout">
+ <tr>
+ <td class="wrapper last">
+
+ <table class="large-12 columns">
+ <tr>
+ <td class="panel">
+ <p>Phasellus dictum sapien a neque luctus cursus. Pellentesque sem dolor, fringilla et pharetra vitae. <a href="#">Click it! »</a></p>
+ </td>
+ <td class="expander"></td>
+ </tr>
+ </table>
+
+ </td>
+ </tr>
+ </table>
+
+ <table class="row footer">
+ <tr>
+ <td class="wrapper">
+
+ <table class="large-6 columns">
+ <tr>
+ <td class="left-text-pad">
+
+ <h5>Connect With Us:</h5>
+
+ <table class="tiny-button facebook">
+ <tr>
+ <td>
+ <a href="#">Facebook</a>
+ </td>
+ </tr>
+ </table>
+
+ <br>
+
+ <table class="tiny-button twitter">
+ <tr>
+ <td>
+ <a href="#">Twitter</a>
+ </td>
+ </tr>
+ </table>
+
+ <br>
+
+ <table class="tiny-button google-plus">
+ <tr>
+ <td>
+ <a href="#">Google +</a>
+ </td>
+ </tr>
+ </table>
+
+ </td>
+ <td class="expander"></td>
+ </tr>
+ </table>
+
+ </td>
+ <td class="wrapper last">
+
+ <table class="large-6 columns">
+ <tr>
+ <td class="last right-text-pad">
+ <h5>Contact Info:</h5>
+ <p>Phone: 408.341.0600</p>
+ <p>Email: <a href="mailto:hseldon@trantor.com">hseldon@trantor.com</a></p>
+ </td>
+ <td class="expander"></td>
+ </tr>
+ </table>
+
+ </td>
+ </tr>
+ </table>
+
+
+ <table class="row">
+ <tr>
+ <td class="wrapper last">
+
+ <table class="large-12 columns">
+ <tr>
+ <td align="center">
+ <center>
+ <p style="text-align:center;"><a href="#">Terms</a> | <a href="#">Privacy</a> | <a href="#">Unsubscribe</a></p>
+ </center>
+ </td>
+ <td class="expander"></td>
+ </tr>
+ </table>
+
+ </td>
+ </tr>
+ </table>
+
+ <!-- container end below -->
+ </td>
+ </tr>
+ </table>
+
+ </center>
+ </td>
+ </tr>
+ </table>
+</body>
+</html>
\ No newline at end of file