<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Unfettered Bloke &#187; inline style</title>
	<atom:link href="http://nathandcarrie.com/nathan/tag/inline-style/feed/" rel="self" type="application/rss+xml" />
	<link>http://nathandcarrie.com/nathan</link>
	<description>Ramblings of a free man</description>
	<lastBuildDate>Fri, 03 Sep 2010 22:06:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Email Templates</title>
		<link>http://nathandcarrie.com/nathan/2009/09/email-templates/</link>
		<comments>http://nathandcarrie.com/nathan/2009/09/email-templates/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 03:51:32 +0000</pubDate>
		<dc:creator>Nathan Duvall</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[email template]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[inline style]]></category>
		<category><![CDATA[level one]]></category>
		<category><![CDATA[visual studio]]></category>

		<guid isPermaLink="false">http://nathandcarrie.com/nathan/?p=588</guid>
		<description><![CDATA[work at a small software company called, L1 Technology, the IT/Development side of the larger business, Level One. They're a central leasing office for apartment communities all over the country. Part of my job is designing email templates that are used to respond to prospective residents...]]></description>
			<content:encoded><![CDATA[<p style="float:right; margin:0 0 10px 15px; width:240px;">
		<img src="http://nathandcarrie.com/nathan/wp-content/uploads/2009/10/emaildesign.jpg" width="240" />
		</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fnathandcarrie.com%2Fnathan%2F2009%2F09%2Femail-templates%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fnathandcarrie.com%2Fnathan%2F2009%2F09%2Femail-templates%2F&amp;source=nathanduvall&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>I work at a small software company called, L1 Technology, the IT/Development side of the larger business, <a href="http://www.levelone.com">Level One</a>. They&#8217;re a central leasing office for apartment communities all over the country. Part of my job is designing email templates that are used to respond to prospective residents. Below are some of my designs. Most are based heavily on the look of their property website because *as of yet* we have nothing in place to really get a grasp of what they&#8217;re wanting. So 9 times out of 10 I just try to replicate their website as best I can to make it work for us.</p>
<p>I love this aspect of my job. I&#8217;ve learned so much over the last year or so about design, coding and html. Working with email templates is an interesting thing. You can&#8217;t really use stylesheets or link to a css file. In order for it to render correctly in various browsers and email clients you have to code it inline, which is archaic technology&#8230; very 90&#8242;s-ish if you will. Took awhile to figure that out and still learning how to code for certain clients like Gmail that like to replace your styles with their own.</p>
<p>You&#8217;ll notice that the same elements are present in almost every template&#8230; this is a requirement on our end to generate reply traffic from prospective residents and provide them with key links to availability and such. Just thought I&#8217;d drop a few of the ones I&#8217;ve done on here to add a little more to the &#8220;portfolio&#8221; section.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-1-588">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-1" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/AEC.jpg" title=" " class="shutterset_set_1" >
								<img title="AEC" alt="AEC" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_AEC.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-2" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/AvalonTemplateNew_P1.jpg" title=" " class="shutterset_set_1" >
								<img title="Avalon" alt="Avalon" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_AvalonTemplateNew_P1.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-3" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/Avistele_Mockup.jpg" title=" " class="shutterset_set_1" >
								<img title="Avistele" alt="Avistele" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_Avistele_Mockup.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-4" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/BaronTemplate.jpg" title=" " class="shutterset_set_1" >
								<img title="Baron" alt="Baron" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_BaronTemplate.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-5" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/DominiumET.jpg" title=" " class="shutterset_set_1" >
								<img title="Dominium" alt="Dominium" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_DominiumET.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-6" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/Donaldson.jpg" title=" " class="shutterset_set_1" >
								<img title="Donaldson" alt="Donaldson" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_Donaldson.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-7" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/EpochTemplate.jpg" title=" " class="shutterset_set_1" >
								<img title="Epoch" alt="Epoch" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_EpochTemplate.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-8" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/Essex Template.jpg" title=" " class="shutterset_set_1" >
								<img title="Essex" alt="Essex" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_Essex Template.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-9" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/Forest City.jpg" title=" " class="shutterset_set_1" >
								<img title="Forest City" alt="Forest City" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_Forest City.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-10" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/KayTemplate.jpg" title=" " class="shutterset_set_1" >
								<img title="Kay" alt="Kay" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_KayTemplate.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-11" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/L1EmailTemplate_3.jpg" title=" " class="shutterset_set_1" >
								<img title="Level One" alt="Level One" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_L1EmailTemplate_3.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-12" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/MidAmerica_T2.jpg" title=" " class="shutterset_set_1" >
								<img title="Mid-America" alt="Mid-America" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_MidAmerica_T2.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-13" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/MissionRes_Screenshot.jpg" title=" " class="shutterset_set_1" >
								<img title="Mission Residential I" alt="Mission Residential I" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_MissionRes_Screenshot.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-14" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/Mission_Template2.jpg" title=" " class="shutterset_set_1" >
								<img title="Mission Residential II" alt="Mission Residential II" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_Mission_Template2.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-15" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/Post Template.jpg" title=" " class="shutterset_set_1" >
								<img title="Post Properties" alt="Post Properties" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_Post Template.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-16" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/PrometheusET_Sketch1.jpg" title=" " class="shutterset_set_1" >
								<img title="Prometheus I" alt="Prometheus I" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_PrometheusET_Sketch1.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-17" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/PrometheusET_Sketch2.jpg" title=" " class="shutterset_set_1" >
								<img title="Prometheus II" alt="Prometheus II" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_PrometheusET_Sketch2.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-18" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/SDBellET.jpg" title=" " class="shutterset_set_1" >
								<img title="SD Bell" alt="SD Bell" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_SDBellET.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-19" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/UDR Template 2.jpg" title=" " class="shutterset_set_1" >
								<img title="UDR" alt="UDR" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_UDR Template 2.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-21" class="ngg-gallery-thumbnail-box" style="width:50%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://nathandcarrie.com/nathan/wp-content/gallery/templates/WatertonET.jpg" title=" " class="shutterset_set_1" >
								<img title="Waterton" alt="Waterton" src="http://nathandcarrie.com/nathan/wp-content/gallery/templates/thumbs/thumbs_WatertonET.jpg" width="250" height="250" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


]]></content:encoded>
			<wfw:commentRss>http://nathandcarrie.com/nathan/2009/09/email-templates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
