Return to Snippet

Revision: 43349
at March 23, 2011 13:40 by miltonbneto


Updated Code
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="pt-BR" class="ie6 ielt8"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="pt-BR" class="ie7 ielt8"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="pt-BR" class="ie8"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="pt-BR"> <!--<![endif]--> 
<html lang="pt-BR">
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="" >
	<meta name="description" content="" >
	<title>Title</title>
	<link rel="stylesheet" href="style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
	<link rel="apple-touch-icon" href="img/favicon.png" /> 
	<!--[if IE]>
		<script>
			document.createElement("header" );
			document.createElement("footer" );
			document.createElement("section");
			document.createElement("aside"  );
			document.createElement("nav"    );
			document.createElement("article");
			document.createElement("hgroup" );
			document.createElement("time"   );
		</script>
	<![endif]-->
	<style>
	* {
margin:0;
padding:0;
list-style:none;
}
article,aside,details,figcaption,figure,  
footer,header,hgroup,menu,nav,section {  
   display: block;  
}  
a{
	text-decoration:none;
}

body{
	background:#143246 url(../img/background.jpg) no-repeat center top;
	padding: 0;
	margin: 0;
}

  /*******************************/
 /*		RECURSOS VISUAIS 		*/
/*******************************/
.left{
	float:left;
}
.right{
	float:right;
}

	</style>

</head>
<body>
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div xmlns="http://www.w3.org/1999/xhtml"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  xmlns:gr="http://purl.org/goodrelations/v1#"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:vcard="http://www.w3.org/2006/vcard/ns#">
 
  <div typeof="gr:BusinessEntity" about="#company">
    <div property="gr:legalName" content="Micro Fast Informática"></div>
    <div property="vcard:tel" content="+55-11-3791-4433"></div>
    <div rel="vcard:adr">
      <div typeof="vcard:Address">
        <div property="vcard:country-name" content="Brasil"></div>
        <div property="vcard:locality" content="São Paulo"></div>
        <div property="vcard:street-address" content="Rua André Saraiva, 589 - São Paulo - SP"></div>
      </div>
    </div>
    <div rel="foaf:depiction" resource="http://meudominio.com.br/img/logo.png"></div>
    <div rel="foaf:page" resource=""></div>
  </div>
</div
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div id="wrapper">

	<div id="content">
		<header id="main-header">
			<p class="right">Tel: (11) 3791-4433<br />(16) 3172-7373<br />[email protected]
			<hgroup>
				<h1>Micro Fast Informática</h1>
				<h2>Tudo o que você precisa em Informática</h2>
			</hgroup>
			<nav>
				<ul id="navmenu">
					<li class="left"><a href="#"  tabindex="1">Teste</a></li>
					<li class="left"><a href="#"  tabindex="2">Teste</a></li>
					<li class="left"><a href="#"  tabindex="3">Teste</a></li>
					<li class="left"><a href="#"  tabindex="4">Teste</a></li>
					<li class="left"><a href="#"  tabindex="5">Teste</a></li>
					<li class="left"><a href="#"  tabindex="6">Teste</a></li>
					<li class="left"><a href="#"  tabindex="7">Teste</a></li>
					<li class="left"><a href="#"  tabindex="8">Teste</a></li>
				</ul>
			</nav>
		</header>
		<section id="container">
			<div id="top-container">
				<ul>
					<li class="left">Suporte Técnico<br /><a href="#">Ver Quais</a></li>
					<li class="left">Serviços<br /><a href="#">Ver Quais</a></li>
					<li class="left">Produtos<br /><a href="#">Ver Quais</a></li>
				</ul>
				<aside>
					<h2>Tudo o que você precisa!</h2>
					<p>Tudo o que você precisaTudo o que você precisa</p>
					<form action="" method="">
						<label>Digite o que você precisa:</label>
						<input type="text" name="" value="Busque"
								   onfocus="if (this.value=='Busque') this.value=''"
								   onblur="if (this.value=='') this.value='Busque'"/>
						<input type="submit" value="Pesquisar no site" />
					</form>
				</aside>
			</div>
			<section id="content">
				<article id="main-content">
					<h2>Tudo o que você precisa!</h2>
					<p>Tudo o que você precisa em Computadores! Tudo o que você precisa em Computadores.</p>
					<ul>
						<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
						<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
						<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
						<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
						<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
						<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
					</ul>
					<footer>
						<ul id="content-buttons">
							<li class="left">Emergência 24 horas</li>
							<li class="left">Contrato Mensal</li>
							<li class="left">Atendimento Personalizado</li>
							<li class="left">Manutenção</li>
							<li class="left">Infra Estrutura</li>
							<li>Contrato Especial</li>
						</ul>
					</footer>
				</article>
				<aside>
					<figure>
						<figcaption>A view of the pulpit rock in Norway</figcaption>
						<img src="parceiros.jpg" width="300" height="90" />
					</figure>
					<!-- SOME JQUERY PLUGIN -->
				</aside>
			</section>
			<footer>
				<ul>
					<li class="left"><a href="#">Teste</a></li>
					<li class="left"><a href="#">Teste</a></li>
					<li class="left"><a href="#">Teste</a></li>
				</ul>
				<address class="right">
					<p><strong>Micro Fast Informática</strong><br />
					Tel: (11) 3791-4433<br />
						 (16) 3172-7373<br />
						 [email protected]<br />
						 Loja 01 - Rua André Saraiva, 589 - São Paulo - SP / Loja 02 - Rua Jorge Miguel Saad, 525 - Igarapava - SP</p>
				</address>
			</footer>
		</section>
	</div>
