HTML5 Quick Start using Expression Web 3

<?xml version="1.0"?>
<!-- Code Snippet Configuration File -->
<snippets><snippet keyword="html5">
		<description>Html5 Quick Start</description>
		<text>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
&lt;title&gt;HTML5 Quick Start on Expression Web 3.0&lt;/title&gt;

&lt;!-- HTML5 Reset Download it from here
http://html5resetcss.googlecode.com/files/html5reset-1.4.1.css
--&gt;
&lt;!-- This to extend the support of HTML5 on IE--&gt;
&lt;!--[if IE]&gt;
&lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;

&lt;link href="style/reset.css" rel="stylesheet" type="text/css" media="screen"&gt;
&lt;style type="text/css"&gt;
html{background-color:#161616;color:white;}
body{width:950px;margin:0px auto;font:14px/1.5 Arial,Helvetica,sans-serif;}
body a{color:#0066cc}
header{overflow:visible;position:relative;padding:20px;background-color:#e2dddc;color:#0c0d10;text-align:center;}
nav{display:block;}
nav #topnav{background-color:#c5cacb;text-align:center;padding:10px;}
nav #topnav li{display:inline;padding:0 8px;border-left:1px #777a7d dashed;}
nav #topnav li:first-child{border-left: 0px black none ! Important;}
nav li a{}
#content{clear:both;overflow:hidden;background-color:#777a7d;padding:20px;}
#content p{margin-bottom:18px;text-align:left;}
#wrapper{float:left;width:715px;}
aside{float:right;width:180px;background-color:white;color:#0c0d10;}
aside h2{font-size:20px;padding:10px 10px 0;}
aside nav {padding:10px;}
aside nav li{display:block;margin:0px;padding:0px;}
footer{text-align:center;padding:10px;margin:0px;overflow:visible;position:relative;background-color:#3c3c41}
footer a{color:white;}
h1{font-size: 72px;}

&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
	&lt;header&gt;

		&lt;h1&gt;HTML5 Quick Start&lt;/h1&gt;
		&lt;p&gt;Expression Web 3.0&lt;/p&gt;

	&lt;/header&gt;
	&lt;nav&gt;
		&lt;ul id="topnav"&gt;
			&lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/"&gt;Expression Studio 4&lt;/a&gt;&lt;/li&gt;

			&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Web_Overview.aspx"&gt;Expression Web&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Blend_Overview.aspx"&gt;Expression Blend&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/SketchFlow_Overview.aspx"&gt;SketchFlow&lt;/a&gt;&lt;/li&gt;

			&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Design_Overview.aspx"&gt;Expression Design&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Encoder_Overview.aspx"&gt;Expression Encoder&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;

	&lt;/nav&gt;
&lt;div id="content"&gt;
	&lt;div id="wrapper"&gt;
		&lt;article&gt;
			&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean neque sem, pulvinar id porta at, rhoncus vitae sapien. Duis facilisis lacus sit amet neque venenatis at ornare arcu auctor. Duis non enim ut tellus molestie auctor. Donec vulputate massa a tellus ultrices consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec scelerisque ligula id diam dapibus ut commodo ligula mattis. Praesent sodales, arcu eget varius porttitor, erat ipsum viverra augue, vitae ultricies dolor quam id ante. Aliquam magna eros, lobortis id faucibus non, blandit ut lacus. Nam a lacinia eros. Vestibulum sed neque ipsum, ac tincidunt orci.&lt;/p&gt;

			&lt;p&gt;Duis mauris mauris, placerat nec feugiat sed, bibendum sed nunc. Donec eget elit quis eros viverra eleifend convallis ut eros. Curabitur nec felis ipsum, at mattis dui. Nam adipiscing adipiscing scelerisque. Maecenas id neque urna. Nunc dignissim tellus vitae orci vulputate quis feugiat orci bibendum. Cras vestibulum tellus sed justo laoreet ornare. Donec felis nibh, pharetra ac rutrum vel, aliquet a eros. Aenean lorem ligula, dapibus nec luctus a, pharetra ut nisl. Aliquam imperdiet odio nec diam sollicitudin facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a convallis ligula.&lt;/p&gt;
			&lt;p&gt;Pellentesque suscipit congue sapien, laoreet molestie erat tincidunt quis. Mauris lobortis pellentesque ligula, et porta lacus convallis vitae. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In scelerisque turpis sit amet est porta pharetra. Mauris a nunc nec tellus dictum elementum. Mauris a lacus libero, in pharetra purus. Phasellus metus nunc, imperdiet id auctor iaculis, pretium sed velit. Donec posuere lacinia arcu eget vestibulum.&lt;/p&gt;
		&lt;/article&gt;

	&lt;/div&gt;

	&lt;aside&gt;
		&lt;h2&gt;Sidebar&lt;/h2&gt;
		&lt;nav&gt;
			&lt;ul&gt;
				&lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;

				&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/"&gt;Expression Studio 4&lt;/a&gt;&lt;/li&gt;

				&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Web_Overview.aspx"&gt;Expression Web&lt;/a&gt;&lt;/li&gt;
				&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Blend_Overview.aspx"&gt;Expression Blend&lt;/a&gt;&lt;/li&gt;

				&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/SketchFlow_Overview.aspx"&gt;SketchFlow&lt;/a&gt;&lt;/li&gt;
				&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Design_Overview.aspx"&gt;Expression Design&lt;/a&gt;&lt;/li&gt;
				&lt;li&gt;&lt;a href="http://www.microsoft.com/expression/products/Encoder_Overview.aspx"&gt;Expression Encoder&lt;/a&gt;&lt;/li&gt;

			&lt;/ul&gt;

		&lt;/nav&gt;
	&lt;/aside&gt;
&lt;/div&gt;
	&lt;footer&gt;
		All Copyrights Reserved&lt;br&gt;&lt;a href="http://www.seniorwebdesigner.com" title="Mohammed Alaa - Sr. User Interface Designer"&gt;Mohammed Alaa - Sr. User Interface Designer&lt;/a&gt;

	&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;</text>
	</snippet>
</snippets>