cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <head>
  <!-- NAME: 1 COLUMN -->
  <!--[if gte mso 15]>
		<xml>
			<o:OfficeDocumentSettings>
			<o:AllowPNG/>
			<o:PixelsPerInch>96</o:PixelsPerInch>
			</o:OfficeDocumentSettings>
		</xml>
		<![endif]-->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>3 great ways to start 2017</title>

  <style type="text/css">
    p{
    			margin:10px 0;
    			padding:0;
    		}
    		table{
    			border-collapse:collapse;
    		}
    		h1,h2,h3,h4,h5,h6{
    			display:block;
    			margin:0;
    			padding:0;
    		}
    		img,a img{
    			border:0;
    			height:auto;
    			outline:none;
    			text-decoration:none;
    		}
    		body,#bodyTable,#bodyCell{
    			height:100%;
    			margin:0;
    			padding:0;
    			width:100%;
    		}
    		#outlook a{
    			padding:0;
    		}
    		img{
    			-ms-interpolation-mode:bicubic;
    		}
    		table{
    			mso-table-lspace:0pt;
    			mso-table-rspace:0pt;
    		}
    		.ReadMsgBody{
    			width:100%;
    		}
    		.ExternalClass{
    			width:100%;
    		}
    		p,a,li,td,blockquote{
    			mso-line-height-rule:exactly;
    		}
    		a[href^=tel],a[href^=sms]{
    			color:inherit;
    			cursor:default;
    			text-decoration:none;
    		}
    		p,a,li,td,body,table,blockquote{
    			-ms-text-size-adjust:100%;
    			-webkit-text-size-adjust:100%;
    		}
    		.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
    			line-height:100%;
    		}
    		a[x-apple-data-detectors]{
    			color:inherit !important;
    			text-decoration:none !important;
    			font-size:inherit !important;
    			font-family:inherit !important;
    			font-weight:inherit !important;
    			line-height:inherit !important;
    		}
    		#bodyCell{
    			padding:10px;
    		}
    		.templateContainer{
    			max-width:600px !important;
    		}
    		a.mcnButton{
    			display:block;
    		}
    		.mcnImage{
    			vertical-align:bottom;
    		}
    		.mcnTextContent{
    			word-break:break-word;
    		}
    		.mcnTextContent img{
    			height:auto !important;
    		}
    		.mcnDividerBlock{
    			table-layout:fixed !important;
    		}
    		body,#bodyTable{
    			background-color:#ffffff;
    		}
    		#bodyCell{
    			border-top:0;
    		}
    		.templateContainer{
    			border:0;
    		}
    		h1{
    			color:#202020;
    			font-family:Helvetica;
    			font-size:26px;
    			font-style:normal;
    			font-weight:bold;
    			line-height:125%;
    			letter-spacing:normal;
    			text-align:left;
    		}
    		h2{
    			color:#202020;
    			font-family:Helvetica;
    			font-size:22px;
    			font-style:normal;
    			font-weight:bold;
    			line-height:125%;
    			letter-spacing:normal;
    			text-align:left;
    		}
    		h3{
    			color:#202020;
    			font-family:Helvetica;
    			font-size:20px;
    			font-style:normal;
    			font-weight:bold;
    			line-height:125%;
    			letter-spacing:normal;
    			text-align:left;
    		}
    		h4{
    			color:#202020;
    			font-family:Helvetica;
    			font-size:18px;
    			font-style:normal;
    			font-weight:bold;
    			line-height:125%;
    			letter-spacing:normal;
    			text-align:left;
    		}
    		#templatePreheader{
    			background-color:#ffffff;
    			background-image:none;
    			background-repeat:no-repeat;
    			background-position:center;
    			background-size:cover;
    			border-top:0;
    			border-bottom:0;
    			padding-top:9px;
    			padding-bottom:9px;
    		}
    		#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
    			color:#656565;
    			font-family:Helvetica;
    			font-size:12px;
    			line-height:150%;
    			text-align:left;
    		}
    		#templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{
    			color:#656565;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    		#templateHeader{
    			background-color:#FFFFFF;
    			background-image:none;
    			background-repeat:no-repeat;
    			background-position:center;
    			background-size:cover;
    			border-top:0;
    			border-bottom:0;
    			padding-top:9px;
    			padding-bottom:0;
    		}
    		#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
    			color:#202020;
    			font-family:Helvetica;
    			font-size:16px;
    			line-height:150%;
    			text-align:left;
    		}
    		#templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{
    			color:#2BAADF;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    		#templateBody{
    			background-color:#ffffff;
    			background-image:none;
    			background-repeat:no-repeat;
    			background-position:center;
    			background-size:cover;
    			border-top:0;
    			border-bottom:1px solid #909090;
    			padding-top:0px;
    			padding-bottom:9px;
    		}
    		#templateBody .mcnTextContent,#templateBody .mcnTextContent p{
    			color:#202020;
    			font-family:Helvetica;
    			font-size:16px;
    			line-height:150%;
    			text-align:left;
    		}
    		#templateBody .mcnTextContent a,#templateBody .mcnTextContent p a{
    			color:#42c1c7;
    			font-weight:bold;
    			text-decoration:none;
    		}
    		#templateFooter{
    			background-color:#ffffff;
    			background-image:none;
    			background-repeat:no-repeat;
    			background-position:center;
    			background-size:cover;
    			border-top:0;
    			border-bottom:0;
    			padding-top:9px;
    			padding-bottom:9px;
    		}
    		#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
    			color:#656565;
    			font-family:Helvetica;
    			font-size:12px;
    			line-height:150%;
    			text-align:center;
    		}
    		#templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{
    			color:#656565;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    	@media only screen and (min-width:768px){
    		.templateContainer{
    			width:600px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		body,table,td,p,a,li,blockquote{
    			-webkit-text-size-adjust:none !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		body{
    			width:100% !important;
    			min-width:100% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		#bodyCell{
    			padding-top:10px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImage{
    			width:100% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer{
    			max-width:100% !important;
    			width:100% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnBoxedTextContentContainer{
    			min-width:100% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImageGroupContent{
    			padding:9px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
    			padding-top:9px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImageCardTopImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
    			padding-top:18px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImageCardBottomImageContent{
    			padding-bottom:9px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImageGroupBlockInner{
    			padding-top:0 !important;
    			padding-bottom:0 !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImageGroupBlockOuter{
    			padding-top:9px !important;
    			padding-bottom:9px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnTextContent,.mcnBoxedTextContentColumn{
    			padding-right:18px !important;
    			padding-left:18px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
    			padding-right:18px !important;
    			padding-bottom:0 !important;
    			padding-left:18px !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcpreview-image-uploader{
    			display:none !important;
    			width:100% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		h1{
    			font-size:22px !important;
    			line-height:125% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		h2{
    			font-size:20px !important;
    			line-height:125% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		h3{
    			font-size:18px !important;
    			line-height:125% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		h4{
    			font-size:16px !important;
    			line-height:150% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		.mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
    			font-size:14px !important;
    			line-height:150% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		#templatePreheader{
    			display:block !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
    			font-size:14px !important;
    			line-height:150% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
    			font-size:16px !important;
    			line-height:150% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		#templateBody .mcnTextContent,#templateBody .mcnTextContent p{
    			font-size:16px !important;
    			line-height:150% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
    			font-size:14px !important;
    			line-height:150% !important;
    		}
    
    }
  </style>
</head>

<body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;">
  <center>
    <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: #ffffff;">
      <tbody>
        <tr>
          <td align="center" valign="top" id="bodyCell" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 10px;width: 100%;border-top: 0;">
            <!-- BEGIN TEMPLATE // -->
            <!--[if gte mso 9]>
						<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
						<tr>
						<td align="center" valign="top" width="600" style="width:600px;">
						<![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;max-width: 600px !important;">
              <tbody>
                <tr>
                  <td valign="top" id="templatePreheader" style="background:#ffffff none no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 9px;padding-bottom: 9px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;">
                      <tbody class="mcnDividerBlockOuter">
                        <tr>
                          <td class="mcnDividerBlockInner" style="min-width: 100%;padding: 18px 18px 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                            <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px none #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                              <tbody>
                                <tr>
                                  <td style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                    <span></span>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <!--
                <td class="mcnDividerBlockInner" style="padding: 18px;">
                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
-->
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td valign="top" id="templateHeader" style="background:#FFFFFF none no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 9px;padding-bottom: 0;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                      <tbody class="mcnImageBlockOuter">
                        <tr>
                          <td valign="top" style="padding: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnImageBlockInner">
                            <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                              <tbody>
                                <tr>
                                  <td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">


                                    <img align="left" alt="Ustuck" src="https://gallery.mailchimp.com/e4ff01294f9bf8bc59abc0122/images/95650e8e-d458-4667-b411-fbd1c0605d26.gif" width="180" style="max-width: 180px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
                                      class="mcnImage">


                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td valign="top" id="templateBody" style="background:#ffffff none no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 1px solid #909090;padding-top: 0px;padding-bottom: 9px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                      <tbody class="mcnTextBlockOuter">
                        <tr>
                          <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                            <!--[if mso]>
				<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
				<tr>
				<![endif]-->

                            <!--[if mso]>
				<td valign="top" width="600" style="width:600px;">
				<![endif]-->
                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
                              <tbody>
                                <tr>

                                  <td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px;color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;text-align: left;">

                                    <h2 class="null" dir="ltr" style="display: block;margin: 0;padding: 0;color: #202020;font-family: Helvetica;font-size: 22px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: normal;text-align: left;">We hope that as you read this, you’re enjoying this final stretch of time before the new year.</h2>

                                    <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;">That said, we know that despite the hype, the holidays can be a difficult time. If that’s the case for you, we're sending you a big virtual hug.</p>

                                    <p style="text-align: center;color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;"><img align="none" height="233" src="https://gallery.mailchimp.com/e4ff01294f9bf8bc59abc0122/images/e2ea9484-df28-4bd4-8c98-70eb6a237496.png" style="width: 200px;height: 233px;margin: 0px;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
                                        width="200"></p>

                                    <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;">It feels like a lot of us need a hug right now, doesn’t it? It’s been a tumultuous year across the globe. Many of us are feeling uncertain. <strong>How can we show up as our best selves, when the world around us feels so chaotic?</strong></p>

                                    <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;">There’s no one-size-fits-all answer to that all-important question. We each need to find our own unique way to live a meaningful life.</p>

                                    <p dir="ltr" style="clear: both;color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;">And we're here to help, too. Here are three ways Unstuck can help you untangle from feeling stressed out, worried, or just plain old <em>stuck</em>.</p>

                                    <div>
                                      <div style="float:left; width:175px; margin-top:8px; margin-right:8px; padding:8px 8px 4px 0px;">
                                        <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;"><strong><span style="font-size:18px">1</span></strong><br>
                                          <strong><a href="https://www.unstuck.com/about/?utm_source=SYPartners+news+and+updates&amp;utm_campaign=511d3f33a1-EMAIL_CAMPAIGN_2016_12_21&amp;utm_medium=email&amp;utm_term=0_af740b180a-511d3f33a1-201527473&amp;mc_cid=511d3f33a1&amp;mc_eid=fb144287a8" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #42c1c7;font-weight: bold;text-decoration: none;" target="_blank">Use our free app to get unstuck right now.</a></strong>                                          Think of it as your in-the-moment digital coach.</p>
                                      </div>

                                      <div style="float:left; width:175px; margin-top:8px; margin-right:8px; padding:8px 8px 4px 0px;">
                                        <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;"><strong><span style="font-size:18px">2</span></strong><br>
                                          <strong><a href="https://www.unstuck.com/anxiety/?utm_source=SYPartners+news+and+updates&amp;utm_campaign=511d3f33a1-EMAIL_CAMPAIGN_2016_12_21&amp;utm_medium=email&amp;utm_term=0_af740b180a-511d3f33a1-201527473&amp;mc_cid=511d3f33a1&amp;mc_eid=fb144287a8" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #42c1c7;font-weight: bold;text-decoration: none;" target="_blank">Get our guide to overcoming anxiety.</a></strong>                                          Concrete tips for moving from worry to action.</p>
                                      </div>

                                      <div style="float:left; width:175px; margin-top:8px; padding:8px 4px 4px 0px;">
                                        <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;"><strong><span style="font-size:18px">3</span></strong><br>
                                          <strong><a href="https://www.unstuck.com/spark-your-motivation/?utm_source=SYPartners+news+and+updates&amp;utm_campaign=511d3f33a1-EMAIL_CAMPAIGN_2016_12_21&amp;utm_medium=email&amp;utm_term=0_af740b180a-511d3f33a1-201527473&amp;mc_cid=511d3f33a1&amp;mc_eid=fb144287a8" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #42c1c7;font-weight: bold;text-decoration: none;" target="_blank">Learn how to spark your motivation.</a>*</strong>                                          We’re proud to debut this beautiful online learning experience.</p>
                                      </div>
                                    </div>

                                    <p dir="ltr" style="clear: both;color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;"><br>
                                      <strong>Remember, you aren’t in this alone.</strong></p>

                                    <p dir="ltr" style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;">With gratitude that you're part of our community,</p>

                                    <p style="color: #333333;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif;font-size: 16px;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 150%;text-align: left;">Your friends at Unstuck<br>
                                      <br>
                                      <strong>*</strong> <em>We even put together a quiz to help you <a href="https://www.unstuck.com/spark-your-motivation/?utm_source=SYPartners+news+and+updates&amp;utm_campaign=511d3f33a1-EMAIL_CAMPAIGN_2016_12_21&amp;utm_medium=email&amp;utm_term=0_af740b180a-511d3f33a1-201527473&amp;mc_cid=511d3f33a1&amp;mc_eid=fb144287a8#content_f0i9el7l6" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #42c1c7;font-weight: bold;text-decoration: none;">figure out if the Spark Your Motivation course is right for you</a>. (And yes, we’ll really tell you if we don’t think it’s a good fit!)</em><br>                                      &nbsp;
                                    </p>

                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <!--[if mso]>
				</td>
				<![endif]-->

                            <!--[if mso]>
				</tr>
				</table>
				<![endif]-->
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td valign="top" id="templateFooter" style="background:#ffffff none no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 9px;padding-bottom: 9px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                      <tbody class="mcnTextBlockOuter">
                        <tr>
                          <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                            <!--[if mso]>
				<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
				<tr>
				<![endif]-->

                            <!--[if mso]>
				<td valign="top" width="600" style="width:600px;">
				<![endif]-->
                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
                              <tbody>
                                <tr>

                                  <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #656565;font-family: Helvetica;font-size: 12px;line-height: 150%;text-align: center;">

                                    <br> Copyright © 2016 SYPartners, All rights reserved.<br> You are receiving this email because you expressed your interest in being updated when SYPartners has new information regarding its products.<br>
                                    <br>
                                    <br>
                                    <a href="#" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #656565;font-weight: normal;text-decoration: underline;"
                                      target="_blank">update your preferences</a>&nbsp; &nbsp;<a href="#"
                                      style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #656565;font-weight: normal;text-decoration: underline;" target="_blank">unsubscribe from this list</a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <!--[if mso]>
				</td>
				<![endif]-->

                            <!--[if mso]>
				</tr>
				</table>
				<![endif]-->
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <!--[if gte mso 9]>
						</td>
						</tr>
						</table>
						<![endif]-->
            <!-- // END TEMPLATE -->
          </td>
        </tr>
      </tbody>
    </table>
  </center>

</body>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console