<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>Picky - free website template</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="David Kohout & Tomáš Lach - www.htmldivcss.com">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="css/main.css" media="screen,projection">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/custom.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="wrap">
<div id="header">
<a id="logo" href="./" title="Picky - free website template">Picky</a>
<hr>
<nav>
<ul>
<li class="active"><a href="./" title="Home"><span>Home</span></a></li>
<li><a href="./" title="About Us"><span>About us</span></a></li>
<li><a href="./" title="Work"><span>Work</span></a></li>
<li><a href="./" title="Blog"><span>Blog</span></a></li>
<li><a href="./" title="Contact"><span>Contact</span></a></li>
</ul>
</nav>
</div> <!-- / #header -->
</div>
</header>
<hr>
<div id="intro">
<div class="wrap clearFix">
<h1>Picky is a free web template for <strong>your awesome portfolio</strong>.</h1>
<p>Remember, you can find more great website templates at <a href="http://www.htmldivcss.com">Templatestar.com</a></p>
<img src="./img/header.png" alt="">
</div>
</div> <!-- / #intro -->
<hr>
<div class="inner_copyright">Collect from <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<div id="twitterBar">
<div class="wrap">
<p>Don’t forget to follow us on Twitter and stay updated! <a href="./">@templatestar</a></p>
<a href="#" class="remove">Remove</a>
</div>
</div>
<hr>
<div id="container">
<div id="content" class="wrap">
<div class="cols marginBottom30 clearFix">
<div class="col1-3 withIcon icon1">
<h2>Fast</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<div class="col1-3 withIcon icon2">
<h2>Lovely</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<div class="col1-3 withIcon icon3">
<h2>Tasty</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
<div class="buttonWrapper clearFix">
<div class="buttonWrap"><a href="./" class="button"><span>More features</span></a></div>
</div>
<hr>
<div class="marginBottom30 clearFix">
<div class="col1-2">
<h2>About us</h2>
<p class="bold">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="col1-2">
<h2>Featured projects</h2>
<p class="gallery clearFix">
<a class="photo" href="./"><img src="./tmp/image.png" alt="empty"></a>
<a class="photo" href="./"><img src="./tmp/image.png" alt="empty"></a>
<a class="photo" href="./"><img src="./tmp/image.png" alt="empty"></a>
<a class="photo" href="./"><img src="./tmp/image.png" alt="empty"></a>
</p>
<a href="./">View full portfolio ›</a>
</div>
</div>
<hr>
<h2>Full width</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.</p>
<p>Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</div> <!-- / .wrap -->
</div> <!-- / #container -->
<hr>
<footer>
<div id="footer" class="wrap clearFix">
<p class="floatLeft">Copyright 2012 - <a href="./">Your Name</a> / Free web template Collect from <a href="http://www.htmldivcss.com">网页模板</a> / More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a>
<p class="floatRight">Follow us on <a href="./" class="facebook">Facebook</a> or <a href="./" class="twitter">Twitter</a></p>
</div>
</footer>
</body>
</html>
1216_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
21 浏览量
2023-08-04
09:05:17
上传
评论
收藏 250KB ZIP 举报
1216_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （13个子文件） 
1216 js 
custom.js 549B
1.jpg 104KB tmp 
image.png 2KB img logo.png 2KB icon-fast.png 2KB remove.png 1KB header.png 155KB icon-lovely.png 2KB double-border.png 995B icon-tasty.png 2KB css main.css 11KB reset.css 2KB
index.html 7KB资源评论
