People Per Hour view live demo

I was approached by the lovely guys at the popular freelance website People Per Hour to code one of their marketing emails, 'Hourlie of the Day'. The email was going to be sent out daily to tens of thousands of subscribers so it had to be perfect. After a few successful campaigns, a number of additional emails were commissioned.

HTML Code

						
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no"/>

<title>PeoplePerHour - Hourlie of the Day</title>
<style type="text/css">
	/* Based on The MailChimp Reset */  
	/* Client-specific Styles */
	#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
	body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} 
	/* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/ 
	.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */  
	.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:120%;}
	/* Forces Hotmail to display normal line spacing.  More on that:http://www.emailonacid.com/forum/viewthread/43/ */ 
	#backgroundTable {margin:0; padding:0; width:100% !important; line-height:100% !important;}
	/* End reset */

	/* Some sensible defaults */
	a {color:#d26000;}
	img {outline:none; text-decoration:none; -ms-interpolation-mode:bicubic;} 
	a img {border:none;} 

	/* Yahoo paragraph fix */
	p {margin:1em 0;}

	/* Hotmail header color reset */
	h1, h2  {color:#282828!important;}
	h3, h4, h5, h6 {color:#565656!important;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:blue!important;}

	h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:visited, h2 a:visited,  h3 a:visited, 
	h4 a:visited, h5 a:visited, h6 a:visited {
		color:#d26000!important; /* There is limited support for psuedo classes in email clients, this was added just for good measure.*/
	}

	/* Outlook 07, 10 Padding issue fix */
	table td {border-collapse:collapse;}
</style>
</head>
<body style="background:url('images/background.png'); background-color:#f2f2f2; font-family:Arial,sans-serif; font-size:12px; line-height:16px;">

<!-- Start Wrapper Table -->
<table border="0" cellpadding="0" cellspacing="0" id="backgroundTable" width="100%" style="background-image:url('images/background.png'); background-color:#f2f2f2;">
<tr>
	<td valign="top" style="padding:80px 0 80px 0;">
		<!-- Start Header Table -->
		<table align="center" bgcolor="#1a1a1a" border="0" cellpadding="0" cellspacing="0" width="590" style="background-color:#1a1a1a; background-image:url('images/hfbg.png');">
			<tr>
				<!-- Logo -->
				<td align="left" height="75" width="190" style="color:#ffffff; font-family:Arial,sans-serif; font-size:11px; line-height:13px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:30px" valign="middle">
					<a href="#">
						<img alt="PeoplePerHour" src="images/logo.png" height="31" width="190" style="display:block; margin:0;"/></a>
				</td>
				<!-- Slogan -->
				<td align="right" height="75" width="320" style="color:#747474; font-family:Arial,sans-serif; font-size:11px; line-height:13px; padding:10px 30px 10px 10px;" valign="middle">
					<img alt="Job Done" src="images/jobdone.png" height="28" width="90" style="display:block; margin:0;"/>
				</td>
			</tr>
		</table>
		<!-- End Header Table -->
		
		
		<!-- Start Main Content Table -->
		<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" width="590">
			<tr>
				<td align="center" style="padding:35px 0 45px; font-family:Arial,sans-serif; font-size:12px; line-height:12px;">
					<!-- Start Title Table -->
					<table align="center" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td align="center" colspan="3" valign="middle">
								<h1 style="color:#282828; font-family:Arial,sans-serif; font-size:34px; font-weight:normal; line-height:40px; margin:0; margin-bottom:0; padding:0 5px;">
									Hourlie of the Day</h1>
							</td>
						</tr>
						<tr>
							<td align="right" valign="middle">
								<img alt="" src="images/line.png" height="1" width="100" style="display:block; margin:0;"/>
							</td>								
							<td align="center" style="color:#b9b9b9; font-family:Arial,sans-serif; font-size:13px; line-height:21px; padding-left:5px; padding-right:5px;">
								Wed 16 January
							</td>								
							<td align="left" valign="middle">
								<img alt="" src="images/line.png" height="1" width="100" style="display:block; margin:0;"/>
							</td>
						</tr>
					</table>
					<br/><br/>
					<!-- End Title Table -->
					
					
					<!-- Start Featured Table -->
					<table align="center" border="0" cellpadding="10" cellspacing="0" width="540">
						<tr>
							<td align="left" bgcolor="#f3f3f3" valign="middle" width="235">
								<a href="#">
									<img src="images/top-hourlie.jpg" alt="I can get your business social media ready in 1 hour" height="177" width="235" style="display:block; margin:0;"/>
								</a>
							</td>
							<td align="left" bgcolor="#f3f3f3" valign="middle" width="265">
								<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
									<!-- Hourlie Title -->
									<tr>
										<td colspan="2" width="100%" style="color:#565656; font-family:Arial,sans-serif; font-size:15px; line-height:19px; padding-bottom:5px;">
											<a style="text-decoration:none;" href="#">
												<span style="color:#5e9200;">
													I can design a creative, eye-catching poster for you in 4 hours</span></a><br/>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td colspan="2" width="100%" style="color:#565656; font-family:Arial,sans-serif; font-size:13px; line-height:17px;">
											I am a freelance pattern cutter, seamstress and designer for Fashion. I can create a 
											pattern in an efficient. I am a freelance
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td colspan="2" style="padding:12px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>
										</td>
									</tr>
									<tr>
										<!-- Green Button -->
										<td align="center" bgcolor="#8fd200" height="34" width="130" style="background-image:url('images/button-big.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:15px; font-weight:bold; line-height:17px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:8px;">
												<span style="color:#ffffff;">Get It Now!</span></a>
										</td>
								
										<!-- Hourlie Price -->
										<td align="right" valign="middle" width="125" style="padding-left:10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														34
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<br/><br/><br/>
					<!-- End Featured Table -->
					
					
					<!-- Start Subtitle Table -->
					<table border="0" cellpadding="0" cellspacing="0" width="527">
						<tr>
							<td style="color:#282828; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:17px;">
								Our Hourlies in our picklist
							</td>
						</tr>
					</table>
					<!-- End Subtitle Table -->
					
					
					<!-- Start Hourlies Table - First Row -->
					<table align="center" border="0" cellpadding="8" cellspacing="0" width="544">
						<tr>
							<!-- Start Left Column -->
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="165">
									<!-- Hourlie Image -->
									<tr>
										<td colspan="2">
											<a href="#">
												<img alt="Image Description Goes Here" src="images/hourlie1.jpg" height="125" width="165" style="display:block;"/>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td align="left" colspan="2" height="38" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:17px; padding-bottom:10px; padding-top:5px;">
											<a href="#" style="text-decoration:none;">
												<span style="color:#5e9200;">I can record your voiceover in a movie trailer... in 1 hour</span>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td style="padding:5px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>														
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>												
										</td>
										
										<!-- Hourlie Price -->
										<td align="right" valign="top" style="padding:5px 0 5px 10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														16
													</td>
												</tr>
											</table>
										</td>
									</tr>
									
									<!-- Green Button -->
									<tr>
										<td align="center" bgcolor="#8fd200" colspan="2" height="29" style="background-image:url('images/button-small.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:15px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:6px;">
												<span style="color:#ffffff;">View</span></a>
										</td>
									</tr>
								</table>
							</td>
							<!-- End Left Column -->
							
							
							<!-- Start Middle Column -->
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="165">
									<!-- Hourlie Image -->
									<tr>
										<td colspan="2">
											<a href="#">
												<img alt="Image Description Goes Here" src="images/hourlie2.jpg" height="125" width="165" style="display:block;"/>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td align="left" colspan="2" height="38" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:17px; padding-bottom:10px; padding-top:5px;">
											<a href="#" style="text-decoration:none;">
												<span style="color:#5e9200;">I can draw you a map in 2 hours</span>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td style="padding:5px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>														
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>												
										</td>
										
										<!-- Hourlie Price -->
										<td align="right" valign="top" style="padding:5px 0 5px 10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														8
													</td>
												</tr>
											</table>
										</td>
									</tr>
									
									<!-- Green Button -->
									<tr>
										<td align="center" bgcolor="#8fd200" colspan="2" height="29" style="background-image:url('images/button-small.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:15px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:6px;">
												<span style="color:#ffffff;">View</span></a>
										</td>
									</tr>
								</table>
							</td>
							<!-- End Middle Column -->
							
							
							<!-- Start Right Column -->
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="165">
									<!-- Hourlie Image -->
									<tr>
										<td colspan="2">
											<a href="#">
												<img alt="Image Description Goes Here" src="images/hourlie3.jpg" height="125" width="165" style="display:block;"/>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td align="left" colspan="2" height="38" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:17px; padding-bottom:10px; padding-top:5px;">
											<a href="#" style="text-decoration:none;">
												<span style="color:#5e9200;">I can design your new two sided business... in 6 hours</span>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td style="padding:5px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>														
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>												
										</td>
										
										<!-- Hourlie Price -->
										<td align="right" valign="top" style="padding:5px 0 5px 10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														34
													</td>
												</tr>
											</table>
										</td>
									</tr>
									
									<!-- Green Button -->
									<tr>
										<td align="center" bgcolor="#8fd200" colspan="2" height="29" style="background-image:url('images/button-small.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:15px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:6px;">
												<span style="color:#ffffff;">View</span></a>
										</td>
									</tr>
								</table>
							</td>
							<!-- End Right Column -->
						</tr>
					</table>
					<br/><br/>
					<!-- End Hourlies Table - First Row -->						
					
					
					<!-- Start Hourlies Table - Second Row -->
					<table align="center" border="0" cellpadding="8" cellspacing="0" width="544">
						<tr>
							<!-- Start Left Column -->
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="165">
									<!-- Hourlie Image -->
									<tr>
										<td colspan="2">
											<a href="#">
												<img alt="Image Description Goes Here" src="images/hourlie4.jpg" height="125" width="165" style="display:block;"/>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td align="left" colspan="2" height="38" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:17px; padding-bottom:10px; padding-top:5px;">
											<a href="#" style="text-decoration:none;">
												<span style="color:#5e9200;">I can record your voiceover in a movie trailer... in 1 hour</span>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td style="padding:5px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>														
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>												
										</td>
										
										<!-- Hourlie Price -->
										<td align="right" valign="top" style="padding:5px 0 5px 10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														56
													</td>
												</tr>
											</table>
										</td>
									</tr>
									
									<!-- Green Button -->
									<tr>
										<td align="center" bgcolor="#8fd200" colspan="2" height="29" style="background-image:url('images/button-small.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:15px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:6px;">
												<span style="color:#ffffff;">View</span></a>
										</td>
									</tr>
								</table>
							</td>
							<!-- End Left Column -->
							
							
							<!-- Start Middle Column -->
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="165">
									<!-- Hourlie Image -->
									<tr>
										<td colspan="2">
											<a href="#">
												<img alt="Image Description Goes Here" src="images/hourlie5.jpg" height="125" width="165" style="display:block;"/>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td align="left" colspan="2" height="38" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:17px; padding-bottom:10px; padding-top:5px;">
											<a href="#" style="text-decoration:none;">
												<span style="color:#5e9200;">I can draw you a map in 2 hours</span>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td style="padding:5px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>														
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>												
										</td>
										
										<!-- Hourlie Price -->
										<td align="right" valign="top" style="padding:5px 0 5px 10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														56
													</td>
												</tr>
											</table>
										</td>
									</tr>
									
									<!-- Green Button -->
									<tr>
										<td align="center" bgcolor="#8fd200" colspan="2" height="29" style="background-image:url('images/button-small.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:15px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:6px;">
												<span style="color:#ffffff;">View</span></a>
										</td>
									</tr>
								</table>
							</td>
							<!-- End Middle Column -->
							
							
							<!-- Start Right Column -->
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="165">
									<!-- Hourlie Image -->
									<tr>
										<td colspan="2">
											<a href="#">
												<img alt="Image Description Goes Here" src="images/hourlie6.jpg" height="125" width="165" style="display:block;"/>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Description -->
									<tr>
										<td align="left" colspan="2" height="38" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:17px; padding-bottom:10px; padding-top:5px;">
											<a href="#" style="text-decoration:none;">
												<span style="color:#5e9200;">I can design your new two sided business... in 6 hours</span>
											</a>
										</td>
									</tr>
									
									<!-- Hourlie Additional Info -->
									<tr>
										<td style="padding:5px 0;">
											<table border="0" cellpadding="0" cellspacing="0">
												<tr>
													<!-- User Profile Image -->
													<td align="left" valign="middle" width="20">
														<img src="images/seller.jpg" alt="Periklis" height="20" width="20" style="display:block; border:0;"/>	
													</td>														
													<td width="7"></td>
													
													<!-- User Name  -->
													<td align="left" valign="middle" style="color:#8a8a8a; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">															
														Periklis
													</td>
													<td width="7"></td>
													
													<!-- User Country -->
													<td align="left" valign="middle" width="16">
														<img src="images/country.jpg" alt="UK" height="11" width="16" style="display:block; border:0;"/>															
													</td>
												</tr>
											</table>
										</td>
										
										<!-- Hourlie Price -->
										<td align="right" valign="top" style="padding:5px 0 5px 10px;">
											<table align="right" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:18px; line-height:18px;">
														£
													</td>
													<td valign="top" style="color:#b9b9b9; font-family:Arial,sans-serif; font-weight:bold; font-size:28px; line-height:28px;">
														34
													</td>
												</tr>
											</table>
										</td>
									</tr>
									
									<!-- Green Button -->
									<tr>
										<td align="center" bgcolor="#8fd200" colspan="2" height="29" style="background-image:url('images/button-small.jpg'); background-repeat:no-repeat; color:#ffffff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:15px;">
											<a href="#" style="display:block; text-decoration:none; text-shadow:-1px -1px #76ae00; padding:6px;">
												<span style="color:#ffffff;">View</span></a>
										</td>
									</tr>
								</table>
							</td>
							<!-- End Right Column -->
						</tr>
					</table>
					<!-- End Hourlies Table - Second Row -->	
											
					
					<!-- Start Signature Table -->
					<table border="0" cellpadding="0" cellspacing="0" width="490">
						<tr>
							<td align="center" style="padding:15px 0 50px;">
								<a href="#" style="text-decoration:none;">
									<span style="color:#d26000; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">
										View more Hourlies &raquo;</span>
								</a>
							</td>
						</tr>
						<tr>
							<td align="left" style="color:#565656; font-family:Arial,sans-serif; font-size:13px; line-height:18px;">
								Yours Hourlie,<br/>
								<b style="color:#242424; font-size:12px;">The PeoplePerHour Community Team</b>
							</td>
						</tr>
					</table>
					<!-- End Signature Table -->
				</td>
			</tr>
		</table>
		<!-- End Main Content Table -->
		
		
		<!-- Start Footer Table -->
		<table align="center" bgcolor="#1a1a1a" border="0" cellpadding="0" cellspacing="0" width="590" style="background-color:#1a1a1a; background-image:url('images/hfbg.png');">
			<tr>
				<td align="right" style="padding:20px" valign="middle">
					<table align="right" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<!-- Copyright -->
							<td style="color:#747474; font-family:Arial,sans-serif; font-size:11px; line-height:13px; padding-right:15px;">
								PeoplePerHour &copy; 2012
							</td>
							
							<!-- Facebook -->
							<td align="center" valign="middle" width="11">
								<a href="#">
									<img src="images/facebook.png" alt="Facebook" height="15" width="9" style="display:block; border:none;"/>
								</a>
							</td>
							
							<!-- Twitter -->
							<td align="center" valign="middle" width="16">
								<a href="#">
									<img src="images/twitter.png" alt="Twitter" height="14" width="20" style="display:block; border:none;"/>
								</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		<!-- End Footer Table -->
		
		
		<!-- Start Unsubscribe Info Table -->
		<table align="center" border="0" cellpadding="0" cellspacing="0" width="590">
			<tr>
				<td align="left" style="color:#565656; font-family:Arial,sans-serif; font-size:11px; line-height:15px; padding-top:5px;">
					You are receiving this newsletter because you are registered in PeoplePerHour. If you prefer not to receive it anymore,
					you may 
					<a href="#" style="text-decoration:none;">
						<span style="color:#d26000;">unsubscribe</span>
					</a>.
				</td>
			</tr>
		</table>
		<!-- End Unsubscribe Info Table -->
	</td>
</tr>
</table>  
<!-- End Wrapper Table -->
</body>
</html>
						
					

Recent Feedback see all

Krisztina is really friendly, professional and goes beyond what is necessary to ensure the job is done perfectly. I would recommend her to anyone and hope to work with her again in future.

Daniel Keel

Amazing work completed before the dealine. The email looked stunning and was EXACTLY the type of design I imaged in my head. Communication was second to none and will absolutely use again.

Phil Wannell

I cannot speak highly enough of Krisztina. If you’re ever going to use anyone for CSS, HTML or Jquery (or all three) then this is the person. Perfect work, perfect communication a complete pleasure to deal with!

Neale