📄 index.html
字号:
<!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="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="#" />
<meta name="keywords" content="#" />
<meta name="author" content="#" />
<link rel="stylesheet" type="text/css" href="prozac_afternoon.css" media="screen" />
<title>culture shock : prozac afternoon</title>
</head>
<body>
<div class="wrap clearfix">
<div class="header"><strong>culture shock:</strong> prozac afternoon</div>
<div class="topnav" id="nav">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">forum</a></li>
<li><a href="#">design</a></li>
<li><a href="#">info</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div class="container clearfix">
<div class="news_right clearfix" id="news">
<div class="news_cnr_top"><img src="images/cnr_tl.gif" alt="corner" width="8" height="8" class="cnr" style="display: none" /></div>
<p><span class="news_title">Title for a Blue Text Box</span><br />
A handy right-side text box for news, updates or maybe a profile. The
choices are practically limitless for this blue box!</p>
<div class="left"><img alt="sample" src="images/sample.jpg" /></div>
<p>Palatinas videt aequos aras remque Romanam Latiumque felix alterum in <a href="#">lustrum
meliusque</a> semper prorogat aevom, quaeque Aventinum tenet.</p>
<p>Algidumque, quindecim Diana preces virorum curat et votis puerorum amicas
adplicat auris.</p>
<div class="news_cnr_bottom"><img src="images/cnr_bl.gif" alt="corner" width="8" height="8" class="cnr" style="display: none" /></div>
</div>
<p class="page_title">When It Comes To Layout, This One Is Pure Vanilla</p>
<p>Nothing fancy, just a simple layout with more of a corporate feel to it
for that crisp, clean look. Header image can be easily swapped out for
a more customized theme.</p>
<p class="page_title">Web Geek Information</p>
<p><em>Prozac Afternoon</em> was tested in Windows with Firefox1.0.7, IE6.0,
Netscape7.2 and Opera7.54 with valid css and xhtml 1.0-strict.</p>
<p>As is, download time for 56k is 5.27 seconds; ISDN 128K at 1.75 seconds;
T1 at .33 seconds.</p>
<p>All images amount to just a touch over 17KB.</p>
<p class="page_title">Now for Some Dead Language Text</p>
<p>Augur et fulgente decorus arcu Phoebus acceptusque novem Camenis, qui
salutari levat arte fessos corporis artus, si Palatinas videt aequos aras
remque Romanam Latiumque felix alterum in lustrum meliusque semper prorogat
aevom, quaeque Aventinum tenet Algidumque, quindecim Diana preces virorum
curat et votis puerorum amicas adplicat auris. </p>
<p>Quaeque vos bubus veneratur albis clarus Anchisae <a href="#">Venerisque
sanguis inpetret</a>, bellante prior, iacentem lenis in hostem. iam mari
terraque manus potentis Medus Albanasque timet securis, iam Scythae responsa
petunt, superbi nuper, et Indi. Iam Fides et Pax et Honor Pudorque priscus
et neglecta redire Virtus audet adparetque beata pleno Copia cornu.</p>
<p>Quaeque vos bubus veneratur albis clarus Anchisae <a href="#">Venerisque
sanguis inpetret</a>, bellante prior, iacentem lenis in hostem. iam mari
terraque manus potentis Medus Albanasque timet securis, iam Scythae responsa
petunt, superbi nuper, et Indi. Iam Fides et Pax et Honor Pudorque priscus
et neglecta redire Virtus audet adparetque beata pleno Copia cornu.</p>
</div>
<div class="footer" id="footer"> <a href="#">home</a> : <a href="#">about</a> : <a href="#">forum</a> : <a href="#">design</a> : <a href="#">info</a> : <a href="#">contact</a> </div>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -