<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Minimalism - Home</title>
<link rel="icon" href="images/favicon.gif" type="image/x-icon"/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
</head>
<body>
<div class="bg">
<!--start container-->
<div id="container">
<!--start header-->
<header>
<!--start logo-->
<a href="#" id="logo"><img src="images/logo.png" width="180" height="43" alt="logo"/></a>
<!--end logo-->
<!--start menu-->
<nav>
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<!--end menu-->
<!--end header-->
</header>
<!--start intro-->
<section id="intro">
<hgroup>
<h1>"Simplicity is the ultimate sophistication"<span>- Leonardo da Vinci</span></h1>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin.
Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</h2>
</hgroup>
</section>
<!--end intro-->
<!--start holder-->
<div class="holder_content">
<section class="group1">
<h3>About us</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin.
Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.</p>
<a class="photo_hover3" href="#"><img src="images/picture1.jpg" width="240" height="214" alt="picture1"/></a>
<a href="#"><span class="button">Read more</span></a>
</section>
<section class="group2">
<h3>Services</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin.
Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.</p>
<a class="photo_hover3" href="#"><img src="images/picture2.jpg" width="240" height="214" alt="picture1"/></a>
<a href="#"><span class="button">Read more</span></a>
</section>
<section class="group3">
<h3>Latest news</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin.
Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. </p>
<a class="photo_hover3" href="#"><img src="images/picture3.jpg" width="240" height="214" alt="picture1"/></a>
<a href="#"><span class="button">Read more</span></a>
</section>
</div>
<!--end holder-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
<!--start holder-->
<div class="holder_content">
<section class="group4">
<h3>Latest article</h3>
<article>
<h4>22.08.2011 - Design to express </h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst.</p>
</article>
</section>
</div>
<!--end holder-->
</div>
<!--end container-->
<!--start footer-->
<footer>
<div class="container">
<div id="FooterTwo"> © 2011 Minimalism </div>
<div id="FooterTree"> Valid html5, More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> </div>
</div>
</footer>
<!--end footer-->
</div>
<!--end bg-->
<!-- Free template distributed by http://freehtml5templates.com -->
</body>
</html>
网站设计模板-灰色纹理背影极简线条html5模板.zip
版权申诉
20 浏览量
2023-03-18
18:08:30
上传
评论
收藏 83KB ZIP 举报
网站设计模板-灰色纹理背影极简线条html5模板.zip （8个子文件） 
网站设计模板-灰色纹理背影极简线条html5模板 h5c3_62_wv css 
styles.css 8KB
index.html 5KB images 
logo.png 2KB footer.png 214B
picture3.jpg 30KB picture1.jpg 29KB picture2.jpg 16KB bg.png 265B资源评论