</div>
	<!-- Insert Here Code Google Analytics -->
 
	<!-- END Code Google Analytics -->
</body>
</html>

Revision: 43348
at March 23, 2011 13:14 by miltonbneto


Updated Code
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="pt-BR" class="ie6 ielt8"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="pt-BR" class="ie7 ielt8"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="pt-BR" class="ie8"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="pt-BR"> <!--<![endif]--> 
<html lang="pt-BR">
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="" >
	<meta name="description" content="" >
	<title>Title</title>
	<link rel="stylesheet" href="style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
	<link rel="apple-touch-icon" href="img/favicon.png" /> 
	<!--[if IE]>
		<script>
			document.createElement("header" );
			document.createElement("footer" );
			document.createElement("section");
			document.createElement("aside"  );
			document.createElement("nav"    );
			document.createElement("article");
			document.createElement("hgroup" );
			document.createElement("time"   );
		</script>
	<![endif]-->
	<style>
		* {
margin:0;
padding:0;
list-style:none;
}
article,aside,details,figcaption,figure,  
footer,header,hgroup,menu,nav,section {  
   display: block;  
}  
a{
	text-decoration:none;
}

body{
	background:#143246 url(../img/background.jpg) no-repeat center top;
	padding: 0;
	margin: 0;
}

  /*******************************/
 /*		RECURSOS VISUAIS 		*/
/*******************************/
.left{
	float:left;
}
.right{
	float:right;
}

	</style>

</head>
<body>
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div xmlns="http://www.w3.org/1999/xhtml"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  xmlns:gr="http://purl.org/goodrelations/v1#"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:vcard="http://www.w3.org/2006/vcard/ns#">
 
  <div typeof="gr:BusinessEntity" about="#company">
    <div property="gr:legalName" content="Micro Fast Inform�¡tica"></div>
    <div property="vcard:tel" content="+55-11-3791-4433"></div>
    <div rel="vcard:adr">
      <div typeof="vcard:Address">
        <div property="vcard:country-name" content="Brasil"></div>
        <div property="vcard:locality" content="S�£o Paulo"></div>
        <div property="vcard:street-address" content="Rua Andr�© Saraiva, 589 - S�£o Paulo - SP"></div>
      </div>
    </div>
    <div rel="foaf:depiction" resource="http://meudominio.com.br/img/logo.png"></div>
    <div rel="foaf:page" resource=""></div>
  </div>
</div
<!--	RICH SNIPPETS GOODRELATIONS	 -->

<header>
	<p class="right">Tel: (11) 3791-4433<br />(16) 3172-7373<br />[email protected]
	<hgroup>
		<h1>Micro Fast Inform�¡tica</h1>
		<p>Tudo o que voc�ª precisa em Inform�¡tica</p>
	</hgroup>
	<nav>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
	</nav>
