<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Free web templates Collect from http://www.htmldivcss.com; released for free under a Creative Commons Attribution 3.0 License -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="description" content="[HERE PASTE YOUR DESCRIPTION]" />
<meta name="author" content="Template:TemplatesDock " />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/nivo.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/skin.css" />
<!--[if IE 6]><script src="javascript/pngfix.js"></script><script>DD_belatedPNG.fix('#logo img, #nav li a, #nav li a span, #nav-icons img, #twitter, #imac');</script><![endif]-->
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery.nivo.js"></script>
<script type="text/javascript" src="javascript/cufon-yui.js"></script>
<script type="text/javascript" src="javascript/font.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1, h2', {hover:true});
$(window).load(function() {
$('#slider').nivoSlider({
effect:'sliceDown',
slices:20,
animSpeed:500,
pauseTime:5000,
startSlide:0,
directionNav:false,
directionNavHide:false,
controlNav:false,
controlNavThumbs:false,
controlNavThumbsFromRel:false,
keyboardNav:false,
pauseOnHover:true,
manualAdvance:false,
captionOpacity:0.5,
beforeChange:function(){},
afterChange:function(){},
slideshowEnd:function(){}
});
});
</script>
<title>Bestfolio</title>
</head>
<body>
<div id="main">
<!-- HEADER -->
<div id="header" class="box">
<p id="logo"><a href="./" title="[Go to homepage]"><img src="design/logo.png" alt="" /></a></p>
<!-- INFO: Used font is named "BALLPARK", you can download it for free here: http://www.fontsquirrel.com/fonts/Ballpark -->
<!-- NAVIGATION -->
<ul id="nav">
<li class="current"><a href="#"><span>Homepage</span></a></li>
<li><a href="#"><span>Company</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Clients</span></a></li>
<li><a href="#"><span>Blog</span></a></li>
<li><a href="#"><span>Contact us</span></a></li>
</ul>
<!-- SOCIAL ICONS -->
<p id="nav-icons"><a href="#"><img src="design/nav-rss.png" alt="" /></a><a href="#"><img src="design/nav-twitter.png" alt="" /></a></p>
</div> <!-- /header -->
<!-- COLUMNS -->
<h1 id="title">Lorem ipsum dolor sit amet – Heading H1</h1>
<div id="section" class="box">
<!-- CONTENT -->
<div id="content">
<!-- HEADINGS -->
<h2 class="nomt">Heading H2</h2>
<h3>Heading H3</h3>
<h4>Heading H4</h4>
<h5>Heading H5</h5>
<h6>Heading H6</h6>
<!-- IMAGE FLOATING -->
<p class="box"><img src="tmp/article-01.jpg" alt="" class="f-left" />Suspendisse estem posuere, metus eget pharetra adipiscing, arcu velit lobortis augue, quis pharetra mauris ante a velit. Duiess em feugiat, odio a mattis gravida, velit este euismod urna, vitae gravidamel elit turpis sit amet elit. Phasellus eseac hendrerit tortor. Aliquam erat volutpat. Donec laoreet viverraes masapien et luctus. Crasem fringilla commodo nulla sit.</p>
<!-- Photo: (c) Nic McPhee -->
<!-- LIST -->
<h2>List</h2>
<ul class="ul">
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<!-- TABLE -->
<h2>Table</h2>
<table class="table">
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr class="even">
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr class="even">
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</table>
<!-- IMAGE GALLERY -->
<h2>Image gallery</h2>
<ul class="gallery box">
<li><a href="#"><img src="tmp/gallery-01.jpg" alt="" /></a></li>
<li><a href="#"><img src="tmp/gallery-02.jpg" alt="" /></a></li>
<li class="last"><a href="#"><img src="tmp/gallery-03.jpg" alt="" /></a></li>
</ul>
<!-- FORM -->
<h2>Form</h2>
<form action="#" method="post" class="form">
<ul>
<li>
<label for="input-01">Your Name (required):</label>
<input type="text" size="45" class="input-text" id="input-01" name="" />
</li>
<li>
<label for="input-02">E-mail Address (required):</label>
<input type="text" size="45" class="input-text" id="input-02" name="" />
</li>
<li>
<label for="input-03">Website:</label>
<input type="text" size="45" class="input-text" id="input-03" name="" />
</li>
<li>
<label for="input-04">Your Message (required):</label>
<textarea cols="75" rows="10" class="input-text" id="input-04" name=""></textarea>
</li>
<li><input type="submit" value="Submit" class="input-submit" /></li>
</ul>
</form>
</div> <!-- /content -->
<!-- SIDEBAR -->
<div id="aside">
<h2 class="nom">What is new?</h2>
<ul class="articles">
<li>
<h3><a href="#">Proudly presents new version</a></h3>
<p class="date">Monday, October 27</p>
<p>Lorem ipsum dolor sit amet, consecti adipiscing elit. Aliquam feugiat aliquet elit in comod. Etiam pharetra consectetur velit vel dignissim. Duisem purus augue, ullamcorper et ultrices quis.</p>
</li>
<li>
<h3><a href="#">New products announced</a></h3>
<p class="date">Saturday, October 16</p>
<p>Lorem ipsum dolor sit amet, consecti adipiscing elit. Aliquam feugiat aliquet elit in comod. Etiam pharetra consectetur velit vel dignissim. Duisem purus augue, ullamcorper et ultrices quis.</p>
</li>
<li class="last">
<h3><a href="#">Portfolio was updated today</a></h3>
<p class="date">Thursday, September 13</p>
<p>Lorem ipsum dolor sit amet, consecti adipiscing elit. Aliquam feugiat aliquet elit in comod. Etiam pharetra consectetur velit vel dignissim. Duisem purus augue, ullamcorper et ultrices quis.</p>
</li>
</ul>
<!-- SPONSORS -->
<h2>Sponsors</h2>
<ul class="sponsors">
<li>
<a href="http://www.entrelo.com/">Entrelo</a><br />
Web templates stars, more than 1 mio. downloads
</li>
<li>
<a href="http://www.templatesdock.com/">TemplatesDock</a><br />
Prem
786js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （34个子文件） 
786 
1.jpg 151KB design 
hp-section.png 928B welcome.png 31KB logo.png 4KB nav-twitter.png 2KB twitter.png 9KB bg.png 2KB nav-rss.png 2KB nav-r.png 3KB section.png 1KB
ul.gif 1KB articles.png 2KB imac.png 30KB nav-l.png 2KB tmp article-01.jpg 32KB gallery-01.jpg 21KB gallery-03.jpg 16KB gallery-02.jpg 20KB css 
skin.css 3KB main.css 7KB nivo.css 1KB
index.html 8KB images product-02.jpg 14KB slide-02.jpg 46KB product-01.jpg 17KB slide-03.jpg 60KB slide-01.jpg 63KB product-03.jpg 10KB subpage.html 9KB javascript font.font.js 17KB cufon-yui.js 18KB jquery.nivo.js 7KB jquery.js 68KB pngfix.js 12KB资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
最新资源
- apache-maven-3.6.1-bin.zip
- c593f5fc-d4a7-4b43-8ab2-51afc90f3f62
- IIR滤波器参数计算函数
- WPF树菜单拖拽功能，下级目录拖到上级目录，上级目录拖到下级目录.zip
- CDH6.3.2版本hive2.1.1修复HIVE-14706后的jar包
- 鸿蒙项目实战-天气项目(当前城市天气、温度、湿度，24h天气，未来七天天气预报，生活指数，城市选择等)
- Linux环境下oracle数据库服务器配置中文最新版本
- Linux操作系统中Oracle11g数据库安装步骤详细图解中文最新版本
- SMA中心接触件插合力量（插入力及分离力）仿真
- 变色龙记事本，有NPP功能，JSONview功能
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
