-
Notifications
You must be signed in to change notification settings - Fork 0
/
default.html
157 lines (142 loc) · 8.82 KB
/
default.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>Tableless - Web Standards com arroz e feijão.</title>
<meta name="resource-type" content="document" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="revisit-after" content="1" />
<meta name="classification" content="Internet" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Tableless não é uma tecnologia! Tableless não é Linguagem de programação! Tableless não é um programa! Tableless não é de comer! Tableless é um método de construir sites, usando os Padrões Web (Web Standards) como guia." />
<meta name="keywords" content="tableless, sites tableless, semantica, web standards, standards, browsers, compatibilidade, XML, XHTML, HTML, CSS, ASP, usabilidade, acessibilidade, resultados, web, internet" />
<meta name="robots" content="ALL" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<meta name="author" content="Diego Alberto Eis, Elcio Luiz Ferreira" />
<meta name="language" content="pt-br" />
<meta name="doc-class" content="Completed" />
<meta name="doc-rights" content="Public" />
<meta name="ICBM" content="-23.66180,-46.63760" />
<meta name="DC.title" content="Tableless.com.br" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="/atom.asp" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/rss.asp" />
<link rel="shortcut icon" href="favicon.ico" />
<!-- Formatação do Site -->
<link rel="stylesheet" type="text/css" media="screen" href="css/css-screen.css?521" />
</head>
<body>
<div id="geral"> <!-- Começa #GERAL - esse div é como se fosse um body a mais, coloco para centralizar o site e para ter outras facilidades -->
<div id="topo"> <!-- Começa #TOPO - Aqui é onde vai o logo e o menu -->
<h1><a href="http://www.tableless.com.br/">Tableless - Web Standards com arroz e feijão</a></h1>
<div id="menu">
<ul>
<li id="menuhome"><a href="">Home</a></li>
<li id="menusobre"><a href="">Sobre</a></li>
<li id="menuaprenda"><a href="">Aprenda</a></li>
<li id="menuforum"><a href="">Fórum</a></li>
<li id="menucursos"><a href="">Cursos</a></li>
<li id="menulinks"><a href="">Links</a></li>
<li id="menucontato"><a href="">Contato</a></li>
</ul>
</div>
</div> <!-- Termina #TOPO -->
<div id="conteudo"> <!-- Começa #CONTEUDO - Div para o conteúdo, coloco ele a mais porque quero ter facilidade de medida, espaçamentos, etc -->
<div id="texto"> <!-- Começa #TEXTO - é onde vai tudo que importa no site, blog, artigos, e etc -->
<div class="post">
<h2>KOREM IPSUM DOLOR SIT AMET</h2>
<h4>por Diego Eis</h4>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus velit non ante. Aliquam eget justo in erat imperdiet lacinia. Suspendisse aliquam convallis leo. Phasellus aliquet dapibus tellus. Praesent mattis. Etiam in nisl sed odio posuere mattis. Curabitur id libero a erat pellentesque suscipit. Duis ac tortor vitae augue sagittis ultricies. Vestibulum urna est, rhoncus non, cursus a, porttitor sit amet, nisi. In non libero vel augue consequat vulputate. Etiam tristique massa eget metus. Nullam rhoncus. Ut vitae orci. Nulla facilisi. Nam tristique. Aliquam a ipsum eu metus iaculis dapibus. Nunc a quam eget augue condimentum viverra. Aenean non ante.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus velit non ante. Aliquam eget justo in erat imperdiet lacinia. Suspendisse aliquam convallis leo. Phasellus aliquet dapibus tellus. Praesent mattis. Etiam in nisl sed odio posuere mattis. Curabitur id libero a erat pellentesque suscipit. Duis ac tortor vitae augue sagittis ultricies. Vestibulum urna est, rhoncus non, cursus a, porttitor sit amet, nisi.
</p>
<div class="comente">
<a href="" class="comentarios">35 Comentários</a>
<span>12 de Dezembro de 2005</span>
</div>
</div>
<div class="post">
<h2>KOREM IPSUM DOLOR SIT AMET</h2>
<h4>por Diego Eis</h4>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus velit non ante. Aliquam eget justo in erat imperdiet lacinia. Suspendisse aliquam convallis leo. Phasellus aliquet dapibus tellus. Praesent mattis. Etiam in nisl sed odio posuere mattis. Curabitur id libero a erat pellentesque suscipit. Duis ac tortor vitae augue sagittis ultricies. Vestibulum urna est, rhoncus non, cursus a, porttitor sit amet, nisi. In non libero vel augue consequat vulputate. Etiam tristique massa eget metus. Nullam rhoncus. Ut vitae orci. Nulla facilisi. Nam tristique. Aliquam a ipsum eu metus iaculis dapibus. Nunc a quam eget augue condimentum viverra. Aenean non ante.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus velit non ante. Aliquam eget justo in erat imperdiet lacinia. Suspendisse aliquam convallis leo. Phasellus aliquet dapibus tellus. Praesent mattis. Etiam in nisl sed odio posuere mattis. Curabitur id libero a erat pellentesque suscipit. Duis ac tortor vitae augue sagittis ultricies. Vestibulum urna est, rhoncus non, cursus a, porttitor sit amet, nisi.
</p>
<div class="comente">
<a href="" class="comentarios">35 Comentários</a>
<span>12 de Dezembro de 2005</span>
</div>
</div>
<div class="post">
<h2>KOREM IPSUM DOLOR SIT AMET</h2>
<h4>por Diego Eis</h4>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus velit non ante. Aliquam eget justo in erat imperdiet lacinia. Suspendisse aliquam convallis leo. Phasellus aliquet dapibus tellus. Praesent mattis. Etiam in nisl sed odio posuere mattis. Curabitur id libero a erat pellentesque suscipit. Duis ac tortor vitae augue sagittis ultricies. Vestibulum urna est, rhoncus non, cursus a, porttitor sit amet, nisi. In non libero vel augue consequat vulputate. Etiam tristique massa eget metus. Nullam rhoncus. Ut vitae orci. Nulla facilisi. Nam tristique. Aliquam a ipsum eu metus iaculis dapibus. Nunc a quam eget augue condimentum viverra. Aenean non ante.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus velit non ante. Aliquam eget justo in erat imperdiet lacinia. Suspendisse aliquam convallis leo. Phasellus aliquet dapibus tellus. Praesent mattis. Etiam in nisl sed odio posuere mattis. Curabitur id libero a erat pellentesque suscipit. Duis ac tortor vitae augue sagittis ultricies. Vestibulum urna est, rhoncus non, cursus a, porttitor sit amet, nisi.
</p>
<div class="comente">
<a href="" class="comentarios">35 Comentários</a>
<span>12 de Dezembro de 2005</span>
</div>
</div>
</div> <!-- Termina #TEXTO -->
<div id="informacoes"> <!-- Começa #INFORMAÇOES - Aquela coluna com Histórico, Tópicos, RSS e PODCAST, etc -->
<form action="">
<fieldset>
<legend>Pesquisar</legend>
<input type="text" value="Buscar" class="inputbuscar" /> <input type="image" src="css/imagens/bot-buscar.png" value="Buscar" />
</fieldset>
</form>
<h5>Tópicos</h5>
<ul id="listatopicos">
<li><a href="">Web Standards</a></li>
<li><a href="">Tecnologia</a></li>
<li><a href="">Tendências</a></li>
<li><a href="">Browsers</a></li>
<li><a href="">Podcasts</a></li>
</ul>
<ul id="assine">
<li><a href="" class="assinefeed">Assine nosso FEED</a></li>
<li><a href="" class="assinepodcast">Assine nosso Podcast</a></li>
</ul>
<h5>Histórico</h5>
<ul id="listahistorico">
<li class="aberto">
<a href="">2006</a>
<ul>
<li><a href="">Março</a></li>
<li><a href="">Fevereiro</a></li>
<li><a href="">Janeiro</a></li>
</ul>
</li>
<li><a href="">2005</a></li>
<li><a href="">2004</a></li>
<li><a href="">2003</a></li>
</ul>
<h5>Recomendados</h5>
<ul id="listarecomendados">
<li><a href="">Semantics in the wild</a></li>
<li><a href="">The Flip 2K5</a></li>
<li><a href="">Banana Republic designs</a></li>
</ul>
<br />
<a href="http://www.dreamhost.com/rewards.cgi?diegoeis/shared/"><img src="imagens/dreamhost.gif" alt="O melhor host de hospedagem da atualidade" /></a>
</div> <!-- Termina #INFORMACOES -->
</div> <!-- Termina #CONTEUDO -->
<div id="rodape"> <!-- É o Rodapé, horas. -->
<address>
<a href=""><img src="imagens/cc.gif" alt="Creative Commons" /></a>
<a href="" class="logopeq">Tableless - Web Standards com arroz e feijão.</a>
2003 - 2006 tableless.com.br<br />
vivendo e aprendendo
</address>
</div> <!-- Termina #rodape -->
</div> <!-- Termina #GERAL -->
</body>
</html>