</header>
<section id="container">
	<header id="top-container">
		<ul>
			<li class="left">Suporte T�©cnico<br /><a href="#">Ver Quais</a></li>
			<li class="left">Servi�§os<br /><a href="#">Ver Quais</a></li>
			<li class="left">Produtos<br /><a href="#">Ver Quais</a></li>
		</ul>
		<aside>
			<h2>Tudo o que voc�ª precisa!</h2>
			<p>Tudo o que voc�ª precisaTudo o que voc�ª precisa</p>
			<form action="" method="">
				<label>Digite o que voc�ª precisa:</label>
				<input type="text" name="" value="Busque"
                    	   onfocus="if (this.value=='Busque') this.value=''"
                           onblur="if (this.value=='') this.value='Busque'"/>
				<input type="submit" value="Pesquisar no site" />
			</form>
		</aside>
	</header>
	<section id="content">
		<article id="main-content">
			<h2>Tudo o que voc�ª precisa!</h2>
			<p>Tudo o que voc�ª precisa em Computadores! Tudo o que voc�ª precisa em Computadores.</p>
			<ul>
				<li>AQUI EM M��OS - Tudo o que voc�ª precisa em Computadores!</li>
				<li>AQUI EM M��OS - Tudo o que voc�ª precisa em Computadores!</li>
				<li>AQUI EM M��OS - Tudo o que voc�ª precisa em Computadores!</li>
				<li>AQUI EM M��OS - Tudo o que voc�ª precisa em Computadores!</li>
				<li>AQUI EM M��OS - Tudo o que voc�ª precisa em Computadores!</li>
				<li>AQUI EM M��OS - Tudo o que voc�ª precisa em Computadores!</li>
			</ul>
			<footer>
				<ul id="content-buttons">
					<li class="left">Emerg�ªncia 24 horas</li>
					<li class="left">Contrato Mensal</li>
					<li class="left">Atendimento Personalizado</li>
					<li class="left">Manuten�§�£o</li>
					<li class="left">Infra Estrutura</li>
					<li>Contrato Especial</li>
				</ul>
			</footer>
		</article>
		<aside>
			<figure>
				<figcaption>A view of the pulpit rock in Norway</figcaption>
				<img src="parceiros.jpg" width="300" height="90" />
			</figure>
			<!-- SOME JQUERY PLUGIN -->
		</aside>
	</section>
	<footer>
		<ul>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
		</ul>
		<address class="right">
			<p><strong>Micro Fast Inform�¡tica</strong><br />
			Tel: (11) 3791-4433<br />
				 (16) 3172-7373<br />
				 [email protected]<br />
				 Loja 01 - Rua Andr�© Saraiva, 589 - S�£o Paulo - SP / Loja 02 - Rua Jorge Miguel Saad, 525 - Igarapava - SP</p>
		</address>
	</footer>
</section>
	<!-- Insert Here Code Google Analytics -->
 
	<!-- END Code Google Analytics -->
</body>
</html>

Revision: 43347
at March 23, 2011 13:14 by miltonbneto


Updated Code
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="pt-BR" class="ie6 ielt8"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="pt-BR" class="ie7 ielt8"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="pt-BR" class="ie8"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="pt-BR"> <!--<![endif]--> 
<html lang="pt-BR">
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="" >
	<meta name="description" content="" >
	<title>Title</title>
	<link rel="stylesheet" href="style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
	<link rel="apple-touch-icon" href="img/favicon.png" /> 
	<!--[if IE]>
		<script>
			document.createElement("header" );
			document.createElement("footer" );
			document.createElement("section");
			document.createElement("aside"  );
			document.createElement("nav"    );
			document.createElement("article");
			document.createElement("hgroup" );
			document.createElement("time"   );
		</script>
	<![endif]-->
	<style>
		* {
margin:0;
padding:0;
list-style:none;
}
article,aside,details,figcaption,figure,  
footer,header,hgroup,menu,nav,section {  
   display: block;  
}  
a{
	text-decoration:none;
}

body{
	background:#143246 url(../img/background.jpg) no-repeat center top;
	padding: 0;
	margin: 0;
}

  /*******************************/
 /*		RECURSOS VISUAIS 		*/
/*******************************/
.left{
	float:left;
}
.right{
	float:right;
}

	</style>

