123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head><!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]-->
	<title>FAST COMPANY | WORLD CHANGING IDEAS</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0 " /><meta name="format-detection" content="telephone=no"/>
	<style type="text/css">body { margin: 0; padding: 0; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; } img { border: 0 !important; outline: none !important; } p { Margin: 0px !important; Padding: 0px !important; } table { border-collapse: collapse; mso-table-lspace: 0px; mso-table-rspace: 0px; } td, a, span { border-collapse: collapse; mso-line-height-rule: exactly; } .ExternalClass * { line-height: 100%; } .em_g_img + div { display: none } .em_defaultlink a { color: inherit !important; text-decoration: none !important; } .em_blue a { color: #156fb9; text-decoration: underline; } @media only screen and (min-width:481px) and (max-width:599px) { .em_main_table { width: 100% !important; } .em_wrapper { width: 100% !important; } .em_hide { display: none !important; } .em_img { width: 100% !important; height: auto !important; } .em_center { text-align: center !important; } .em_side10 { width: 10px !important; } .em_aside10 { padding: 0px 10px !important; } .em_side15 { width: 15px !important; } .em_aside15 { padding: 0px 15px !important; } .em_h20 { height: 20px !important; } .em_ptop { padding-top: 20px !important; } .em_pbottom { padding-bottom: 20px !important; } .em_padd { padding: 20px 10px !important; } .em_hauto { height: auto !important; } .em_br { display: block !important; } .em_top { padding-top: 10px !important; } .em_padn { padding: 0px !important; } .em_width { width: 100% !important; } .em_wrapper_50_1 { width: 50% !important; } .em_spc { padding-left: 10px !important; padding-right: 5px !important; padding-bottom: 10px !important; } } @media screen and (max-width: 480px) { .em_main_table { width: 100% !important; } .em_wrapper { width: 100% !important; } .em_hide { display: none !important; } .em_img { width: 100% !important; height: auto !important; } .em_center { text-align: center !important; } .em_side10 { width: 10px !important; } .em_aside10 { padding: 0px 10px !important; } .em_side15 { width: 15px !important; } .em_aside15 { padding: 0px 15px !important; } .em_h20 { height: 20px !important; } .em_ptop { padding-top: 20px !important; } .em_pbottom { padding-bottom: 20px !important; } .em_padd { padding: 20px 10px !important; } .em_hauto { height: auto !important; } .em_br { display: block !important; } u + .em_body .em_full_wrap { width: 100% !important; width: 100vw !important; } .em_top { padding-top: 10px !important; } .em_padn { padding: 0px !important; } .em_width { width: 145px !important; width: 100% !important; } .em_h10 { height: 15px !important; } .em_text1 { font-size: 15px !important; line-height: 18px !important; } .em_wrapper_50_1 { width: 50% !important; } .em_spc { padding-left: 5px !important; padding-right: 5px !important; padding-bottom: 0px !important; } .em_logo{ width:150px !important; height:auto !important;} .em_text2 { font-size: 20px !important; line-height: 25px !important; } .em_text3 { font-size: 16px !important; line-height: 20px !important; } .em_ftr { font-size: 15px !important; line-height: 18px !important; } } @media only screen and (min-width:430px) and (max-width:497px) { /* .em_wrapper_50_1 { width: 42% !important; } */ .fixer { display: block !important; } }
	</style>
</head>
<body class="em_body" style="margin:0px; padding:0px;"><img src="https://4a7c1e.efeedbacktrk.com/ylsplcqclvrngltfnfbrrnyqtvntsrzlfkmyzpzlgsfbv_ddphpjmmrftcrhhrrthd.gif" width="0" height="0" alt=""><img alt="" height="0" src="https://88b54b.efeedbacktrk.com/lkzfkqgqkhprnkcdrdwpprsgchrcmpykdjzsyfykjwhgd_zbdz.gif" width="0" /><img alt="" height="0" src="https://f79d8d.efeedbacktrk.com/svczrlvlrpftkrhctcsfftwvhpthbfdrcmjwdzdrmjcsl_yfcm.gif" width="0" />
<table border="0" cellpadding="0" cellspacing="0" class="em_full_wrap" width="100%"><!--Pre Header Section-->
	<tbody>
		<tr>
			<td align="center" bgcolor="#000000" valign="top">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="width:600px; table-layout:fixed;" width="600">
				<tbody>
					<tr>
						<td align="center" class="em_padd" style="padding:17px 0px;" valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="center" valign="top">
									<table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:400px;" width="400">
										<tbody>
											<tr>
												<td align="left" class="em_hide" style="font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; color:#999999;"><span style="color:#999999; text-decoration:underline;"><a href="http://click1.email.fastcompany.com/djjlpshspjkfmpwrfrdkkfzhwjfwtknprcgznlnpmtrsg_ddphpjmmrftcrhhrrthd.html" style="color:#999999; text-decoration:underline;" target="_blank">Call for Entries!</a></span></td>
											</tr>
										</tbody>
									</table>
									<!--[if gte mso 9]></td><td valign="top"><![endif]-->

									<table align="right" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:200px;" width="200">
										<tbody>
											<tr>
												<td align="right" class="em_center" style="font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; color:#999999;"><span style="color:#999999; text-decoration:underline;"><a href="mailto:wciawards@fastcompany.com" style="color:#999999; text-decoration:underline;">Contact Us</a></span><span style="color:#999999; text-decoration:none;">&nbsp;&nbsp;|&nbsp;&nbsp;</span><span style="color:#999999; text-decoration:underline;"><a href="http://click1.email.fastcompany.com/splzrlvlrpftkrhctcsfftwvhpthbfdrcmjwdzdrkbclb_ddphpjmmrftcrhhrrthd.html" style="color:#999999; text-decoration:underline;" target="_blank">FAQs</a></span></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<!--//Pre Header Section--><!--Header Section-->
		<tr>
			<td align="center" bgcolor="#b6dcae" valign="top">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="width:600px; table-layout:fixed;" width="600">
				<tbody>
					<tr>
						<td align="center" class="em_padd" style="padding:31px 0px 23px;" valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="center" valign="top">
									<table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:263px;" width="263">
										<tbody>
											<tr>
												<td align="center" valign="top"><a href="http://click1.email.fastcompany.com/tpmdzjhjzpfkczrbkbmffkshrpkrlfgzbvwsgdgzclbjz_ddphpjmmrftcrhhrrthd.html" style="text-decoration: none; color:#ffffff;" target="_blank"><img alt="Fast Company | World Changing Ideas" border="0" src="https://assets.fastcompany.com/image/upload/v1542205421/WCI_2018/logo_-_updated.png" style="font-family:Arial, sans-serif; font-size:20px; color:#000000; line-height:22px; display:block; max-width: 263px;" width="263" /></a></td>
											</tr>
										</tbody>
									</table>
									<!--[if gte mso 9]></td><td valign="top"><![endif]-->

									<table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:28px;" width="28">
										<tbody>
											<tr>
												<td>&nbsp;</td>
											</tr>
										</tbody>
									</table>
									<!--[if gte mso 9]></td><td valign="top"><![endif]-->

									<table align="right" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:309px;" width="309">
										<tbody>
											<tr>
												<td class="em_hide" height="35" style="height:35px;">&nbsp;</td>
											</tr>
											<tr>
												<td align="left" class="em_hide" valign="top"><a href="http://click1.email.fastcompany.com/spkzrlvlrpftkrhctcsfftwvhpthbfdrcmjwdzdrkbclv_ddphpjmmrftcrhhrrthd.html" style="text-decoration: none; color:#ffffff;" target="_blank"><img alt="FAST COMPANY" border="0" src="https://assets.fastcompany.com/image/upload/v1541090018/WCI_2018/fc_logo_new.png" style="font-family:Arial, sans-serif; font-size:20px; color:#000000; line-height:22px; display:block; max-width: 167px;" width="167" /></a></td>
											</tr>
											<tr>
												<td class="em_hide" height="18" style="height:18px; line-height:0px; font-size:0px;">&nbsp;</td>
											</tr>
											<tr>
												<td align="left" class="em_hide" style="padding-bottom:11px;" valign="top"><img alt="World Changing Ideas Aweards" border="0" src="https://assets.fastcompany.com/image/upload/v1541090019/WCI_2018/world_changing_ideas_new.png" style="font-family:Arial, sans-serif; font-size:20px; color:#000000; line-height:22px; display:block; max-width: 301px;" width="301" /></td>
											</tr>
											<tr>
												<td align="center" class="em_padn" style="padding-right:8px;" valign="top"><img alt="Call for Entries" border="0" src="https://assets.fastcompany.com/image/upload/v1541090019/WCI_2018/call_for_entries_new.png" style="font-family:Arial, sans-serif; font-size:20px; color:#000000; line-height:22px; display:block; max-width: 301px;" width="301" /></td>
											</tr>
											<tr>
												<td height="20" style="height:20px; line-height:0px; font-size:0px;">&nbsp;</td>
											</tr>
											<tr>
												<td align="left" valign="top">
												<table align="left" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:160px;" width="160">
													<tbody>
														<tr>
															<td align="center" valign="top">
															<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:160px; background-color:#156fb9;" width="160">
																<tbody>
																	<tr>
																		<td align="center" height="42" style="font-family:Helvetica, Arial, sans-serif; font-size:18px; color:#ffffff; font-weight:bold;" valign="middle"><a href="http://click1.email.fastcompany.com/ucnzqmwmqcbsfqkgsgpbbsvwkcskhbdqgnyvdzdqfhgmg_ddphpjmmrftcrhhrrthd.html" style="color:#ffffff; text-decoration:none; line-height:42px; display:block;" target="_blank">APPLY NOW &rarr;</a></td>
																	</tr>
																</tbody>
															</table>
															</td>
														</tr>
													</tbody>
												</table>
												</td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<!--//Header Section--><!--Body text with CTA section-->
		<tr>
			<td align="center" valign="top">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="width:600px; table-layout:fixed;" width="600">
				<tbody>
					<tr>
						<td align="center" class="em_padd" style="padding:50px 30px 50px;" valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="left" class="em_defaultlink em_text2" style="font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size:22px; text-align: center; line-height:28px; color:#333333; font-weight:bold; padding-bottom:20px;">Application deadline next week!</td>
								</tr>
								<tr>
									<td align="left" class="font_18" style="font-family:Arial,'Helvetica Neue', Helvetica, sans-serif; color:#333333; font-size:18px; line-height:24px;" valign="top">Submit your application to <em>Fast Company&#39;s</em> <a href="http://click1.email.fastcompany.com/tpbdzjhjzpfkczrbkbmffkshrpkrlfgzbvwsgdgzclbjv_ddphpjmmrftcrhhrrthd.html" style="text-decoration:underline; color:#444444;" target="_blank">World Changing Ideas Awards</a> now! The contest, now in its third year, celebrates businesses, policies, and nonprofits that have a positive impact on society.<br /><br />We&rsquo;re looking for any ideas that have launched since January 1, 2018, from finished product to brave concept that will be judged based on impact, design, scalability, and ingenuity.<br /><br />With 16 different categories, we are sure to have something that will fit your idea!<br />&nbsp;</td>
								</tr>
								<tr>
									<td align="center" style="padding-bottom:6px;" valign="top">
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:200px; background-color:#156fb9;" width="200">
										<tbody>
											<tr>
												<td align="center" height="48" style="font-family:Helvetica, Arial, sans-serif; font-size:18px; color:#ffffff; font-weight:bold;" valign="middle"><a href="http://click1.email.fastcompany.com/xchnvshsvcltbvqptpjlltkhqctqdlmvprgkmnmvbdpsb_ddphpjmmrftcrhhrrthd.html" style="color:#ffffff; text-decoration:none; line-height:48px; display:block;" target="_blank">APPLY NOW &rarr;</a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td align="center" class="em_defaultlink" style="font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#444444;"><strong>Deadline: December 7</strong><br /><strike>Early Rate Deadline: November 8</strike></td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<!--//Body text with CTA section--><!--CATEGORIES Section-->
		<tr>
			<td align="center" bgcolor="#faece4" valign="top">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="width:600px; table-layout:fixed;" width="600">
				<tbody>
					<tr>
						<td align="center" class="em_padd" style="padding:50px 30px 82px;" valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="center" class="em_padn" style="padding-right:230px;" valign="top"><a href="http://click1.email.fastcompany.com/kphbhfmfhpkjshqrjrdkkjwmqpjqlkghrvtwgbghslrfd_ddphpjmmrftcrhhrrthd.html"><img alt="Categories" border="0" class="em_img" src="https://assets.fastcompany.com/image/upload/v1541090018/WCI_2018/categories_new.png" style="font-family:Arial, sans-serif; font-size:24px; color:#000000; line-height:24px; display:block; max-width: 310px;" width="310" /></a></td>
								</tr>
								<tr>
									<td class="em_h20" height="34" style="height:34px; line-height:0px; font-size:0px;">&nbsp;</td>
								</tr>
								<tr>
									<td align="center" valign="top">
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;" width="100%">
										<tbody>
											<tr>
												<td align="left" valign="top">
												<table align="left" border="0" cellpadding="0" cellspacing="0" class="em_width" style="width:260px;" width="260">
													<tbody>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Advertising</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">AI &amp; Data (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Apps</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Creativity (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Consumer Products</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Developing World Technology</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Education (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Energy</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Experimental (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h20" height="30" style="height:30px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
													</tbody>
												</table>
												</td>
												<td class="em_side10" style="width:20px;" width="20">&nbsp;</td>
												<td align="left" valign="top">
												<table align="left" border="0" cellpadding="0" cellspacing="0" class="em_width" style="width:260px;" width="260">
													<tbody>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Food</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Health and Wellness</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Spaces, Places, and Cities (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Social Justice (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Students</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">Transportation</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">General Excellence</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td class="em_h10" height="17" style="height:17px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
														<tr>
															<td align="left" class="em_defaultlink em_text1" style="font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:17px; color:#333333; font-weight:bold;">World Changing Company of the Year (New!)</td>
														</tr>
														<tr>
															<td align="left" class="em_hide" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333; font-weight:400;">&nbsp;</td>
														</tr>
														<tr>
															<td height="20" style="height:20px; line-height:0px; font-size:0px;">&nbsp;</td>
														</tr>
													</tbody>
												</table>
												</td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td align="center" style="padding-bottom:6px;" valign="top">
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:200px; background-color:#156fb9;" width="200">
										<tbody>
											<tr>
												<td align="center" height="48" style="font-family:Helvetica, Arial, sans-serif; font-size:18px; color:#ffffff; font-weight:bold;" valign="middle"><a href="http://click1.email.fastcompany.com/bzpslbfblzkyqlmjyjckkyvfmzympktljgdvtstlqpjbb_ddphpjmmrftcrhhrrthd.html" style="color:#ffffff; text-decoration:none; line-height:48px; display:block;" target="_blank">LEARN MORE</a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td align="center" class="em_defaultlink" style="font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#444444;">See last year&#39;s winners <a href="http://click1.email.fastcompany.com/rljhrwnwrlfpvrbkpktffpynblpbcfqrkgjyqhqrvckwl_ddphpjmmrftcrhhrrthd.html">here</a></td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<!--//CATEGORIES Section--><!--JUDGES Section-->
		<tr>
			<td align="center" valign="top">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="width:600px; table-layout:fixed;" width="600">
				<tbody>
					<tr>
						<td align="center" class="em_padd" style="padding:50px 30px 80px;" valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td class="em_h20" height="30" style="height:30px; line-height:0px; font-size:0px;">&nbsp;</td>
								</tr>
								<tr>
									<td align="left" style="font-family:Helvetica, Arial, sans-serif; font-size:18px; line-height:24px; color:#333333; font-weight:400;">Still have questions? Here are 5 of our most commonly asked to help you with your entry.<br />&nbsp;
									<ol start="1">
										<li><strong>If I win, will I be in <em>Fast Company</em> magazine?</strong> Yes and on FastCompany.com! All winners and finalists will be recognized in print and online.</li>
										<br />
										<li><strong>May I enter my project in more than one category?</strong> Yes, you may submit as many as you like! And companies that select two or more categories will automatically be considered for World Changing Company of the Year!</li>
										<br />
										<li><strong>Can I have more time to enter?</strong> Yes! The deadline is December 7, BUT if you <a href="http://click1.email.fastcompany.com/qfhjwhshwdqtfwrvtvpqqtysrdtrmqbwvgnybjbwfmvdn_ddphpjmmrftcrhhrrthd.html" style="text-decoration:underline; color:#444444;" target="_blank">submit an entry</a> before then you can continue to work on and finalize your entry until December 14.</li>
										<br />
										<li><strong>What&#39;s new this year?</strong> We expanded to 16 total categories. Including five new categories - AI &amp; Data, Creativity, Education, Experimental, Social Justice, and Spaces, Places, and Cities.</li>
										<br />
										<li><strong>Who will review my entry?</strong> Entries will be considered by a group of designers, venture capitalists, thinkers, social entrepreneurs, and <i>Fast Company</i> editors. See the full list <a href="http://click1.email.fastcompany.com/bqcslbfblzkyqlmjyjckkyvfmzympktljgdvtstlqpjzp_ddphpjmmrftcrhhrrthd.html">here.</a></li>
									</ol>
									<br />Don&#39;t see your question on the list? Reply directly to this email and we will get back to you within 24 hours.</td>
								</tr>
								<tr>
									<td align="center" valign="top">
									<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_wrapper" style="width:540px;" width="540">
										<tbody>
											<tr>
												<td valign="top"><!--Row One--><!--[if gte mso 9]> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="center" width="160"> <![endif]--><!--[if gte mso 9]> </td> <td valign="top" align="center" width="160"> <![endif]--><!--[if gte mso 9]> </td> <td valign="top" align="center" width="160"> <![endif]--><!--Display Block End--><!--Row Two--><!--[if gte mso 9]> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="center" width="160"> <![endif]--><!--[if gte mso 9]> </td> <td valign="top" align="center" width="30"> <![endif]--><!--[if gte mso 9]> </td> <td valign="top" align="center" width="30"> <![endif]--><!--[if gte mso 9]> </td> </tr> </table> <![endif]--><!--Row Three End--></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td class="em_hide" height="38" style="line-height:1px; font-size:1px;">&nbsp;</td>
								</tr>
								<tr>
									<td align="center" style="padding-bottom:6px;" valign="top">
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:200px; background-color:#156fb9;" width="200">
										<tbody>
											<tr>
												<td align="center" height="48" style="font-family:Helvetica, Arial, sans-serif; font-size:18px; color:#ffffff; font-weight:bold;" valign="middle"><a href="http://click1.email.fastcompany.com/kssbhfmfhpkjshqrjrdkkjwmqpjqlkghrvtwgbghslrph_ddphpjmmrftcrhhrrthd.html" style="color:#ffffff; text-decoration:none; line-height:48px; display:block;" target="_blank">APPLY NOW &rarr;</a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td align="center" class="em_defaultlink" style="font-family:HelveticaNeue, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#444444;"><strong>Deadline: December 7</strong></td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<!--//JUDGES Section--><!--Footer Section-->
		<tr>
			<td align="center" bgcolor="#000000" valign="top">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="em_main_table" style="width:600px; table-layout:fixed;" width="600">
				<tbody>
					<tr>
						<td align="center" class="em_padd" style="padding:30px 0px 38px;" valign="top">
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="left" valign="top">
									<table border="0" cellpadding="0" cellspacing="0">
										<tbody>
											<tr>
												<td align="left" valign="top"><a href="http://click1.email.fastcompany.com/fnjcsrhrsyzwnslbwbgzzwthlywldzfsbjqtfcfsndbyh_ddphpjmmrftcrhhrrthd.html" style="text-decoration: none; color:#ffffff;" target="_blank"><img alt="FAST COMPANY" border="0" class="em_logo" src="https://assets.fastcompany.com/image/upload/v1541089885/WCI_2018/fc_logo_wht.png" style="font-family:Arial, sans-serif; font-size:20px; color:#000000; line-height:22px; display:block; max-width: 167px;" width="167" /></a></td>
												<td style="width:23px;" width="23">&nbsp;</td>
												<td align="left" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:17px; color:#ffffff;" valign="bottom"><span style="color:#ffffff; text-decoration:underline;"><a href="mailto:wciawards@fastcompany.com" style="color:#ffffff; text-decoration:underline;">Contact Us</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span style="color:#ffffff; text-decoration:underline;"><a href="http://click1.email.fastcompany.com/hwslqmbmqfrzwqpszshrrzjbpfzpvrgqscnjglgqwvsfs_ddphpjmmrftcrhhrrthd.html" style="color:#ffffff; text-decoration:underline;" target="_blank">FAQs</a></span></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td class="em_h20" height="38" style="line-height:1px; font-size:1px;">&nbsp;</td>
								</tr>
								<tr>
									<td align="left" style="font-family:Arial, sans-serif; font-size:14px; line-height:17px; color:#666666; font-weight:400;"><span class="em_defaultlink">This email was sent by Mansueto Ventures LLC, 7 World Trade Center, New York, NY 10007-2195</span><br /><br />If you do not wish to receive email communications from Fast Company, please <span style="color:#666666; text-decoration:underline;"><a href="#" style="color:#666666; text-decoration:underline;" target="_blank">click here</a></span> to update your preferences. To view our privacy policy, <span style="color:#666666; text-decoration:underline;"><a href="#" style="color:#666666; text-decoration:underline;" target="_blank">click here</a></span>.<br /><br /><span class="em_defaultlink">Copyright &copy; 2018 Mansueto Ventures LLC. All rights reserved.</span></td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td class="em_hide" style="line-height:1px;min-width:600px;background-color:#000000;"><img alt="" border="0" height="1" src="https://assets.fastcompany.com/image/upload/v1539564954/WCI_2018/spacer.gif" style="max-height:1px; min-height:1px; display:block; width:600px; min-width:600px;" width="600" /></td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<!--//Footer Section-->
	</tbody>
</table>
</body>
</html>

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console