<!doctype html>
<head>
<meta charset="UTF-8">
<title>Think simple - 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"/>
<link type="text/css" href="css/css3.css" rel="stylesheet" />
<script type="text/javascript" src=" https//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="js/jquery.pikachoose.js"></script>
<script language="javascript">
$(document).ready(
function (){
$("#pikame").PikaChoose();
});
</script>
</head>
<body>
<!--start container-->
<div id="container">
<!--start header-->
<header>
<!--start logo-->
<a href="#" id="logo"><img src="images/logo.png" width="221" height="100" 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-->
<div id="intro">
<div class="group_bannner_right">
<img src="images/picture.png" width="550" height="316" alt="baner">
</div>
<header class="group_bannner_left">
<hgroup>
<h1>Simple.Think. </h1>
<h2>âThe little things are infinitely the most important.â?
</h2>
</hgroup>
</header>
</div>
<!--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. Cras quis libero.</p>
<a href=""><span class="read_more">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. Cras quis libero.</p>
<a href=""><span class="read_more">Read more ...</span></a>
</section>
<section class="group3">
<h3>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. Cras quis libero.</p>
<a href=""><span class="read_more">Read more...</span></a>
</section>
</div>
<!--end holder-->
<!--start holder-->
<div class="holder_content1">
<section class="group4">
<h3>Gallery</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. Cras quis libero.</p>
<div class="pikachoose">
<ul id="pikame" >
<li><a href="#"><img src="images/picture3.jpg" width="500" height="250" alt="picture"/></a><span>âSimplicity is the nature of great souls.â?/span></li>
<li><a href="#"><img src="images/picture2.jpg" width="500" height="250" alt="picture"/></a><span>âThe little things are infinitely the most important. â?</span></li>
<li><a href="#"><img src="images/picture1.jpg" width="500" height="250" alt="picture"/></a><span>âSimplicity is the essence of happiness.â?/span></li>
</ul>
</div>
</section>
<section class="group5">
<h3>Testimonials</h3>
<p><span class="purple">1)</span>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><span class="purple">2)</span>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><span class="purple">3)</span>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>
</section>
</div>
<!--end holder-->
</div>
<!--end container-->
<!--start footer-->
<footer>
<div class="container">
<div id="FooterTwo"> © 2011 Think simple </div>
<div id="FooterTree"> Valid html5, design and code by <a href="http//www.marijazaric.com">marija zaric - creative simplicity</a> </div>
</div>
</footer>
<!--end footer-->
<!-- Free template distributed by http//bestmoban.com -->
</body></html>
灰格背景子_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
118 浏览量
2023-08-04
08:59:39
上传
评论
收藏 303KB ZIP 举报
灰格背景子_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （13个子文件） 
灰格背景子 js 
jquery.pikachoose.js 30KB jquery.pikachoose.full.js 36KB css css3.css 3KB styles.css 9KB
index.html 5KB images 
logo.png 3KB line.png 3KB
picture3.jpg 25KB picture1.jpg 25KB picture2.jpg 32KB bg.png 31KB
loader.gif 5KB picture.png 158KB资源评论