</head>
<body>
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div xmlns="http://www.w3.org/1999/xhtml"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  xmlns:gr="http://purl.org/goodrelations/v1#"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:vcard="http://www.w3.org/2006/vcard/ns#">
 
  <div typeof="gr:BusinessEntity" about="#company">
    <div property="gr:legalName" content="Micro Fast Informática"></div>
    <div property="vcard:tel" content="+55-11-3791-4433"></div>
    <div rel="vcard:adr">
      <div typeof="vcard:Address">
        <div property="vcard:country-name" content="Brasil"></div>
        <div property="vcard:locality" content="São Paulo"></div>
        <div property="vcard:street-address" content="Rua André Saraiva, 589 - São Paulo - SP"></div>
      </div>
    </div>
    <div rel="foaf:depiction" resource="http://meudominio.com.br/img/logo.png"></div>
    <div rel="foaf:page" resource=""></div>
  </div>
</div
<!--	RICH SNIPPETS GOODRELATIONS	 -->

<header>
	<p class="right">Tel: (11) 3791-4433<br />(16) 3172-7373<br />[email protected]
	<hgroup>
		<h1>Micro Fast Informática</h1>
		<p>Tudo o que você precisa em Informática</p>
	</hgroup>
	<nav>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
	</nav>
</header>
<section id="container">
	<header id="top-container">
		<ul>
			<li class="left">Suporte Técnico<br /><a href="#">Ver Quais</a></li>
			<li class="left">Serviços<br /><a href="#">Ver Quais</a></li>
			<li class="left">Produtos<br /><a href="#">Ver Quais</a></li>
		</ul>
		<aside>
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisaTudo o que você precisa</p>
			<form action="" method="">
				<label>Digite o que você precisa:</label>
				<input type="text" name="" value="Busque"
                    	   onfocus="if (this.value=='Busque') this.value=''"
                           onblur="if (this.value=='') this.value='Busque'"/>
				<input type="submit" value="Pesquisar no site" />
			</form>
		</aside>
	</header>
	<section id="content">
		<article id="main-content">
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisa em Computadores! Tudo o que você precisa em Computadores.</p>
			<ul>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
			</ul>
			<footer>
				<ul id="content-buttons">
					<li class="left">Emergência 24 horas</li>
					<li class="left">Contrato Mensal</li>
					<li class="left">Atendimento Personalizado</li>
					<li class="left">Manutenção</li>
					<li class="left">Infra Estrutura</li>
					<li>Contrato Especial</li>
				</ul>
			</footer>
		</article>
		<aside>
			<figure>
				<figcaption>A view of the pulpit rock in Norway</figcaption>
				<img src="parceiros.jpg" width="300" height="90" />
			</figure>
			<!-- SOME JQUERY PLUGIN -->
		</aside>
	</section>
	<footer>
		<ul>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
		</ul>
		<address class="right">
			<p><strong>Micro Fast Informática</strong><br />
			Tel: (11) 3791-4433<br />
				 (16) 3172-7373<br />
				 [email protected]<br />
				 Loja 01 - Rua André Saraiva, 589 - São Paulo - SP / Loja 02 - Rua Jorge Miguel Saad, 525 - Igarapava - SP</p>
		</address>
	</footer>
</section>
	<!-- Insert Here Code Google Analytics -->
 
	<!-- END Code Google Analytics -->
</body>
</html>

Revision: 43346
at March 23, 2011 13:13 by miltonbneto


Updated Code
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="pt-BR" class="ie6 ielt8"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="pt-BR" class="ie7 ielt8"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="pt-BR" class="ie8"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="pt-BR"> <!--<![endif]--> 
<html lang="pt-BR">
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="" >
	<meta name="description" content="" >
	<title>Title</title>
	<link rel="stylesheet" href="style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
	<link rel="apple-touch-icon" href="img/favicon.png" /> 
	<!--[if IE]>
		<script>
			document.createElement("header" );
			document.createElement("footer" );
			document.createElement("section");
			document.createElement("aside"  );
			document.createElement("nav"    );
			document.createElement("article");
			document.createElement("hgroup" );
			document.createElement("time"   );
		</script>
	<![endif]-->
	<style>
		* {
margin:0;
padding:0;
list-style:none;
}
article,aside,details,figcaption,figure,  
footer,header,hgroup,menu,nav,section {  
   display: block;  
}  
a{
	text-decoration:none;
}

body{
	background:#143246 url(../img/background.jpg) no-repeat center top;
	padding: 0;
	margin: 0;
}

  /*******************************/
 /*		RECURSOS VISUAIS 		*/
/*******************************/
.left{
	float:left;
}
.right{
	float:right;
}

	</style>

