Safe Kids Worldwide

Developer
Size
6,776 Kb
Views
14,168

How do I make an safe kids worldwide?

Great use of making text legible and collapsing tables. Instead of an all back background, I would go with a colored 1 pixel border. Overall, I like this design.. What is a safe kids worldwide? How do you make a safe kids worldwide? This script and codes were developed by Gene Miller on 19 December 2022, Monday.

Safe Kids Worldwide Previews

Safe Kids Worldwide - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Safe Kids Worldwide</title>
</head>
<body> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!-- utf-8 works for most cases --> <meta name="viewport" content="width=device-width" /> <!-- Forcing initial-scale shouldn't be necessary --> <meta content="IE=edge" http-equiv="X-UA-Compatible" /> <!-- Use the latest (edge) version of IE rendering engine --> <meta name="viewport" content="width=device-width" /> <title></title> <!-- The title tag shows in email notifications, like Android 4.4. --> <!-- Web Font / @font-face : BEGIN --> <!-- NOTE: If web fonts are not required, lines 9 - 26 can be safely removed. --> <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. --> <!--[if mso]> <style> * { font-family: sans-serif !important; } </style> <![endif]--> <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ --> <!--[if !mso]> <!--> <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> --> <!--<![endif]--> <!-- Web Font / @font-face : END --> <!-- CSS Reset --> <style type="text/css"> /* What it does: Remove spaces around the email design added by some email clients. */ /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */ html, body { margin: 0 !important; padding: 0 !important; height: 100% !important; width: 100% !important; } /* What it does: Stops email clients resizing small text. */ * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* What it does: Forces Outlook.com to display emails full width. */ .ExternalClass { width: 100%; } /* What is does: Centers email on Android 4.4 */ div[style*="margin: 16px 0"] { margin:0 !important; } /* What it does: Stops Outlook from adding extra spacing to tables. */ table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; } /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */ table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; Margin: 0 auto !important; } table table table { table-layout: auto; } /* What it does: Uses a better rendering method when resizing images in IE. */ img { -ms-interpolation-mode:bicubic; } /* What it does: Overrides styles added when Yahoo's auto-senses a link. */ .yshortcuts a { border-bottom: none !important; } /* What it does: A work-around for iOS meddling in triggered links. */ .mobile-link--footer a, a[x-apple-data-detectors] { color:inherit !important; text-decoration: underline !important; }	/*What it does: controls the break points of the recalls text to fit both desktop and mobile */	p.recalls {	width: 400px !important;	margin-left: auto !important;	margin-right: auto !important;	} </style> <!-- Progressive Enhancements --> <style type="text/css"> /* What it does: Hover styles for buttons */ .button-td, .button-a { transition: all 100ms ease-in; } .button-td:hover, .button-a:hover { background: #ee334e !important; border-color: #ee334e !important; } /* Media Queries */ @media screen and (max-width: 600px) { .email-container { display: block !important; width: 100% !important; } .top-headline { font-size: 20px !important; } /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */ .fluid, .fluid-centered { max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } /* And center justify these ones. */ .fluid-centered { margin-left: auto !important; margin-right: auto !important; } /* What it does: Forces table cells into full-width rows. */ .stack-column, .stack-column-center { display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; } /* And center justify these ones. */ .stack-column-center { text-align: center !important; } /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */ .center-on-narrow { text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } table.center-on-narrow { display: inline-block !important; }	p.recalls {	width: 90% !important;	margin-left: auto !important;	margin-right: auto !important;	} }	@media screen and (max-width: 490px) {	br {	display: none !important;	}	} .button-a1 { transition: all 100ms ease-in;
}
.button-td1 { transition: all 100ms ease-in;
} .button-a2 { transition: all 100ms ease-in;
}
.button-td2 { transition: all 100ms ease-in;
} .button-a3 { transition: all 100ms ease-in;
}
.button-td3 { transition: all 100ms ease-in;
} .button-a21 {transition: all 100ms ease-in;
}
.button-td21 {transition: all 100ms ease-in;
} .button-a31 {transition: all 100ms ease-in;
}
.button-td31 {transition: all 100ms ease-in;
} .button-a11 {transition: all 100ms ease-in;
}
.button-td11 {transition: all 100ms ease-in;
} </style> <!-- TemplateBeginEditable name="content" --> </head> <body> <table style="border-collapse:collapse;" border="0" width="100%" height="100%" align="center" bgcolor="#222222" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <center style="width: 100%;"> <!-- Visually Hidden Preheader Text : BEGIN --> <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">Safe Kids Top Tips Newsletter</div> <!-- Visually Hidden Preheader Text : END --> <!-- Email Header : BEGIN --> <!-- Email Header : END --> <!-- Email Body : BEGIN --> <table class="email-container" border="0" width="600" align="center" bgcolor="#ffffff" cellspacing="0" cellpadding="0"> <!-- Hero Image, Flush : BEGIN --> <tbody> <tr> <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; text-align: center;" width="100%"><span style="padding: 10px 10px; width: 100%; font-size: 12px; font-family: sans-serif; mso-height-rule: exactly; line-height:18px; text-align: center; color: #333;"><a href="http://salsa4.salsalabs.com/o/51121/t/0/blastContent.jsp?email_blast_KEY=1348839"> <webversion style="color:#333; text-decoration:underline; font-weight: bold;">View as a Web Page</webversion></a> </span> </td> </tr> <tr> <td class="center-on-narrow top-headline" style="font-family: sans-serif; font-size: 35px; mso-height-rule: exactly; line-height: 1.2em; color: #FFF; padding: 20px 20px 20px 20px; text-align: center; font-weight: bolder; background-color: #0095DA;">Top Tips to Keep Kids Safe</td> </tr> <tr> <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 10px 10px 10px 10px; text-align: center;">May 11, 2017</td> </tr> <tr> <td style="text-align: center;"> <a href="https://www.safekids.org/infographic/kids-and-wheeled-sports-safety?utm_campaign=wheeled-sports&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-wheeled-sports"> <img class="fluid" style="width: 100%; max-width: 600px;" border="0" height="300" align="middle" alt="Holiday Travel Safety" src="http://salsa4.salsalabs.com/o/51121/images/Top%20Tips%20Images/May%2011/Top-Story-Wheels.jpg" /> </a> </td> </tr> <!-- Hero Image, Flush : END --> <!-- 1 Column Text : BEGIN --> <tr> <td class="center-on-narrow" style="font-family: sans-serif; font-size: 25px; mso-height-rule: exactly; line-height: 30px; color: #0095da; padding: 20px 20px 2px 20px; text-align: center; font-weight: bolder;">The Surprising Facts about <br />Wheeled Sports Safety</td> </tr> <tr> <td style="padding: 10px; text-align: center; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555;"> <table style="Margin: auto" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="button-td" style="border-radius: 3px; text-align: center;"> <a class="button-a" href="https://www.safekids.org/infographic/kids-and-wheeled-sports-safety?utm_campaign=wheeled-sports&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-wheeled-sports" style="background: #0095da; border: 15px solid #0095da; padding: 0 10px; color: #ffffff; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" target="_blank">See our infographic <!--[if mso]> <![endif]--> </a> </td> </tr> </tbody> </table> <!-- Button : END --> </td> </tr> <tr> <td align="center" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="stack-column-center" valign="top"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 10px; text-align: center"> <a href="https://www.safekids.org/video/safety-seconds-bike-helmets?utm_campaign=wheeled-sports&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-wheeled-sports" target="_blank"> <img width="176" height="176" align="middle" alt="Toy Safety" src="http://salsa4.salsalabs.com/o/51121/images/Top%20Tips%20Images/May%2011/square-story-helmet-fit-test.jpg" /> </a> </td> </tr> <tr class="email-container" bgcolor="#ffffff" height="100"> <td class="center-on-narrow" style="padding: 10px 10px 0px; text-align: center;"> <p><font color="#0095da" face="sans-serif"><span style="font-size: 15px; line-height: 20px;"><strong>Safety in Seconds: <br /> Learn the Bike Helmet Fit Test</strong></span></font> </p> </td> </tr> <tr> <td class="center-on-narrow" style="padding: 10px 10px 10px; text-align: center;"> <!-- Button : Begin --> <table style="color: rgb(85, 85, 85); font-family: sans-serif; font-size: 15px; line-height: 20px; margin: auto;" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="button-td" style="border-radius: 3px;text-align: center;"> <a class="button-a" href="https://www.safekids.org/video/safety-seconds-bike-helmets?utm_campaign=wheeled-sports&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-wheeled-sports" style="background: #0095da; border: 15px solid #0095da; padding: 0 10px; color: #ffffff; font-family: sans-serif; font-size: 11px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" target="_blank">Watch the video <!--[if mso]> <![endif]--> </a> </td> </tr> </tbody> </table> <!-- Button : END --> </td> </tr> </tbody> </table> </td> <td class="stack-column-center" valign="top"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 10px; text-align: center"> <a href="https://www.safekids.org/blog/you-can-keep-your-teen-drivers-safer-here-are-7-ways-can-help?utm_campaign=Teen-Driver&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-Teen-Driver"> <img width="176" height="176" align="middle" alt="Booster Seat" src="http://salsa4.salsalabs.com/o/51121/images/Top%20Tips%20Images/May%2011/square-story-teen-drvr.jpg" /> </a> </td> </tr> <tr class="email-container" bgcolor="#ffffff" height="100"> <td class="center-on-narrow" style="padding: 10px 10px 0px; text-align: center;"> <p><font color="#0095da" face="sans-serif"><span style="font-size: 15px; line-height: 20px;"><strong>7 Ways to Keep Your Teen Driver Safer, From a Mom Who&rsquo;s Been There <br type="_moz" /> </strong></span></font> </p> </td> </tr> <tr> <td class="center-on-narrow" style="padding: 10px 10px 10px; text-align: center;"> <table style="color: rgb(85, 85, 85); font-family: sans-serif; font-size: 15px; line-height: 20px; margin: auto;" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="button-td" style="border-radius: 3px;text-align: center;"> <a class="button-a" href="https://www.safekids.org/blog/you-can-keep-your-teen-drivers-safer-here-are-7-ways-can-help?utm_campaign=Teen-Driver&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-Teen-Driver" style="background: #0095da; border: 15px solid #0095da; padding: 0 10px; color: #ffffff; font-family: sans-serif; font-size: 11px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" target="_blank">Read our blog <!--[if mso]> <![endif]--> </a> </td> </tr> </tbody> </table> <!-- Button : END --> </td> </tr> </tbody> </table> </td> <td class="stack-column-center" valign="top"> <table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 10px; text-align: center"> <a href="https://www.safekids.org/interactive/getting-school-safely?utm_campaign=Pedestrian-Safety&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-Pedestrian-Safety" target="_blank"> <img width="176" height="176" align="middle" alt="Clifford Donations" src="http://salsa4.salsalabs.com/o/51121/images/Top%20Tips%20Images/May%2011/square-story-get-to-school-safely.jpg" /> </a> </td> </tr> <tr class="email-container" bgcolor="#ffffff" height="100"> <td class="center-on-narrow" style="padding: 10px 10px 0px; text-align: center;"> <p><font color="#0095da" face="sans-serif"><span style="font-size: 15px; line-height: 20px;"><strong>Can You Find All the Ways to Travel Safely to School? </strong></span></font> </p> </td> </tr> <tr> <td class="center-on-narrow" style="padding: 10px 10px 10px; text-align: center;"> <table style="Margin: auto" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="button-td" style="border-radius: 3px; text-align: center;"> <a class="button-a" href="https://www.safekids.org/interactive/getting-school-safely?utm_campaign=Pedestrian-Safety&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-Pedestrian-Safety" style="background: #0095da; border: 15px solid #0095da; padding: 0 10px; color: #ffffff; font-family: sans-serif; font-size: 11px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" target="_blank">View the Graphic <!--[if mso]> <![endif]--> </a> </td> </tr> </tbody> </table> <!-- Button : END --> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <!-- Two Even Columns : END --> <!-- Thumbnail Left, Text Right : BEGIN --> <tr> <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #0095da; padding: 10px 10px 0px 10px; text-align: center; font-weight: bolder;"> <hr size="1" noshade="noshade" />Children's Product Recalls</td> </tr> <tr> <td style="padding: 10px; text-align: center"> <a href="https://www.safekids.org/product-recalls?utm_campaign=Product-Recalls&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-Product-Recalls" target="_blank"> <img width="176" height="176" align="middle" alt="Recalls" src="https://salsa4.salsalabs.com/o/51121/images/recalls.png" /> </a> </td> </tr> <tr> <td class="center-on-narrow" style="font-family:sans-serif;font-size:15px;line-height:20px;color:#555555;padding:1px 1px 1px 1px;text-align:center"> <p class="recalls" style="width: 400px; margin-left: auto; margin-right: auto" align="center">Be sure to visit our site for updated recall information and articles on breaking news about children's products.</p> <table style="Margin: auto" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="button-td" style="border-radius: 3px; text-align: center;" width="250"> <a class="button-a" href="https://www.safekids.org/product-recalls?utm_campaign=Product-Recalls&utm_source=email-newsletter&utm_medium=email&utm_content=Top-Tips-May-11-Product-Recalls" style="background: #0095da; border: 15px solid #0095da; padding: 0 10px; color: #ffffff; font-family: sans-serif; font-size: 11px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" target="_blank"> <!--[if mso]>&#xa0;&#xa0;&#xa0;&#xa0;<![endif]-->View Children's Product Recalls <!--[if mso]>&#xa0;&#xa0;&#xa0;&#xa0;<![endif]--> </a> </td> </tr> </tbody> </table> <hr size="1" noshade="noshade" /> </td> </tr> <tr> <td align="center"> <table> <tbody> <tr align="center"> <td class="stack-column-center" style="text-align: center;" align="center"> <a href="https://www.safekids.org/events/field_type/check-event?utm_campaign=car-seat-check-up&utm_content=top-tips-May-11-cps-check-event&utm_medium=email&utm_source=email-newsletter"> <img width="90" height="105" alt="" src="https://salsa4.salsalabs.com/o/51121/images/car-seat-check.png" /> </a> <a href="https://www.safekids.org/safetytips?utm_campaign=safety-tips&utm_content=top-tips-May-11-safety-tips&utm_medium=email&utm_source=email-newsletter"> <img width="90" height="105" alt="" src="https://salsa4.salsalabs.com/o/51121/images/safety-tips.png" /> </a> </td> <td class="stack-column-center" style="text-align: center;" align="center"> <a href="https://www.safekids.org/howtowalk/?utm_campaign=how-to-walk&utm_content=top-tips-May-11-how-to-walk&utm_medium=email&utm_source=email-newsletter"> <img width="90" height="105" alt="" src="https://salsa4.salsalabs.com/o/51121/images/how-not-to-get-hit-by-car.png" /> </a> <a href="https://www.safekids.org/teen-drivers-infographic/?utm_campaign=teens-in-cars&utm_content=top-tips-May-11-teens-in-cars&utm_medium=email&utm_source=email-newsletter"> <img width="90" height="105" alt="" src="https://salsa4.salsalabs.com/o/51121/images/dangerous-things-teens-do-in-cars.png" /> </a> </td> <td class="stack-column-center" style="text-align: center;" align="center"> <a href="https://www.safekids.org/product-recalls?utm_campaign=recalls&utm_content=top-tips-May-11-recalls&utm_medium=email&utm_source=email-newsletter"> <img width="90" height="105" alt="" src="https://salsa4.salsalabs.com/o/51121/images/latest-recalls.png" /> </a> <a href="https://www.safekids.org/my-high-5?utm_campaign=myhigh5&utm_content=top-tips-May-11-myhigh5&utm_medium=email&utm_source=email-newsletter"> <img width="90" height="105" alt="" src="https://salsa4.salsalabs.com/o/51121/images/myhigh5-safety-checklist.png" /> </a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="center-on-narrow" style="font-family: sans-serif; font-size: 10px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 10px 10px 10px 10px; text-align: center;"> <hr size="1" noshade="noshade" /> <p> <a href="https://www.safekids.org/?utm_campaign=homepage&utm_content=top-tips-May-11-homepage&utm_medium=email&utm_source=email-newsletter" target="_blank"> <img border="0" width="112" height="106" alt="" src="http://salsa4.salsalabs.com/o/51121/images/New%20Ounce/logo.jpg" /> </a> <br /> <span class="mobile-link--footer">1255 23rd Street, NW, Suite 400<br /> Washington, DC 20037 <br /> </span><span class="mobile-link--footer">Phone: 202-662-0600 | Email:<a href="mailto:[email protected]">[email protected]</a><br /> &copy; 2017 Safe Kids Worldwide</span> </p> <p> <a href="https://www.facebook.com/SafeKidsWorldwide" target="_blank"> <img border="0" alt="Follow Safe Kids on Facebook" src="http://www.safekids.org/sites/default/files/Images/social_media_buttons/iconfb.png" /> </a> <a href="https://twitter.com/safekids" target="_blank"> <img border="0" alt="Follow Safe Kids on Twitter" src="http://www.safekids.org/sites/default/files/Images/social_media_buttons/icontw.png" /> </a> <a href="https://www.instagram.com/safekidsworldwide/"> <img border="0" alt="Follow Safe Kids on Instagram" src="http://www.safekids.org/sites/default/files/Images/social_media_buttons/iconinsta.png" /> </a> <a href="https://www.pinterest.com/safekids/pins/" target="_blank"> <img border="0" alt="Follow Safe Kids on Pinterest" src="http://www.safekids.org/sites/default/files/Images/social_media_buttons/iconpin.png" /> </a> <a href="https://plus.google.com/107398266093799086697/posts" target="_blank"> <img border="0" alt="Follow Safe Kids on Google+" src="http://www.safekids.org/sites/default/files/Images/social_media_buttons/icongp.png" /> </a> <a href="https://www.youtube.com/user/safekidsusa" target="_blank"> <img border="0" alt="Follow Safe Kids on YouTube" src="http://www.safekids.org/sites/default/files/Images/social_media_buttons/iconyt_0.png" /> </a> </p> <p> <a href="https://www.charitynavigator.org/index.cfm?bay=search.advanced" style="color: rgb(0, 149, 218); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;"> <img width="88" height="31" alt="" src="http://salsa4.salsalabs.com/o/51121/images/ENewsOnceOfPrevention/4%20Star%2088x31.jpg" vspace="4" hspace="4" /> </a> </p> <p> <unsubscribe style="color:#333; text-decoration:underline;"> <a href="index.sjs;jsessionid=EA80DA1D121C33DF472C8025BA71A4AC-n2?Email=Genemillerjr%40gmail.com&email_blast_KEY=1348839&token=edwhPmoqhazWbfk2YD8BFaTv%2B9nuFC82lI1yozh5bIN1qbHOf%2Ft0yA4bFQR9ORdl">unsubscribe</a> </unsubscribe> </p> </td> </tr> <!-- Thumbnail Right, Text Left : END --> </tbody> </table> <!-- Email Body : END --> <!-- Email Footer : BEGIN --> <!-- Email Footer : END --> </center> </td> </tr> </tbody> </table> <!-- TemplateEndEditable --> <div style='text-align:center;'> <a href='https://www.salsalabs.com/?email='> <img alt='empowered by Salsa' src='https://hq.salsalabs.com/salsa/images/SALSA_empowered_180x50_2.png' border='0' /> </a> </div> </body>
</html>
<img width=1 height=1 src="http://salsa4.salsalabs.com/dia/TrackImage?key=1018213308">
<diaEmailID='1018213308' thread=1151 />
</body>
</html>
Safe Kids Worldwide - Script Codes
Safe Kids Worldwide - Script Codes
Home Page Home
Developer Gene Miller
Username bonyboy
Uploaded December 19, 2022
Rating 3
Size 6,776 Kb
Views 14,168
Do you need developer help for Safe Kids Worldwide?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Gene Miller (bonyboy) Script Codes
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!