<!DOCTYPE html>
<html>
<head>
<title>Competitive | Style Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="styles/layout.css" type="text/css">
<script src="scripts/jquery-1.8.2.min.js"></script>
<script src="scripts/jquery-defaultvalue.js"></script>
<script src="scripts/jquery-browsercheck.js"></script>
<!--[if lt IE 9]>
<link rel="stylesheet" href="styles/ie.css" type="text/css">
<script src="scripts/ie/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper row1">
<header id="header" class="clear">
<hgroup>
<h1><a href="#">C<span>ompetitive</span></a></h1>
<h2>Free HTML5 Website Template</h2>
</hgroup>
<form action="#" method="post">
<fieldset>
<legend>Search:</legend>
<input type="text" value="Search Our Website…" onFocus="this.value=(this.value=='Search Our Website…')? '' : this.value ;">
<input type="image" src="images/search.gif" id="search" alt="Search">
</fieldset>
</form>
<nav>
<ul class="clear">
<li class="first"><a href="index.html">Home</a></li>
<li class="active"><a href="style-demo.html">Style Demo</a></li>
<li><a href="full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
</div>
<!-- content -->
<div class="wrapper row3">
<div id="container" class="clear">
<!-- content body -->
<div id="content">
<!-- ########################################################################################## -->
<!-- ########################################################################################## -->
<!-- ########################################################################################## -->
<!-- ########################################################################################## -->
<section>
<h1><h1> to <h6> - Headline Colour and Size Are All The Same</h1>
<figure class="imgr"><img src="images/demo/imgr.gif" alt="" width="125" height="125"></figure>
<p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
<p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
<figure class="imgl"><img src="images/demo/imgl.gif" alt="" width="125" height="125"></figure>
<p>This is a W3C compliant free website template from <a href="http://www.htmldivcss.com/" title="????">????</a>. For full terms of use of this template please read our <a href="#">website template licence</a>.</p>
<p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more HTML5 templates visit <a href="#">Free Website Templates</a>.</p>
<p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
</section>
<section>
<h1>Table(s)</h1>
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
</thead>
<tbody>
<tr class="light">
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
</tr>
<tr class="dark">
<td>Value 5</td>
<td>Value 6</td>
<td>Value 7</td>
<td>Value 8</td>
</tr>
<tr class="light">
<td>Value 9</td>
<td>Value 10</td>
<td>Value 11</td>
<td>Value 12</td>
</tr>
<tr class="dark">
<td>Value 13</td>
<td>Value 14</td>
<td>Value 15</td>
<td>Value 16</td>
</tr>
</tbody>
</table>
</section>
<section id="comments">
<h2>Comments</h2>
<ul>
<li class="comment_odd">
<article>
<header>
<figure><img src="images/demo/avatar.gif" width="32" height="32" alt=""></figure>
<address>
By <a href="#">A Name</a>
</address>
<time datetime="2000-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2000 @08:15:00</time>
</header>
<section>
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</section>
</article>
</li>
<li class="comment_even">
<article>
<header>
<figure><img src="images/demo/avatar.gif" width="32" height="32" alt=""></figure>
<address>
By <a href="#">A Name</a>
</address>
<time datetime="2000-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2000 @08:15:00</time>
</header>
<section>
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</section>
</article>
</li>
<li class="comment_odd">
<article>
<header>
<figure><img src="images/demo/avatar.gif" width="32" height="32" alt=""></figure>
<address>
By <a href="#">A Name</a>
</address>
<time datetime="2000-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2000 @08:15:00</time>
</header>
<section>
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</section>
</article>
</li>
</ul>
<h2>Write A Comment</h2>
<form action="#" method="post">
<p>
<input type="text" name="name" id="name" value="" size="22">
<label for="name"><small>Name (required)</small></label>
</p>
<p>
<input type="text" name="email" id="email" value="" size="22">
<label for="email"><small>Mail (required)</small></label>
</p>
<p>
<textarea name="comment" id="comment" cols="25" rows="10"></textarea>
<label for="comment" class="hidden"><small>Comment (required)</small></label>
</p>
<p>
<input name="submit" type="submit" id="submit" value="Submit Form">
<input name="reset" type="reset" id="reset" value="Reset Form">
</p>
</form>
</section>
<!-- ########################################################################################## -->
<!-- ######################
26_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （52个子文件） 
26 
portfolio.html 4KB styles 
tables.css 776B forms.css 2KB layout.css 6KB navi.css 3KB homepage.css 2KB slider.css 1KB index.html 0B gallery.css 152B ie.css 500B portfolio.css 154B
1.jpg 123KB index.html 10KB images 2.jpg 63KB
red_file.gif 46B black_file.gif 46B search_l.gif 138B 6.jpg 8KB 1.jpg 79KB demo 200x130.gif 796B imgr.gif 1KB imgl.gif 998B 32x32.gif 112B avatar.gif 796B index.html 0B 5.jpg 10KB search.gif 662B 2.gif 2KB index.html 0B 3.gif 2KB spacer.gif 713B 1.gif 703B slider controls loading.gif 7KB
sliderpagination.png 249B arrow-prev.png 740B index.html 0B arrow-next.png 739B 1.gif 2KB 4.gif 1KB 3.jpg 87KB 4.jpg 6KB full-width.html 7KB style-demo.html 13KB scripts jquery-defaultvalue.js 2KB jquery-1.8.2.min.js 91KB jquery-browsercheck.js 2KB ie html5shiv.min.js 3KB ie9.js 41KB index.html 0B index.html 0B jquery-slides.min.js 651B gallery.html 4KB资源评论
qw_6918966011
- 粉丝: 27
- 资源: 6165
最新资源
- ssm学院党员管理系统+jsp.zip
- ssm学生信息管理系统+jsp.zip
- ssm学校运动会信息管理系统+jsp.zip
- ssm学生宿舍管理+jsp.zip
- ssm学生公寓管理中心系统的设计与实现+jsp.zip
- ssm学生请假系统+jsp.zip
- ssm学生公寓管理系统的设计与实现+jsp.zip
- ssm学生成绩管理系统+vue.zip
- 西门子s7 200smart与3台力士乐变频器通讯程序 原创可直接用于生产的程序，程序带注释，并附送触摸屏程序，有接线方式和设置，通讯地址说明等 程序采用轮询，可以后续根据要求适当修改后扩展 器件
- ssm削面快餐店点餐服务系统的设计与实现+jsp.zip
- ssm新生报到系统+jsp.zip
- ssm选课排课系统的设计与开发+vue.zip
- ssm星空游戏购买下载平台的设计与实现+jsp.zip
- ssm校园一卡通系统软件的设计与实现+jsp.zip
- ssm校园自助洗衣系统的分析与设计+jsp.zip
- ssm校园资讯推荐系统+jsp.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