</head>
<body>
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div xmlns="http://www.w3.org/1999/xhtml"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  xmlns:gr="http://purl.org/goodrelations/v1#"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:vcard="http://www.w3.org/2006/vcard/ns#">
 
  <div typeof="gr:BusinessEntity" about="#company">
    <div property="gr:legalName" content="Micro Fast Informática"></div>
    <div property="vcard:tel" content="+55-11-3791-4433"></div>
    <div rel="vcard:adr">
      <div typeof="vcard:Address">
        <div property="vcard:country-name" content="Brasil"></div>
        <div property="vcard:locality" content="São Paulo"></div>
        <div property="vcard:street-address" content="Rua André Saraiva, 589 - São Paulo - SP"></div>
      </div>
    </div>
    <div rel="foaf:depiction" resource="http://meudominio.com.br/img/logo.png"></div>
    <div rel="foaf:page" resource=""></div>
  </div>
</div
<!--	RICH SNIPPETS GOODRELATIONS	 -->

<header>
	<p class="right">Tel: (11) 3791-4433<br />(16) 3172-7373<br />[email protected]
	<hgroup>
		<h1>Micro Fast Informática</h1>
		<p>Tudo o que você precisa em Informática</p>
	</hgroup>
	<nav>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
	</nav>
</header>
<section id="container">
	<header id="top-container">
		<ul>
			<li class="left">Suporte Técnico<br /><a href="#">Ver Quais</a></li>
			<li class="left">Serviços<br /><a href="#">Ver Quais</a></li>
			<li class="left">Produtos<br /><a href="#">Ver Quais</a></li>
		</ul>
		<aside>
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisaTudo o que você precisa</p>
			<form action="" method="">
				<label>Digite o que você precisa:</label>
				<input type="text" name="" value="Busque"
                    	   onfocus="if (this.value=='Busque') this.value=''"
                           onblur="if (this.value=='') this.value='Busque'"/>
				<input type="submit" value="Pesquisar no site" />
			</form>
		</aside>
	</header>
	<section id="content">
		<article id="main-content">
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisa em Computadores! Tudo o que você precisa em Computadores.</p>
			<ul>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
			</ul>
			<footer>
				<ul id="content-buttons">
					<li class="left">Emergência 24 horas</li>
					<li class="left">Contrato Mensal</li>
					<li class="left">Atendimento Personalizado</li>
					<li class="left">Manutenção</li>
					<li class="left">Infra Estrutura</li>
					<li>Contrato Especial</li>
				</ul>
			</footer>
		</article>
		<aside>
			<figure>
				<figcaption>A view of the pulpit rock in Norway</figcaption>
				<img src="parceiros.jpg" width="300" height="90" />
			</figure>
			<!-- SOME JQUERY PLUGIN -->
		</aside>
	</section>
	<footer>
		<ul>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
		</ul>
		<address class="right">
			<p><strong>Micro Fast Informática</strong><br />
			Tel: (11) 3791-4433<br />
				 (16) 3172-7373<br />
				 [email protected]<br />
				 Loja 01 - Rua André Saraiva, 589 - São Paulo - SP / Loja 02 - Rua Jorge Miguel Saad, 525 - Igarapava - SP</p>
		</address>
	</footer>
</section>
	<!-- Insert Here Code Google Analytics -->
 
	<!-- END Code Google Analytics -->
</body>
</html>

Revision: 43345
at March 23, 2011 13:12 by miltonbneto


Updated Code
<!DOCTYPE html>

