forked from divshot/geo-bootstrap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
alex.html
254 lines (214 loc) · 9.52 KB
/
alex.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!-- Happy April Fool's Day from Team Divshot!-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Web site de aniversário para o Alex</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Web site de aniversário para o Alex">
<meta name="author" content="Divshot, Inc.">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="swatch/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="bootstrap/docs/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="test/bootswatch.css" rel="stylesheet">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30884255-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body id="top" class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
<!-- Navbar
================================================== -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="">Geocities</a>
<div class="nav-collapse" id="main-menu">
<ul class="nav" id="main-menu-left">
<li class="dropdown" id="preview-menu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Downloads</b></a>
</li>
<li><a href="#">Agenda</a></li>
<li><a href="#mural">Mural de Recados</a></li>
</ul>
<ul class="nav pull-right" id="main-menu-right">
<li><a rel="tooltip" target="_blank" href="http://www.divshot.com" title="Static Web Hosting">Hospedagem de sites gratuita!!! <i class="icon-share-alt"></i></a></li>
<li><input type="text" class="input-medium"></li>
<li><img src="img/test/cade.jpg"></li>
<li><button type="submit" class="btn btn-primary">Buscar</button></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<div class="row">
<div class="span6">
<h1><img src="img/test/7upspot.gif"> <FONT COLOR="#FF0000">A</FONT><FONT COLOR="#FF5A00">l</FONT><FONT COLOR="#FFB400">e</FONT><FONT COLOR="#FFff00">x</FONT><FONT COLOR="#A5ff00"> </FONT><FONT COLOR="#4Bff00"> </FONT><FONT COLOR="#00ff00"> </FONT><FONT COLOR="#00ff5A"> </FONT><blink><FONT COLOR="#00ffB4">P</FONT><FONT COLOR="#00ffff">a</FONT><FONT COLOR="#00B4ff">r</FONT><FONT COLOR="#005Aff">á</FONT><FONT COLOR="#0000ff">b</FONT><FONT COLOR="#4B00ff">e</FONT><FONT COLOR="#A500ff">n</FONT><FONT COLOR="#FF00ff">s</FONT><FONT COLOR="#FF00B4">!</FONT></blink></h1>
<p class="lead">Um design especial da sua equipe.</p>
<table cellpadding="2" cellspacing="2">
<tr>
<td>
<img src="img/test/ie_logo.gif">
</td>
<td>
<img src="img/test/ns_logo.gif">
</td>
<td>
<img src="img/test/noframes.gif">
</td>
<td>
<img src="img/test/notepad.gif">
</td>
</tr>
</table>
</div>
<div class="span6">
<center>
<img src="img/test/community.gif">
<img src="img/test/kichute.jpg">
<img src="img/test/yahooweek.gif">
<img src="img/test/wabwalk.gif">
<img src="img/test/ps1.png">
<img src="img/test/rainha.gif">
<img src="img/test/belco.jpg">
<img src="img/test/webtrips.gif">
<img src="img/test/starwars.jpg">
</center>
</div>
</div>
<marquee>Esse site é muito bonito e organizado, semantico e animado. Esse site é muito bonito e organizado, semantico e animado... por favor, me ajude a sair desse pesadelo dos anos 90, por favor!!! Esse site é muito bonito e organizado, semantico e animado</marquee>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#pessoa">Pessoa</a></li>
<li><a href="#trabalho"><img class="pull-left" style="margin-top: -3px" src="img/test/new.gif">Trabalho</a></li>
<li><a href="img/test/errou.gif"><img class="pull-left" style="margin-top: -5px" src="img/test/hot.gif"> Nudzzzz</a></li>
</ul>
</div>
</header>
<section id="pessoa" style="padding-top: 0">
<div class="page-header">
<h1>Pessoa</h1>
</div>
<div class="row">
<div class="span6 offset2">
<h3>Sandro, Alex</h3>
<p>Alex, não é estranho falar o próprio nome? Alex, Alex, Aleeeex... nunca vimos tu falar teu nome primeiro-nome-composto completo: (fala teu nome)
<p>(momento de espanto por causa da revelação...)</p>
<p>Voltando ao foco: o que dizer de um jovem que pouco conhecemos, mas que muito admiramos?</p>
<p>Você é um exemplo de homem para a equipe. Muito refinado no dia a dia, contando sempre com sua camisa bem alinhada e uma retitude impar nas costas.</p>
<h4>CSS das costas</h4>
<code>
.costas {<br>
vertical-align: middle;<br>
margin: 0 auto;<br>
text-align: center;<br>
}
</code>
<p>Se não bastasse ainda possui uma voz macia de baritono pouco explorada (canta um verso de uma música a teu gosto) </p>
<p>Para manter esta aparência impar, nós vamos divulgar o seu ritual ritual diário:
<ul>
<li class="nav-header">Tarefas diárias</li>
<li> Fazer a barba</li>
<li> Cortar cabelo</li>
<li> Fazer a barba denovo</li>
</ul>
<p>Sabemos também que você é muito preocupado com a família, sempre controlando o que seu filho joga no PS3. Segue lista dos jogos instalados atualmente:</p>
<h6>Lista de jogos</h5>
<dl>
<dt>Assasins Creed</dt><dd>Jogo onde você é um assassino</dd>
<dt>Hitman</dt><dd>Jogo onde você é um assassino</dd>
<dt>GTA</dt><dd>Jogo onde você PODE ser um assassino</dd>
</dl>
</p>
</div>
<div class="span3 offset1">
<h3>Meu endereço</h3>
<address><img src="img/test/spinningearth.gif" width="26">
<strong>Parque das Palmeiras</strong><img src="img/test/palmeira.gif" width="26"><br>
795, terceira quadra<br>
Próximo ao antigo Free Carnes<br>
<abbr title="Phone">T:</abbr> +55 (48) 456-7890
</address>
<address>
<strong>Alex Vieira 2</strong><br>
<a href="mailto:#"><img src="img/test/emailme.gif">alex.vieira2@unisul.br</a>
</address>
<img src="img/test/free-carnes.jpg">
</div>
</div>
</section>
<section id="trabalho" style="padding-top: 0">
<div class="page-header">
<h1>Trabalho</h1>
<p>Seus primeiros esboços da futura aparência dos nossos serviços mostraram novas paletas de cores, temas, posicionamentos, estruturas e componentes.</p>
<p>O fruto dos seus esforços com certeza culminá na premiação maior:
ver os olhos da nossa comunidade acadêmica brilharem pela qualidade e modernidade da apresentação digital na nossa universidade.</p>
<p>Cada dia aprendemos uma nova habilidade, ver seus talentos de designer em ação é inspirador.</p>
</div>
</section>
<br><br>
<center>
<!-- TRIPLE MC HAMMER -->
<img src="img/test/mchammer.gif">
<img src="img/test/mchammer.gif">
<img src="img/test/mchammer.gif">
</center>
<!-- Buttons
================================================== -->
<section id="mural" style="padding-top: 0">
<div class="page-header">
<h1>Mural de Recados<img src="img/test/new2.gif"></h1>
</div>
<div class="row">
<div class="span6">
<blockquote>
<p>É um prazer fazer parte do teu dia a dia e aprender um pouquinho com sua experência. Agradeço pelas conversas trocando idéias e viajando sobre o futuro. Fica aqui meus parabéns pela data e pela parceragi!</p>
<small>Cássio <cite title="Source Title"></cite></small>
</blockquote>
</div>
</div>
<div class="row">
<div class="span12">
<blockquote class="pull-right">
<p><center><img src="img/test/construction.gif"></center></p>
<small>Diego <cite title="Source Title"></cite></small>
</blockquote>
</div>
</div>
<div class="row">
<div class="span12">
<blockquote class="pull-left">
<p><center><img src="img/test/construction.gif"></center></p>
<small>Samarone <cite title="Source Title"></cite></small>
</blockquote>
</div>
</div>
</div>
</section>
<br><br><br><br>
<footer class="footer">
<p class="pull-left" style="margin-top: -14px"><img src="img/test/geocities.jpg"></p>
<p class="pull-right" style="margin-top: -14px"><img src="img/test/hacker.gif"> Feito com muito <a href="http://bootswatch.com">Carinho</a></p>
</footer>
<center><img src="img/test/counter2.gif"></center>
</div>
</body>
</html>