php js css php js css

Changes

Changes to Design: Email Design
398866
Yesterday 2:24am
McNaught, Scott
Created design
PART OF Group redirector
398875
Yesterday 2:24am
McNaught, Scott
Deleted design
Id:
Deleted Datetime:
Css:
Js:
Php Source:
Mobile Function:
Mobile Value:
Google Analytics Id:
Ajax Navigation:
Type:
 
email
email
Title:
 
Email Design
Email Design
Html:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ss="https://www.oncord.com">

<head>



<title></title>



<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge" />



<style type="text/css">



	/* EMAIL CLIENT-SPECIFIC STYLES */

    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */

    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */

    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */

    body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */

    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */



    /* RESET STYLES */

    body {margin:0; padding:0;font-weight: normal; font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;}

    table {border-collapse:collapse !important;}

    body {height:100% !important; margin:0; padding:0; width:100% !important;}



	/* FONT STYLES */

	body,td,th {font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;	font-size: 16px; line-height:20px; color: #555555;}

	h1,h2,h3,h4,h5 {color: #333333;}

	h1 {font: normal 24px Arial; line-height:26px;}

	h2 {font: normal 22px Arial; line-height:24px;}

	h3 {font: bold 18px Arial; line-height:20px;}

	h4 {font: bold 16px Arial; line-height:18px;}

	a,.yshortcuts {color:#f3bf30; font-style: none; text-decoration:none;}



	hr { border-top: 2px solid #CCC;}



    /* iOS BLUE LINKS */

    .appleBody a {color:#f3bf30; text-decoration: none;}

    .appleFooter a {color:#f3bf30; text-decoration: none;}



    /* MOBILE STYLES */

    @media screen and (max-width: 525px) {



        /* ALLOWS FOR FLUID TABLES */

        table[class="wrapper"]{

          width:100% !important;

        }



        /* ADJUSTS LAYOUT OF LOGO IMAGE */

        td[class="logo"]{

          text-align: left;

          padding: 20px 0 20px 0 !important;

        }



        td[class="logo"] img{

          margin:0 auto!important;

        }



        td[class="section-padding"]{

          padding: 50px 15px 50px 15px !important;

        }



        a[class="mobile-button"]{

            width:80% !important;

            padding: 15px !important;

            border: 0 !important;

            font-size: 16px !important;

        }



    }

</style>



</head>

    <body style="margin: 0; padding: 0;">

	

        <!-- HEADER -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

		    <tr>

		        <td bgcolor="#fff">

		            <div align="center" style="padding: 0px 15px;">

		                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">

		                    <tr>

		                        <td style="padding: 30px 0px 30px;background-color:#fff" class="logo">

		                            <table border="0" cellpadding="0" cellspacing="0" width="100%">

		                                <tr>

		                                    <td width="600" align="center" style="background-color:#fff"><a href="/" target="_blank"><img alt="Logo" src="https://is5-ssl.mzstatic.com/image/thumb/Podcasts123/v4/b6/31/5d/b6315d4c-03af-2855-2cba-5b6408a9686b/mza_2598950757710874151.jpg/268x0w.jpg" width="206" border="0" style="margin-left: auto; margin-right: auto; display: block" /></a></td>

		                                </tr>

		                            </table>

		                        </td>

		                    </tr>

		                </table>

		            </div>

		        </td>

		    </tr>

		</table>

		

		<!-- LOGO/PREHEADER TEXT -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%">

            <tr>

                <td bgcolor="#f3bf30" style="padding: 0px 15px 0px 15px;" align="center">

                    <table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

                        <tr>

                            <td style="padding: 10px 0px 10px 0px;background-color:#f3bf30">

                                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;">

                                    <tr>

                                        <td valign="middle" width="300" style="font-size:14px;background-color:#f3bf30">

                                            <strong><a href="/" style="color:#FFF">Visit Our Website</a></strong>

                                        </td>

                                        <td valign="middle" align="right" width="300" style="background-color:#f3bf30">

										</td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

		</table>

		

		<!-- ONE COLUMN SECTION -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

		    <tr>

		        <td bgcolor="#ffffff" align="center" style="padding: 50px 15px 50px 15px;" class="section-padding">

		            <table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

		                <tr>

		                    <td>

        						<ss:regions:content />

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>



        <!-- DISCLAIMER -->

        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;background-color:#F5F5F5;">

            <tr style="background-color:#F5F5F5;">

                <td bgcolor="#F5F5F5" align="center" style="padding: 20px 0px;">

                    <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="wrapper" style="background-color:#F5F5F5;">

                        <tr style="background-color:#F5F5F5;">

                            <td align="center" style="font-size: 12px; line-height: 18px; color:#666666;background-color:#F5F5F5;">

                                <strong>Our Website:</strong> <a href="/" style="color: #f3bf30">Visit Our Website</a><br />

                                Don't want to receive our e-mails? <a class="original-only" href="/community/email/unsubscribe/" style="color: #f3bf30 text-decoration: none;">Unsubscribe here.</a>

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

        </table>

    </body>

</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ss="https://www.oncord.com">

<head>



<title></title>



<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge" />



<style type="text/css">



	/* EMAIL CLIENT-SPECIFIC STYLES */

    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */

    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */

    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */

    body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */

    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */



    /* RESET STYLES */

    body {margin:0; padding:0;font-weight: normal; font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;}

    table {border-collapse:collapse !important;}

    body {height:100% !important; margin:0; padding:0; width:100% !important;}



	/* FONT STYLES */

	body,td,th {font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;	font-size: 16px; line-height:20px; color: #555555;}

	h1,h2,h3,h4,h5 {color: #333333;}

	h1 {font: normal 24px Arial; line-height:26px;}

	h2 {font: normal 22px Arial; line-height:24px;}

	h3 {font: bold 18px Arial; line-height:20px;}

	h4 {font: bold 16px Arial; line-height:18px;}

	a,.yshortcuts {color:#f3bf30; font-style: none; text-decoration:none;}



	hr { border-top: 2px solid #CCC;}



    /* iOS BLUE LINKS */

    .appleBody a {color:#f3bf30; text-decoration: none;}

    .appleFooter a {color:#f3bf30; text-decoration: none;}



    /* MOBILE STYLES */

    @media screen and (max-width: 525px) {



        /* ALLOWS FOR FLUID TABLES */

        table[class="wrapper"]{

          width:100% !important;

        }



        /* ADJUSTS LAYOUT OF LOGO IMAGE */

        td[class="logo"]{

          text-align: left;

          padding: 20px 0 20px 0 !important;

        }



        td[class="logo"] img{

          margin:0 auto!important;

        }



        td[class="section-padding"]{

          padding: 50px 15px 50px 15px !important;

        }



        a[class="mobile-button"]{

            width:80% !important;

            padding: 15px !important;

            border: 0 !important;

            font-size: 16px !important;

        }



    }

</style>



</head>

    <body style="margin: 0; padding: 0;">

	

        <!-- HEADER -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

		    <tr>

		        <td bgcolor="#fff">

		            <div align="center" style="padding: 0px 15px;">

		                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper">

		                    <tr>

		                        <td style="padding: 30px 0px 30px;background-color:#fff" class="logo">

		                            <table border="0" cellpadding="0" cellspacing="0" width="100%">

		                                <tr>

		                                    <td width="600" align="center" style="background-color:#fff"><a href="/" target="_blank"><img alt="Logo" src="https://is5-ssl.mzstatic.com/image/thumb/Podcasts123/v4/b6/31/5d/b6315d4c-03af-2855-2cba-5b6408a9686b/mza_2598950757710874151.jpg/268x0w.jpg" width="206" border="0" style="margin-left: auto; margin-right: auto; display: block" /></a></td>

		                                </tr>

		                            </table>

		                        </td>

		                    </tr>

		                </table>

		            </div>

		        </td>

		    </tr>

		</table>

		

		<!-- LOGO/PREHEADER TEXT -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%">

            <tr>

                <td bgcolor="#f3bf30" style="padding: 0px 15px 0px 15px;" align="center">

                    <table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

                        <tr>

                            <td style="padding: 10px 0px 10px 0px;background-color:#f3bf30">

                                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;">

                                    <tr>

                                        <td valign="middle" width="300" style="font-size:14px;background-color:#f3bf30">

                                            <strong><a href="/" style="color:#FFF">Visit Our Website</a></strong>

                                        </td>

                                        <td valign="middle" align="right" width="300" style="background-color:#f3bf30">

										</td>

                                    </tr>

                                </table>

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

		</table>

		

		<!-- ONE COLUMN SECTION -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

		    <tr>

		        <td bgcolor="#ffffff" align="center" style="padding: 50px 15px 50px 15px;" class="section-padding">

		            <table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

		                <tr>

		                    <td>

        						<ss:regions:content />

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>



        <!-- DISCLAIMER -->

        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;background-color:#F5F5F5;">

            <tr style="background-color:#F5F5F5;">

                <td bgcolor="#F5F5F5" align="center" style="padding: 20px 0px;">

                    <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="wrapper" style="background-color:#F5F5F5;">

                        <tr style="background-color:#F5F5F5;">

                            <td align="center" style="font-size: 12px; line-height: 18px; color:#666666;background-color:#F5F5F5;">

                                <strong>Our Website:</strong> <a href="/" style="color: #f3bf30">Visit Our Website</a><br />

                                Don't want to receive our e-mails? <a class="original-only" href="/community/email/unsubscribe/" style="color: #f3bf30 text-decoration: none;">Unsubscribe here.</a>

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

        </table>

    </body>

</html>