<html lang="pt-BR">
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="" >
	<meta name="description" content="" >
	<title>Title</title>
	<link rel="stylesheet" href="style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
	<link rel="apple-touch-icon" href="img/favicon.png" /> 

					<style type="text/css">
			* {
			margin:0;
			padding:0;
			list-style:none;
			}
			article,aside,details,figcaption,figure,  
			footer,header,hgroup,menu,nav,section {  
			   display: block;  
			}  
			a{
				text-decoration:none;
			}

			body{
				background:#143246 url(../img/background.jpg) no-repeat center top;
				padding: 0;
				margin: 0;
			}

			  /*******************************/
			 /*	RECURSOS VISUAIS 	*/
			/*******************************/
			.left{
				float:left;
			}
			.right{
				float:right;
			}
					 
        </style>

	<!--[if IE]>
		<script>
			document.createElement("header" );
			document.createElement("footer" );
			document.createElement("section");
			document.createElement("aside"  );
			document.createElement("nav"    );
			document.createElement("article");
			document.createElement("hgroup" );
			document.createElement("time"   );
		</script>
	<![endif]-->

	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div xmlns="http://www.w3.org/1999/xhtml"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  xmlns:gr="http://purl.org/goodrelations/v1#"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:vcard="http://www.w3.org/2006/vcard/ns#">
 
  <div typeof="gr:BusinessEntity" about="#company">
    <div property="gr:legalName" content="Micro Fast Informática"></div>
    <div property="vcard:tel" content="+55-11-3791-4433"></div>
    <div rel="vcard:adr">
      <div typeof="vcard:Address">
        <div property="vcard:country-name" content="Brasil"></div>
        <div property="vcard:locality" content="São Paulo"></div>
        <div property="vcard:street-address" content="Rua André Saraiva, 589 - São Paulo - SP"></div>
      </div>
    </div>
    <div rel="foaf:depiction" resource="http://meudominio.com.br/img/logo.png"></div>
    <div rel="foaf:page" resource=""></div>
  </div>
</div
<!--	RICH SNIPPETS GOODRELATIONS	 -->

<header>
	<p class="right">Tel: (11) 3791-4433<br />(16) 3172-7373<br />[email protected]
	<hgroup>
		<h1>Micro Fast Informática</h1>
		<p>Tudo o que você precisa em Informática</p>
	</hgroup>
	<nav>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
	</nav>
</header>
<section id="container">
	<header id="top-container">
		<ul>
			<li class="left">Suporte Técnico<br /><a href="#">Ver Quais</a></li>
			<li class="left">Serviços<br /><a href="#">Ver Quais</a></li>
			<li class="left">Produtos<br /><a href="#">Ver Quais</a></li>
		</ul>
		<aside>
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisaTudo o que você precisa</p>
			<form action="" method="">
				<label>Digite o que você precisa:</label>
				<input type="text" name="" value="Busque"
                    	   onfocus="if (this.value=='Busque') this.value=''"
                           onblur="if (this.value=='') this.value='Busque'"/>
				<input type="submit" value="Pesquisar no site" />
			</form>
		</aside>
	</header>
	<section id="content">
		<article id="main-content">
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisa em Computadores! Tudo o que você precisa em Computadores.</p>
			<ul>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM M�OS - Tudo o que você precisa em Computadores!</li>
			</ul>
			<footer>
				<ul id="content-buttons">
					<li class="left">Emergência 24 horas</li>
					<li class="left">Contrato Mensal</li>
					<li class="left">Atendimento Personalizado</li>
					<li class="left">Manutenção</li>
					<li class="left">Infra Estrutura</li>
					<li>Contrato Especial</li>
				</ul>
			</footer>
		</article>
		<aside>
			<figure>
				<figcaption>A view of the pulpit rock in Norway</figcaption>
				<img src="parceiros.jpg" width="300" height="90" />
			</figure>
			<!-- SOME JQUERY PLUGIN -->
		</aside>
	</section>
	<footer>
		<ul>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
		</ul>
		<address class="right">
			<p><strong>Micro Fast Informática</strong><br />
			Tel: (11) 3791-4433<br />
				 (16) 3172-7373<br />
				 [email protected]<br />
				 Loja 01 - Rua André Saraiva, 589 - São Paulo - SP / Loja 02 - Rua Jorge Miguel Saad, 525 - Igarapava - SP</p>
		</address>
	</footer>
</section>
	<!-- Insert Here Code Google Analytics -->
 
	<!-- END Code Google Analytics -->
</body>
</html>

Revision: 43344
at March 22, 2011 14:09 by miltonbneto


Initial Code
<!DOCTYPE html>

<html lang="pt-BR">
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="" >
	<meta name="description" content="" >
	<title>Title</title>
	<link rel="stylesheet" href="style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
	<link rel="apple-touch-icon" href="img/favicon.png" /> 

					<style type="text/css">
			* {
			margin:0;
			padding:0;
			list-style:none;
			}
			article,aside,details,figcaption,figure,  
			footer,header,hgroup,menu,nav,section {  
			   display: block;  
			}  
			a{
				text-decoration:none;
			}

			body{
				background:#143246 url(../img/background.jpg) no-repeat center top;
				padding: 0;
				margin: 0;
			}

			  /*******************************/
			 /*	RECURSOS VISUAIS 	*/
			/*******************************/
			.left{
				float:left;
			}
			.right{
				float:right;
			}
					 
        </style>

	<!--[if IE]>
		<script>
			document.createElement("header" );
			document.createElement("footer" );
			document.createElement("section");
			document.createElement("aside"  );
			document.createElement("menu"    );
			document.createElement("article");
			document.createElement("hgroup" );
			document.createElement("time"   );
		</script>
	<![endif]-->

	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>
