Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adding SFS structures.

  • Loading branch information...
commit 24693402082cb5fd2c15ad33214d94bb994777d2 1 parent 3bc1e10
Fabio Carneiro authored
390 structures/sfs-1-2-3.html
View
@@ -0,0 +1,390 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftMidColumnContent a:link, .leftMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightMidColumnContent a:link, .rightMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftLowerColumnContent a:link, .leftLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .centerLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .centerLowerColumnContent a:link, .centerLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .centerLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightLowerColumnContent a:link, .rightLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ #templateFooter{
+ /*@editable*/ background-color:#FDFDFD;
+ }
+
+ .footerContent{
+ /*@editable*/ color:#707070;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .footerContent a:link, #footerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .footerContent img{
+ display:inline;
+ }
+
+ #social{
+ /*@editable*/ background-color:#FAFAFA;
+ /*@editable*/ border:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+
+ #utility{
+ /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ border-top:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+ </style>
+ </head>
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+ <center>
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Preheader \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
+ <tr>
+ <td valign="top" class="preheaderContent">
+
+ PREHEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Preheader \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Header \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+ <tr>
+ <td valign="top" class="headerContent">
+
+ HEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Header \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Body \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" class="bodyContent">
+
+ MAIN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" width="280" class="leftMidColumnContent">
+
+ LEFT MID COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="280" class="rightMidColumnContent">
+
+ RIGHT MID COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" width="180" class="leftLowerColumnContent">
+
+ LEFT LOWER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="centerLowerColumnContent">
+
+ CENTER LOWER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="rightLowerColumnContent">
+
+ RIGHT LOWER COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Body \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Footer \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+ <tr>
+ <td valign="top" class="footerContent">
+
+ FOOTER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Footer \\ -->
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </center>
+ </body>
+</html>
298 structures/sfs-1-2.html
View
@@ -0,0 +1,298 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftColumnContent a:link, .leftColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightColumnContent a:link, .rightColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ #templateFooter{
+ /*@editable*/ background-color:#FDFDFD;
+ }
+
+ .footerContent{
+ /*@editable*/ color:#707070;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .footerContent a:link, #footerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .footerContent img{
+ display:inline;
+ }
+
+ #social{
+ /*@editable*/ background-color:#FAFAFA;
+ /*@editable*/ border:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+
+ #utility{
+ /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ border-top:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+ </style>
+ </head>
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+ <center>
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Preheader \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
+ <tr>
+ <td valign="top" class="preheaderContent">
+
+ PREHEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Preheader \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Header \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+ <tr>
+ <td valign="top" class="headerContent">
+
+ HEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Header \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Body \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody">
+ <tr>
+ <td colspan="2" valign="top" class="bodyContent">
+
+ MAIN MODULES GO HERE
+
+ </td>
+ </tr>
+ <tr>
+ <td valign="top" width="280" class="leftColumnContent">
+
+ LEFT COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="280" class="rightColumnContent">
+
+ RIGHT COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Body \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Footer \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+ <tr>
+ <td valign="top" class="footerContent">
+
+ FOOTER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Footer \\ -->
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </center>
+ </body>
+</html>
390 structures/sfs-1-3-2.html
View
@@ -0,0 +1,390 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftMidColumnContent a:link, .leftMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .centerMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .centerMidColumnContent a:link, .centerMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .centerMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightMidColumnContent a:link, .rightMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftLowerColumnContent a:link, .leftLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightLowerColumnContent a:link, .rightLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ #templateFooter{
+ /*@editable*/ background-color:#FDFDFD;
+ }
+
+ .footerContent{
+ /*@editable*/ color:#707070;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .footerContent a:link, #footerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .footerContent img{
+ display:inline;
+ }
+
+ #social{
+ /*@editable*/ background-color:#FAFAFA;
+ /*@editable*/ border:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+
+ #utility{
+ /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ border-top:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+ </style>
+ </head>
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+ <center>
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Preheader \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
+ <tr>
+ <td valign="top" class="preheaderContent">
+
+ PREHEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Preheader \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Header \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+ <tr>
+ <td valign="top" class="headerContent">
+
+ HEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Header \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Body \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" class="bodyContent">
+
+ MAIN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" width="180" class="leftMidColumnContent">
+
+ LEFT LOWER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="centerMidColumnContent">
+
+ CENTER LOWER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="rightMidColumnContent">
+
+ RIGHT LOWER COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" width="280" class="leftLowerColumnContent">
+
+ LEFT MID COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="280" class="rightLowerColumnContent">
+
+ RIGHT MID COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Body \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Footer \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+ <tr>
+ <td valign="top" class="footerContent">
+
+ FOOTER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Footer \\ -->
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </center>
+ </body>
+</html>
322 structures/sfs-1-3.html
View
@@ -0,0 +1,322 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftColumnContent a:link, .leftColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .centerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .centerColumnContent a:link, .centerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .centerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightColumnContent a:link, .rightColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ #templateFooter{
+ /*@editable*/ background-color:#FDFDFD;
+ }
+
+ .footerContent{
+ /*@editable*/ color:#707070;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .footerContent a:link, #footerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .footerContent img{
+ display:inline;
+ }
+
+ #social{
+ /*@editable*/ background-color:#FAFAFA;
+ /*@editable*/ border:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+
+ #utility{
+ /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ border-top:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+ </style>
+ </head>
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+ <center>
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Preheader \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
+ <tr>
+ <td valign="top" class="preheaderContent">
+
+ PREHEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Preheader \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Header \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+ <tr>
+ <td valign="top" class="headerContent">
+
+ HEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Header \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Body \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody">
+ <tr>
+ <td colspan="3" valign="top" class="bodyContent">
+
+ MAIN MODULES GO HERE
+
+ </td>
+ </tr>
+ <tr>
+ <td valign="top" width="180" class="leftColumnContent">
+
+ LEFT COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="centerColumnContent">
+
+ CENTER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="rightColumnContent">
+
+ RIGHT COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Body \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Footer \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+ <tr>
+ <td valign="top" class="footerContent">
+
+ FOOTER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Footer \\ -->
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </center>
+ </body>
+</html>
248 structures/sfs-basic.html
View
@@ -0,0 +1,248 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ #templateFooter{
+ /*@editable*/ background-color:#FDFDFD;
+ }
+
+ .footerContent{
+ /*@editable*/ color:#707070;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .footerContent a:link, #footerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .footerContent img{
+ display:inline;
+ }
+
+ #social{
+ /*@editable*/ background-color:#FAFAFA;
+ /*@editable*/ border:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+
+ #utility{
+ /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ border-top:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+ </style>
+ </head>
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+ <center>
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Preheader \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
+ <tr>
+ <td valign="top" class="preheaderContent">
+
+ PREHEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Preheader \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Header \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+ <tr>
+ <td valign="top" class="headerContent">
+
+ HEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Header \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Body \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody">
+ <tr>
+ <td valign="top" class="bodyContent">
+
+ MAIN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Body \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Footer \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+ <tr>
+ <td valign="top" class="footerContent">
+
+ FOOTER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Footer \\ -->
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </center>
+ </body>
+</html>
460 structures/sfs-left200sidebar-2-1-3.html
View
@@ -0,0 +1,460 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftMidColumnContent a:link, .leftMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightMidColumnContent a:link, .rightMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .sidebarContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .sidebarContent a:link, .sidebarContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .sidebarContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .fullWidthBandContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .fullWidthBandContent a:link, .fullWidthBandContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .fullWidthBandContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftLowerColumnContent a:link, .leftLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .centerLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .centerLowerColumnContent a:link, .centerLowerColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .centerLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightLowerColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightLowerColumnContent a:link, .rightColumnLowerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightLowerColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ #templateFooter{
+ /*@editable*/ background-color:#FDFDFD;
+ }
+
+ .footerContent{
+ /*@editable*/ color:#707070;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .footerContent a:link, #footerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .footerContent img{
+ display:inline;
+ }
+
+ #social{
+ /*@editable*/ background-color:#FAFAFA;
+ /*@editable*/ border:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+
+ #utility{
+ /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ border-top:1px solid #F5F5F5;
+ /*@editable*/ text-align:center;
+ }
+ </style>
+ </head>
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
+ <center>
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Preheader \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
+ <tr>
+ <td valign="top" class="preheaderContent">
+
+ PREHEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Preheader \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Header \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
+ <tr>
+ <td valign="top" class="headerContent">
+
+ HEADER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Header \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Body \\ -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
+ <tr>
+ <!-- // Begin Sidebar \\ -->
+ <td valign="top" width="200">
+ <table border="0" cellpadding="10" cellspacing="0" width="200">
+ <tr>
+ <td valign="top" class="sidebarContent">
+
+ SIDEBAR MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ <!-- // End Sidebar \\ -->
+ <td valign="top" width="400">
+ <table border="0" cellpadding="0" cellspacing="0" width="400">
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="400">
+ <tr>
+ <td valign="top" class="bodyContent">
+
+ MAIN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <table border="0" cellpadding="10" cellspacing="0" width="400">
+ <tr>
+ <td valign="top" width="180" class="leftMidColumnContent">
+
+ LEFT MID COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="rightMidColumnContent">
+
+ RIGHT MID COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" valign="top" width="600">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" class="fullWidthBandContent">
+
+ FULL-WIDTH BAND MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" valign="top" width="600">
+ <table border="0" cellpadding="10" cellspacing="0" width="600">
+ <tr>
+ <td valign="top" width="180" class="leftLowerColumnContent">
+
+ LEFT LOWER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="centerLowerColumnContent">
+
+ CENTER LOWER COLUMN MODULES GO HERE
+
+ </td>
+ <td valign="top" width="180" class="rightLowerColumnContent">
+
+ RIGHT LOWER COLUMN MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Body \\ -->
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top">
+ <!-- // Begin Template Footer \\ -->
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
+ <tr>
+ <td valign="top" class="footerContent">
+
+ FOOTER MODULES GO HERE
+
+ </td>
+ </tr>
+ </table>
+ <!-- // End Template Footer \\ -->
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </center>
+ </body>
+</html>
428 structures/sfs-left200sidebar-2-3.html
View
@@ -0,0 +1,428 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+ <!-- Facebook sharing information tags -->
+ <meta property="og:title" content="*|MC:SUBJECT|*" />
+
+ <title>*|MC:SUBJECT|*</title>
+ <style type="text/css">
+ img{display:block;} /* Force GMail to ignore spacing between images. */
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
+ body{width:100% !important;} /* Force Hotmail to display emails at full width */
+
+ /* Reset Styles */
+ body{margin:0; padding:0;}
+ img{border:none; outline:none; text-decoration:none;}
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
+
+ /* Template Styles */
+ /**
+ * @tab Page
+ * @section background color
+ * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
+ * @theme page
+ */
+ body, .backgroundTable{
+ /*@editable*/ background-color:#FAFAFA;
+ }
+
+ /**
+ * @tab Page
+ * @section border
+ * @tip Add a border to help your template content stand out from your email's background.
+ */
+ #templateContainer{
+ /*@editable*/ background-color:#FFFFFF;
+ /*@editable*/ border: 1px solid #DDDDDD;
+ }
+
+ h1, .h1{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h2, .h2{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:30px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h3, .h3{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:26px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ h4, .h4{
+ /*@editable*/ color:#202020;
+ display:block;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:22px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ margin-bottom:10px;
+ /*@editable*/ text-align:left;
+ }
+
+ .preheaderContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:10px;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .preheaderContent a:link, .preheaderContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #templateHeader{
+ /*@editable*/ border-bottom:2px solid #DDDDDD;
+ }
+
+ .headerContent{
+ /*@editable*/ color:#202020;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:34px;
+ /*@editable*/ font-weight:bold;
+ /*@editable*/ line-height:100%;
+ /*@editable*/ text-align:center;
+ }
+
+ .headerContent a:link, .headerContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ #headerImage{
+ height:auto;
+ max-width:600px !important;
+ }
+
+ #templateBody{
+ }
+
+ .bodyContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .bodyContent a:link, .bodyContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .bodyContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .leftMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .leftMidColumnContent a:link, .leftMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .leftMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .rightMidColumnContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:14px;
+ /*@editable*/ line-height:150%;
+ /*@editable*/ text-align:left;
+ }
+
+ .rightMidColumnContent a:link, .rightMidColumnContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/ text-decoration:underline;
+ }
+
+ .rightMidColumnContent img{
+ display:inline;
+ margin-bottom:10px;
+ }
+
+ .sidebarContent{
+ /*@editable*/ color:#505050;
+ /*@editable*/ font-family:Arial;
+ /*@editable*/ font-size:12px;
+ /*@editable*/ line-height:125%;
+ /*@editable*/ text-align:left;
+ }
+
+ .sidebarContent a:link, .sidebarContent a:visited{
+ /*@editable*/ color:#336699;
+ /*@editable*/ font-weight:normal;
+ /*@editable*/