Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Exit
kineticcreative123
Contributor
kineticcreative123
Contributor
Activity
‎Sep 25, 2018
06:26 AM
Yes I did. Here is the footer code and html file link. Dropbox - index.html <!-- footer --> <table class="flexible" width="740" style="margin:0 auto;" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <tr> <td> <!-- footer top block --> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0px;" class="content_width"> <!-- spacing --> <tr> <td width="100%" height="40"> </td> </tr> <!-- end spacing --> <!-- content --> <tr> <td> <!-- footer logo --> <table height="40" width="30" align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full_width"> <tr> <td> </td> </tr> </table> <table align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full_width center_txt"> <tr> <td> <img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" width="170" height="36" alt="" title="" border="0" style="border:0; display:inline_block;"> </td> </tr> </table> <!-- end logo --> <!-- spacing --> <!-- end spacing --> <!-- footer links --> <table align="right" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;margin-top:10px;width: 250px;" class="full_width center_txt"> <tr> <td><a href="https://twitter.com/premierha/status/879806051176120320" target="_blank"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" width="30" height="30" alt="" title="" border="0" style="border:0; display:inline_block;margin-right: -3px;"/></a> <a href="https://www.linkedin.com/company/premier-inc" target="_blank"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" width="30" height="30" alt="" title="" border="0" style="border:0; display:inline_block;"/></a> <a href="https://www.instagram.com/premierha/?hl=en" target="_blank" ><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" width="30" height="30" alt="" title="" border="0" style="border:0; display:inline_block;"/></a> <a href="https://www.youtube.com/user/premieralliance" target="_blank" ><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" width="30" height="30" alt="" title="" border="0" style="border:0; display:inline_block;"/></a> <a href="https://www.facebook.com/premierhealthcarealliance/" target="_blank" ><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" width="30" height="30" alt="" title="" border="0" style="border:0; display:inline_block;"/></a></td> </tr> </table> <!-- end footer links --> </td> </tr> <!-- content --> <!-- spacing --> <tr> <td width="100%" height="40"><center style="color:#ffffff;font-family: Arial, Helvetica, sans-serif;margin:15px;font-size: 14px;font-weight: 400;">Premier Inc. 13034 Ballantyne Corporate Pl, Charlotte, NC 28277 | <span style="text-decoration:underline;">Unsubscribe</span></center></style></td> </tr> </table> <!-- end footer -->
... View more
‎Sep 24, 2018
01:47 PM
Hey osgood! I'm having an issue with the footer positioning. I've attached a link to the screen recording. It's fine in a browser just not an email. Dropbox - email.mov
... View more
‎Sep 24, 2018
11:18 AM
You are awesome. I figured it was placement of the table and setting the width somewhere to 740. I thought I tried to change that but must have been placing my table in the wrong spot. Thanks again!!!
... View more
‎Sep 24, 2018
09:28 AM
Hi all, I have an email template in which I revised and added my custom footer to. It works correctly but is in the wrong container and can't figure where to put it. It's running the width of the window instead of the email (740px) and I'm not sure where to place the table. Thanks for any help. Here is a link to the html file. It was rendering weird when I pasted here. Dropbox - index.html
... View more
‎Sep 06, 2018
09:15 AM
Hi Everyone, Thanks for all the replies. Some great knowledge. I got it to work by placing the more details, less details copy where the + and - (\002B) was. I removed the <h3>(placeholdertext)</h3> and now just have an empty <h3></h3> tag. Maybe not the best solution but its good now. Here is a link to the page. Become a High Reliability Organization | Premier Yes the code is wacky on the page. I'm using the iON interactive platform to calculate real-time answers with landing pages. You can add custom code blocks. I only use them for assessments so all my work isn't done with them:) Just sayin'. I'm enjoying learning to build from scratch and have come a long way with the help from you all. Thanks again.
... View more
‎Sep 05, 2018
02:11 PM
Thanks everyone. Just gonna use Johns fix and swap out the + and - with the text and center. People wanted to the plus and minus to stay but I talked them out of it.
... View more
‎Sep 05, 2018
01:50 PM
Thanks John, Thats for the + and - symbol which I would like to keep. Just wan to change the centered bar text.
... View more
‎Sep 05, 2018
01:41 PM
nevermind that didn't work
... View more
‎Sep 05, 2018
01:37 PM
Thanks Nancy, So is it possible (since I have my styles in place) to just replace open and showpanel below with my style names? $(document).ready(function(){ $('.open').click(function(){ var link = $(this); $('.showpanel').slideToggle('slow', function() { if ($(this).is(":visible")) { link.text('close'); } else { link.text('open'); } }); });
... View more
‎Sep 05, 2018
01:19 PM
Hi all, I have an accordion with text in the bar. I would like it to say read more and read less when expanded. Below is my code. How would I be able to do this? CSS? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Slide Panels</title> <link href="https://fonts.googleapis.com/css?family=Raleway:400,600" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet"> <style> } * { box-sizing: border-box; } .accordion_wrapper { width: 75%; margin: 0 auto; } @media screen and (max-width: 768px) { .accordion_wrapper { width: 90%; } } @media screen and (max-width: 480px) { .accordion_wrapper { width: 95%; } } .accordion { position: relative; border-radius: 50px; padding: 10px; margin: 0 0 10px 0; } .accordion h3 { margin: 0; padding: 0; font-size: 21px; font-weight: 400; text-align: center; font-family: Roboto, sans-serif; } .accordion h3:after { float: right; content: '\002B'; color: #777; font-weight: bold; font-size: 25px; line-height:30px; } .active h3:after { float: right; content: "\2212"; color: #777; font-weight: bold; font-size: 30px; font-family: Roboto, sans-serif; } .accordion_panel { padding: 20px 30px 30px 30px; color: #fff; text-align: left; } .accordion_panel h3 { margin: 0; padding: 0 0 15px 0; font-size: 25px; font-weight: 600; text-align: left; } .accordion_panel p { margin: 0; padding: 0; text-align: left; } .accordion_panel li { margin: 0 0 15px 0px; text-align:left; } .accordion_panel ul { margin: 0 0 0 15px; text-align:left; } .one { background-color: #ffc627; } .two { background-color: #99cccc; } .three { background-color: #0099cc; } </style> </head> <body> <div class="accordion_wrapper"> <div class="accordion one"> <h3>(place holder)</h3> </div> <!-- end accordion/one --> <div class="accordion_panel"> <span style="font-size:20px;line-height:2;font-family: Roboto, sans-serif;font-weight:300;color:#000000;"><i aria-hidden="true" class="fa fa-chevron-right"> </i> physician-led structure with effective physician champions<br /> <i aria-hidden="true" class="fa fa-chevron-right"> </i> high levels of trust between administrative and clinical leaders<br /> <i aria-hidden="true" class="fa fa-chevron-right"> </i> collaborative culture that encourages cost-effective care</span><span style="font-size:16px;font-family: Roboto, sans-serif;"> </span> <p> </p> </div> <!-- end accordion_panel --> </div> <!-- end accordion_wrapper --> </body> </html>
... View more
‎Aug 30, 2018
08:35 AM
No I didn't ask this question last week. So are you suggesting making all my styles inline?
... View more
‎Aug 30, 2018
08:09 AM
Hey everyone, I'm working on an email and of course I'm getting the usual outlook rendering issues. I've tested in Litmus and it looks great in all clients but a few outlook versions. Below is the code . I've attached screenshots. one of how it should look and one of my litmus outlook rendering. As you can see the header image isn't centering and something dropped my text down below each image. Thank you for any help. <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Premier Marketing Update</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> </head> <body> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'> <!-- General CSS --> <style type="text/css"> .main_container{ max-width: 740px; height: 100%; margin: 10px auto 0px auto; } .in_container{ background: #fafafa; border-radius: 2px; box-shadow: 0 0 6px #c9d1de; -webkit-box-shadow: 0 0 6px #c9d1de; -moz-box-shadow: 0 0 6px #c9d1de; -o-box-shadow: 0 0 6px #c9d1de; } .back_link{ display: block; text-decoration: none; margin-top: 80px; text-align: center; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #3E3E3E; font-size: 16px; letter-spacing: 1px; } .back_link .back_arrow_icon{ vertical-align: middle; margin-right: 10px; } html{ width: 100%; } body{ width: 100%; margin:0; padding:0; -webkit-font-smoothing: antialiased; mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px; background: #eef1f2; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } p,h1,h2,h3,h4{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; } table{ font-size: 14px; border: 0; } img{ border: none!important; } </style> <!-- Responsive CSS --> <style type="text/css"> @media only screen and (max-width: 600px) { body[yahoo] .full_width_600 {width:90% !important;} } @media only screen and (max-width: 700px) { body[yahoo] .full_width_700 {width:100% !important;} body[yahoo] .txt_center {text-align:center !important;} body[yahoo] .separator {height: 40px !important;} } </style> <!-- footer --> <style> html{width:100%;} body{width:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;mso-margin-top-alt:0px;mso-margin-bottom-alt:0px;mso-padding-alt:0px 0px 0px 0px;background:#E7E7E7;} table{font-size:14px;border:0;} img{border:none!important;} /*! CSS Used from: Embedded */ @media only screen and (max-width: 700px){ body[yahoo] .full_width{width:100%!important;} body[yahoo] .content_width{width:80%!important;} body[yahoo] .center_txt{text-align:center!important;} } </style> <!-- end footer --> </head> <body style="margin: 0; padding: 0;" yahoo="fix"> <div class="main_container"> <!-- Header --> <table class="in_container" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <tr> <td> <!-- Hero --> <table> <tr> <td align="center"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/Marketing_Update_Header_Image.png" width="100%" style="max-width:740px;" alt=""/></td> </tr> </table> <!-- End Hero --> <!-- About --> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#ffffff;"> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="right" width="46%" style="width:46%; text-align:right; color: #ffc627; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 600; line-height:30px;">Edition 5</td> <td align="left" width="54%" style="width:54%; text-align:left; color: #676f84; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 600; line-height:30px;"> August 2018</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="max-width: 550px; margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:center; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This monthly publication is for internal awareness only. Please do not forward this to members, though please leverage the assests enclosed to share with your members and prospects. </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> </table> <!-- End About --> <!-- Services --> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#efefef;"> <tr><td height="60px" width="100%" style="height:60px;background-color: #0091b3;"><p style="text-align: center;font-size: 22px;color: #ffffff;">Section 1 Heading</p></td></tr> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <!-- Service 1 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="left" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="right" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style="text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 1 --> </td> </tr> <tr><td height="60px" width="100%" style="height:60px;"></td></tr> <tr> <td> <!-- Service 2 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="right" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="left" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style=" text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> <td width="25px" height="1px"></td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 2 --> <!-- Services --> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#efefef;"> <tr><td height="60px" width="100%" style="height:60px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <!-- Service 1 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="left" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="right" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style="text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> <!-- End Text --> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> </td> </tr> </table> <!-- End Service 1 --> </tr> <tr> <!-- Service 2 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="right" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="left" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style=" text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> <td width="25px" height="1px"></td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 2 --> </td> </tr> </table> </td> </tr> <tr><td height="30px" width="100%" style="height:30px;"></td></tr> </table> <!-- End Section --> </td> </tr> </table> <!-- End Price --> <!-- Bottom --> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" background="http://ryanhallmedia.com/thirdspace/img/email/lastback.jpg" bgcolor="3d424e" style="background-image:url('img/lastback.jpg'); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover -o-background-size: cover; background-position: bottom center; background-repeat: no-repeat; background-color:#3d424e;border-radius:0px 0px 2px 2px;"> <tr> </tr> </table> <tr><td height="60px" width="100%" style="height:60px;background-color: #0091b3;"><p style="text-align: center;font-size: 22px;color: #ffffff;">Section 2 Heading</p></td></tr> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#efefef;"> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <!-- Service 1 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="left" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="right" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style="text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 1 --> </td> </tr> <tr><td height="60px" width="100%" style="height:60px;"></td></tr> <tr> <td> <!-- Service 2 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="right" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="left" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style=" text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> <td width="25px" height="1px"></td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 2 --> <!-- Services --> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#efefef;"> <tr><td height="60px" width="100%" style="height:60px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <!-- Service 1 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="left" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="right" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style="text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <tr><td height="60px" width="100%" style="height:60px;"></td></tr> </td> </tr> </table> <!-- End Service 1 --> </tr> <tr> <!-- Service 2 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="right" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="left" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style=" text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> <td width="25px" height="1px"></td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 2 --> </td> </tr> </table> </td> </tr> <tr><td height="30px" width="100%" style="height:30px;"></td></tr> </table> <!-- End Section --> <tr><td height="60px" width="100%" style="height:60px;background-color: #0091b3;"><p style="text-align: center;font-size: 22px;color: #ffffff;">Section 3 Heading</p></td></tr> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#efefef;"> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <!-- Service 1 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="left" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="right" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style="text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 1 --> </td> </tr> <tr><td height="60px" width="100%" style="height:60px;"></td></tr> <tr> <td> <!-- Service 2 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="right" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="left" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style=" text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> <td width="25px" height="1px"></td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 2 --> <!-- Services --> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" bgcolor="ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#efefef;"> <tr><td height="85px" width="100%" style="height:85px;"></td></tr> <tr> <td align="center"> <table class="full_width_600" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <td> <!-- Service 1 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="left" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="right" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style="text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> <!-- End Text --> <tr><td height="35px" width="100%" style="height:35px;"></td></tr> </td> </tr> </table> <!-- End Service 1 --> </tr> <tr> <!-- Service 2 --> <table class="full_width_700" width="100%" cellpadding="0" align="left" cellspacing="0" style="width: 100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <!-- image --> <table class="full_width_700" width="40%" cellpadding="0" align="right" cellspacing="0" style="width: 40%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td> <img src="http://ryanhallmedia.com/thirdspace/img/email/section.jpg" alt="" title="" border="0" style="width: 100%; max-width: 345px;"/> </td> </tr> </table> <!-- End image --> <!-- Text --> <table class="full_width_700" width="60%" cellpadding="0" align="left" cellspacing="0" style="width: 60%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;" class="full_width_600"> <tr> <td width="25px" height="1px"></td> <td> <table class="full_width_700" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 345px;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;text-align:center;"> <tr> <tr><td height="10px" width="100%" style="height:10px;"></td></tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td align="left" style=" text-align:left; color: #757c8f; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height:30px;">This would be a cool feature</td> </tr> </table> </td> </tr> <tr><td height="15px" width="100%" style="height:15px;"></td></tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0;"> <tr> <td style="text-align:left; color: #b4c0c5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 20px;"> This will be a nice paragraph summing up the email below. This will be a nice paragraph summing up the email below.This will be a nice paragraph. </td> </tr> </table> </td> </tr> </table> </td> <td width="25px" height="1px"></td> </tr> </table> <!-- End Text --> </td> </tr> </table> <!-- End Service 2 --> </td> </tr> </table> </td> </tr> <tr><td height="30px" width="100%" style="height:30px;"></td></tr> </table> <!-- End Section --> </td> </tr> </table> </td> </tr> </table> <!-- Footer --> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <tr> <td> <!-- footer top block --> <table width="700" align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border:0px;" class="content_width"> <!-- spacing --> <tr> <td width="100%" height="40"> </td> </tr> <!-- end spacing --> <!-- content --> <tr> <td> <!-- footer logo --> <table align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full_width center_txt"> <tr> <td> <table height="40" width="30" align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full_width"> <tr> <td> </td> </tr> </table> <img src="http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png" width="216" height="46" alt="" title="" border="0" style="border:0; display:inline_block;"> </td> </tr> </table> <!-- end logo --> <!-- spacing --> <!-- end spacing --> <!-- footer links --> <table align="right" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;margin-top:10px;width: 250px;" class="full_width center_txt"> <tr> <td><a href="https://twitter.com/premierha/status/879806051176120320" target="_blank"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png" width="35" height="35" alt="" title="" border="0" style="border:0; display:inline_block;margin-right: -3px;"/></a> <a href="https://www.linkedin.com/company/premier-inc" target="_blank"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png" width="35" height="35" alt="" title="" border="0" style="border:0; display:inline_block;"/></a> <a href="https://www.instagram.com/premierha/?hl=en" target="_blank" ><img src="http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png" width="35" height="35" alt="" title="" border="0" style="border:0; display:inline_block;"/></a> <a href="https://www.youtube.com/user/premieralliance" target="_blank" ><img src="http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png" width="35" height="35" alt="" title="" border="0" style="border:0; display:inline_block;"/></a> <a href="https://www.facebook.com/premierhealthcarealliance/" target="_blank" ><img src="http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png" width="35" height="35" alt="" title="" border="0" style="border:0; display:inline_block;"/></a></td> </tr> </table> <!-- end footer links --> </td> </tr> <!-- content --> <!-- spacing --> <tr> <td width="100%" height="40"><center style="color:#ffffff;font-family: Arial, Helvetica, sans-serif;margin:15px;">Premier Inc. 13034 Ballantyne Corporate Pl, Charlotte, NC 28277 </center></style></td> </tr> <!-- end spacing --> <!-- vertical separator --> <tr> <td> </td> </tr> <!-- end vertical separator --> </table> <!-- end footer top block --> <!-- footer bottom block --><!-- end footer bottom block --> </td> </tr> </table> <!-- End Footer --> </div> </body> </html> </body> </html>
... View more
‎Aug 27, 2018
01:41 PM
Will do. Thanks Osgood.
... View more
‎Aug 27, 2018
01:40 PM
Very true. Lines and lines and...
... View more
‎Aug 27, 2018
01:12 PM
Ya that code is generated by the platform. I know it's wacky. These are the people: ion interactive Content Marketing Solutions I used Muse once. Thats too funny. And I mean once. Worst piece of software ever built. EVER.
... View more
‎Aug 27, 2018
12:51 PM
Hey there that worked. Thanks. As far as the arrow staying in line with the vertical rule how could I accomplish that?
... View more
‎Aug 27, 2018
12:47 PM
Ya their code is a little wacky lol. Breath... Don't want you to keel over on my account. Pretty cool platform though. Take a bunch of work out of backend stuff. We mainly use them for real time interactive assessments. You can plug in all the code you want. I will give your suggestions a shot and get back. Thanks!!
... View more
‎Aug 27, 2018
11:43 AM
I'm using iON Interactive. This is a "code block" I placed on the page that I wrote. So it really doesn't have anything to do with the framework. I plan on using this footer on other pages outside of iON.
... View more
‎Aug 27, 2018
11:18 AM
Hey all, Below is a page I'm working on. How can I set the stacking order of each block? for instance I would like both secondary nav sections to be at top and so on. One more question... Is there a way to get the bootstrap button at the bottom to align better with the vertical line when media size changes? Thanks in advance for any help!! Here is the link: Executive Insights from Premier – Spring Edition
... View more
‎Apr 05, 2018
05:55 AM
Worked! Thanks a bunch Osgood!
... View more
‎Apr 04, 2018
02:20 PM
Yes, I cleared cache and tried hard refreshes. Looks fine in design preview. tried chrome and firefox. weird. I uploaded to the server with the previous link and still not centered. I added it here: .accordion h3 { margin: 0; padding: 0; font-size: 22px; font-weight: 400; text-align: center; }
... View more
‎Apr 04, 2018
01:55 PM
No dice. even tried !important;
... View more
‎Apr 04, 2018
01:40 PM
Hey osgood. I'm trying to center the tab heading and I've tried to add text-align:center ; to all the styles and it's not working. I've added it to these styles and none work. Whats weird is that it centers in design view but not live. .one h3 { (i added the h3) background-color: #ffc627; text-align:center; } .accordion h3 { margin: 0; padding: 0; font-size: 22px; font-weight: 400; text-align:center; } .accordion { display: flex; justify-content: space-between; position: relative; border-radius: 25px; padding: 20px 30px 17px 30px; margin: 0 0 10px 0; text-align:center; } I've tried inline style as well.
... View more
‎Apr 04, 2018
12:53 PM
You rock osgood!!!!! Thanks so much for catching that. I didn't even think to look at the js sorry. Nice work! I was wondering where osgood was:)
... View more
‎Apr 04, 2018
11:42 AM
I'm using Chrome. I tested your suggestion locally. When you preview from dreamweaver all the tabs are open with height set to 100% update--- whaTS WEIRD is that if I have the window resized to mobile before I open the tab it's fine. Just noticed this. so for instance if my desktop window is about 600 and I open a tab the panel is sizing correctly but when I reduce the width even more it messes up. If I open a tab with the window as small as it can get it works. But if i start at say 1200 and try to reduce it gets funky. any changes to the height makes the tab open automatically
... View more
‎Apr 04, 2018
11:11 AM
Thanks Ben for your response. I tried what you suggested and the text cutting off issue is fixed but all the tabs are all automatically opened now.
... View more
‎Apr 04, 2018
07:27 AM
Hello, I have an accordion and can't get the panel to adjust height on mobile devices. I've tried changing max-height:0; to height:auto; and overflow:visible; but it still won't work. Can someone please help with this? Thanks in advance. Below is a link to my working accordion. http://offers.premierinc.com/accordion_accordion.html
... View more
‎Mar 26, 2018
07:12 AM
Hi Nancy, Thanks for the link. I really don't want to have to rebuild the css I created and was hoping to find the script to make this work on the one I have built. I've been looking for just the script and am not having any luck.
... View more
‎Mar 23, 2018
11:43 AM
Hi all, I built an accordion and am having issues getting one of the tabs to have an active state when landing on the page it's built into. I am guessing this would be js but I'm not having any luck. This is a link to what I have so far. Thanks for any help. http://offers.premierinc.com/accordion_accordion.html
... View more
‎Feb 19, 2018
01:14 PM
Hi Ben, Thanks for your advice. I have found a few template sites that have code that works ok. I've used foundation. problem is my company wants all our emails to mimic the landing pages I create making things hard. Probably going to suggest simplifying the email version a bit to get around the problematic code. After using bulletproof button code my buttons look fine. We use Marketo. Even their built in templates have issues. Mine even render better than theirs in most cases through litmus. I guess it all comes down to do you want it fancy and work on 80% of email clients or close to 100% with something simple with no background images. Thanks again
... View more
Copyright © 2025 Adobe. All rights reserved.
AdChoices