<!--	RICH SNIPPETS GOODRELATIONS	 -->
<div xmlns="http://www.w3.org/1999/xhtml"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  xmlns:gr="http://purl.org/goodrelations/v1#"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:vcard="http://www.w3.org/2006/vcard/ns#">
 
  <div typeof="gr:BusinessEntity" about="#company">
    <div property="gr:legalName" content="Micro Fast Informática"></div>
    <div property="vcard:tel" content="+55-11-3791-4433"></div>
    <div rel="vcard:adr">
      <div typeof="vcard:Address">
        <div property="vcard:country-name" content="Brasil"></div>
        <div property="vcard:locality" content="São Paulo"></div>
        <div property="vcard:street-address" content="Rua André Saraiva, 589 - São Paulo - SP"></div>
      </div>
    </div>
    <div rel="foaf:depiction" resource="http://meudominio.com.br/img/logo.png"></div>
    <div rel="foaf:page" resource=""></div>
  </div>
</div
<!--	RICH SNIPPETS GOODRELATIONS	 -->

<header>
	<p class="right">Tel: (11) 3791-4433<br />(16) 3172-7373<br />[email protected]
	<hgroup>
		<h1>Micro Fast Informática</h1>
		<p>Tudo o que você precisa em Informática</p>
	</hgroup>
	<menu>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
		<li class="left"><a href="#">Teste</a></li>
	</menu>
</header>
<section id="container">
	<header id="top-container">
		<ul>
			<li class="left">Suporte Técnico<br /><a href="#">Ver Quais</a></li>
			<li class="left">Serviços<br /><a href="#">Ver Quais</a></li>
			<li class="left">Produtos<br /><a href="#">Ver Quais</a></li>
		</ul>
		<aside>
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisaTudo o que você precisa</p>
			<form action="" method="">
				<label>Digite o que você precisa:</label>
				<input type="text" name="" value="Busque"
                    	   onfocus="if (this.value=='Busque') this.value=''"
                           onblur="if (this.value=='') this.value='Busque'"/>
				<input type="submit" value="Pesquisar no site" />
			</form>
		</aside>
	</header>
	<section id="content">
		<article id="main-content">
			<h2>Tudo o que você precisa!</h2>
			<p>Tudo o que você precisa em Computadores! Tudo o que você precisa em Computadores.</p>
			<ul>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
				<li>AQUI EM MÃOS - Tudo o que você precisa em Computadores!</li>
			</ul>
			<footer>
				<ul id="content-buttons">
					<li class="left">Emergência 24 horas</li>
					<li class="left">Contrato Mensal</li>
					<li class="left">Atendimento Personalizado</li>
					<li class="left">Manutenção</li>
					<li class="left">Infra Estrutura</li>
					<li>Contrato Especial</li>
				</ul>
			</footer>
		</article>
		<aside>
			<figure>
				<figcaption>A view of the pulpit rock in Norway</figcaption>
				<img src="parceiros.jpg" width="300" height="90" />
			</figure>
			<!-- SOME JQUERY PLUGIN -->
		</aside>
	</section>
	<footer>
		<ul>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
			<li class="left"><a href="#">Teste</a></li>
		</ul>
		<address class="right">
			<p><strong>Micro Fast Informática</strong><br />
			Tel: (11) 3791-4433<br />
				 (16) 3172-7373<br />
				 [email protected]<br />
				 Loja 01 - Rua André Saraiva, 589 - São Paulo - SP / Loja 02 - Rua Jorge Miguel Saad, 525 - Igarapava - SP</p>
		</address>
	</footer>
</section>
	<!-- Insert Here Code Google Analytics -->
 
	<!-- END Code Google Analytics -->
</body>
</html>

Initial URL


Initial Description
This is a free gift to you folks ;)

Initial Title
HTML5 Template Cross Browser + CSS

Initial Tags
css, html, browser, html5

Initial Language
HTML