<!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>
<title>Keep It Simple</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
</head>
<body>
<!-- header starts-->
<div id="header-wrap"><div id="header" class="container_16">
<h1 id="logo-text"><a href="index.html" title="">Keep It Simple</a></h1>
<p id="intro">Put your favorite slogan here...</p>
<!-- navigation -->
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li id="current"><a href="style.html">Style Demo</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="index.html">Services</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div>
<div id="header-image"></div>
<form id="quick-search" action="index.html" method="get" >
<p>
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
<input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="images/search.gif" />
</p>
</form>
<!-- header ends here -->
</div></div>
<!-- content starts -->
<div id="content-outer"><div id="content-wrapper" class="container_16">
<!-- main -->
<div id="main" class="grid_8">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.</p>
<p>
Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a>
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> magna id neque. Curabitur vel urna.
In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.</p>
<p class="postmeta">
<a href="index.html" class="readmore">Read more</a> |
<a href="index.html" class="comments">Comments (3)</a> |
<span class="date">July 20, 2008</span>
</p>
<h2><a href="index.html">Common XHTML Elements</a></h2>
<h3>Text and Image</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna.
In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.
</p>
<p>
A <a href="style.html">link</a>,
<acronym title="this really isn't a very good description">acronym</acronym>,
<strong>strong text</strong> and
<del>deleted text</del>.
</p>
<h3>Code</h3>
<p><code>
code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
}
</code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<dl>
<dt>Definition title</dt>
<dd>Definition description</dd>
<dt>Definition title</dt>
<dd>Definition description</dd>
</dl>
<h3>Blockquote</h3>
<blockquote>
<p>Beauty of style and harmony and grace and good rhythm
depends on simplicity.</p>
<p class="align-right"> - Plato</p>
</blockquote>
<h3>Headers</h3>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h3>Tabular Data</h3>
<table>
<tr>
<th><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr>
<td>04.18.2008</td>
<td>Augue non nibh</td>
<td>Commodo <a href="index.html">metus</a> vestibulum hdhdh djdjdj djdjdj</td>
</tr>
<tr class="altrow">
<td>04.18.2008</td>
<td>Fusce ut diam</td>
<td>Purus in eget odio in sapien</td>
</tr>
<tr>
<td>04.18.2008</td>
<td>Augue non nibh</td>
<td>Adipiscing blandit </td>
</tr>
<tr class="altrow">
<td>04.18.2008</td>
<td>Sed vestibulum</td>
<td>Cras <a href="index.html">lobortis</a> commodo </td>
</tr>
</table>
<h3>Contact Form</h3>
<form action="index.html" method="get" id="contactform">
<p>Send me a message</p>
<p>
<label for="subject">Subject</label><br />
<select id="subject" name="subject" tabindex="1">
<option value="1">Option One</option>
<option value="2">Option Two</option>
<option value="3">Option Three</option>
</select>
</p>
<p>
<label for="name">Your Name</label><br />
<input id="name" name="name" value="Your Name" type="text" tabindex="2" />
</p>
<p>
<label for="email">Your Email Address</label><br />
<input id="email" name="email" value="Your Email" type="text" tabindex="3" />
</p>
<p>
<label for="message">Your Message</label><br />
<textarea id="message" name="message" rows="10" cols="20" tabindex="4"></textarea>
</p>
<p class="no-border">
<input class="button" type="submit" value="Submit" tabindex="5" />
<input class="button" type="reset" value="Reset" tabindex="6" />
</p>
</form>
<!-- main ends -->
</div>
<!-- left-columns starts -->
<div id="left-columns" class="grid_8">
<div class="grid_4 alpha">
<div class="sidemenu">
<h3>Sidebar Menu</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
<li><a href="style.html">Style Demo</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="#" title="Web Templates">Web Templates</a></li>
</ul>
</div>
<div class="sidemenu">
<h3>Links</h3>
<ul>
<li><a href="http://www.PDPhoto.org/">PDPhoto</a></li>
<li><a href="http://www.alistapart.com">Alistapar
425_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （22个子文件） 
425 
1.jpg 70KB css 
960.css 6KB reset.css 996B KeepItSimple.css 12KB screen.css 189B
style.html 16KB index.html 15KB images 
dots.gif 45B left-tab.gif 172B header-image.gif 9KB content-bg.gif 73B border.gif 44B bg.gif 59B header-search.gif 614B search.gif 710B firefox-gray.jpg 3KB right-tab.gif 477B thumb.jpg 334B quote.gif 261B image.gif 17KB gravatar.jpg 1KB blog.html 16KB资源评论
2301_76429513
- 粉丝: 15
- 资源: 6728
最新资源
- 零基础入门计算机图形学必不可少的在线网络公开课，手把手教您现代 OpenGL 的点点滴滴，构建爆款游戏引擎 基于 OpenGL 的 3D 游戏引擎，开发出爆款开源游戏
- 基于JavaFX的UI组件库-含常用的UI组件-快速构建JavaFX应用程序界面+使用说明.zip
- 基于Java和Kotlin的炉石传说自动化脚本项目源码+说明文档.zip
- 基于Laravel开源免费的自媒体商城博客CMS企业建站系统
- 实习日报12.2.docx
- GO语言基础、学习笔记、项目规范.zip
- 免费功能一定要安装（安装上不用管）_sign.apk
- Goutte，一个简单的 PHP Web 爬虫.zip
- JAVA的Springboot个人博客系统源码带本地搭建教程数据库 MySQL源码类型 WebForm
- 2024-12-2 二阶问题（复杂区域）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
