<!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>
网站前端网页源码模板 (1007).zip
版权申诉
28 浏览量
2021-09-24
22:56:04
上传
评论
收藏 250KB ZIP 举报
![avatar](https://profile-avatar.csdnimg.cn/e473673e23484abfafca58fbb5eb9dd1_qq_61141142.jpg!1)
等天晴i
- 粉丝: 5200
- 资源: 10万+
最新资源
- Java项目:在线蛋糕商城系统(java+jsp+mysql)源码+数据库+期末大作业.zip
- ZapyaClient10_7-1.apk
- 织梦cms站长导航网站源码.zip
- 基于SSM+MySQL的网络投票调查问卷系统源码+数据库(java期末大作业).zip
- 基于jsp+servlet的宠物商城网站系统源码+数据库(java期末大作业).zip
- 基于Python+Tensorflow实现声纹识别+源代码+文档说明.zip
- java-leetcode题解之第112题路径总和.zip
- java-leetcode题解之第111题二叉树的最小深度.zip
- java-leetcode题解之第110题平衡二叉树.zip
- java-leetcode题解之第109题有序链表转换二叉搜索树.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)