<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Life by Free Website Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Template 2056 simple life
http://www.tooplate.com/view/2056-simple-life
-->
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.scrollTo-min.js'></script>
<script type='text/javascript' src='js/jquery.localscroll-min.js'></script>
<script type="text/javascript">
$(document).ready(function () {
$.localScroll();
});
</script>
</head>
<body>
<div id="tooplate_wrapper">
<div id="tooplate_sidebar">
<div id="site_title"><a href="#">Simple Life<span>Free Website Templates</span></a></div>
<div id="tooplate_menu">
<ul>
<li><a href="#home" class="home"><span></span>Home</a></li>
<li><a href="#about" class="about"><span></span>About</a></li>
<li><a href="#portfolio" class="portfolio"><span></span>Portfolio</a></li>
<li><a href="#services" class="services"><span></span>Services</a></li>
<li><a href="#contact" class="contact"><span></span>Contact</a></li>
</ul>
<div class="cleaner"></div>
</div> <!-- END of -->
<div id="twitter">
<h3>Twitter</h3>
<ul>
<li>Suspendisse at scelerisque urna. Aenean tincidunt massa ultricies. <a href="#">http://bit.ly/13IwZO</a></li>
<li>Cras rhoncus enim nec turpis mollis pellentesque. Donec at felis urna. <a href="#">http://bit.ly/Iuk00</a></li>
</ul>
<p>Copyright © 2048 <a href="#">Company Name</a> <br />
by <a href="http://www.tooplate.com/free-templates" target="_parent">Free Templates</a></p>
</div>
</div>
<div id="tooplate_main">
<div id="home" class="main_box">
<h1>Welcome to Simple Life</h1>
<img src="images/tooplate_image_01.jpg" alt="image" class="img_frame img_float_l" />
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius consectetur arcu, ut fermentum sem adipiscing id.</em></p>
<p align="justify">Simple Life is free <a href="#">website template</a> for everyone. You may edit and apply this template for any purpose. Please tell your friends about <a href="#">tooplate</a> website. Thank you. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla. Curabitur vestibulum mattis sapien, id mollis arcu cursus vel. Nulla rutrum, risus eu elementum aliquet, ipsum risus venenatis enim, in viverra mi dui in sapien. Cras vulputate laoreet porta. In mi enim, pulvinar vitae vehicula vestibulum, fringilla quis risus. Fusce vel mi mi, ac mollis nisi. Mauris mollis fringilla molestie. Nunc a libero elit, at dignissim elit. </p>
<div class="cleaner h40"></div>
<div class="col_12 float_l">
<h3>What We Do</h3>
<ul class="tooplate_list">
<li>Nulla facilisi. Maecenas ac odio ipsum donec cursus ames ac turpis egesta</li>
<li>Fusce risus tortor, interdum in malesuada pulvinar rutrum nec molestie</li>
<li>Proin facilisis ullamcorper turpis, in placerat sed, varius a nequ</li>
<li>Sed vel justo quis ligula blandit commodo molestie sed, varius a nequ</li>
<li>Ut tristique sagittis arcu, vel laoreet turpis eu bibendum libero egestas</li>
</ul>
</div>
<div class="col_12 float_r">
<h3>Testimonials</h3>
<blockquote>
<p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio. Curabitur vitae risus turpis. </p>
<cite>George - <span>Web Designer</span></cite>
</blockquote>
<blockquote>
<p>Sed interdum quam id neque convallis ac convallis tortor scelerisque. Etiam viverra dictum urna, vitae consectetur justo egestas vel. Ut vulputate eros, vehicula aliquet enim cursus vitae. </p>
<cite>Catherine - <span>Marketing Officer</span></cite>
</blockquote>
</div>
<div class="cleaner"></div>
<a href="#tooplate_main" class="gototop">Go To Top</a>
<div class="cleaner"></div>
</div> <!-- END of home -->
<div id="about" class="main_box">
<h1>Our Company</h1>
<img src="images/tooplate_image_02.jpg" alt="image" class="img_float_r img_frame" />
<p><em>Aenean ipsum sapien, commodo sed pellentesque non, consequat a risus. <a href="#">Nunc lectus tellus</a>, elementum sed vestibulum ultrices, accumsan a mi. Duis sit amet purus nibh, eu sollicitudin nisi.</em></p>
<p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla. Curabitur vestibulum mattis sapien, id mollis arcu cursus vel. Nulla rutrum, risus eu elementum aliquet, ipsum risus venenatis enim, in viverra mi dui in sapien. </p>
<p>Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sit amet <a href="#">erat turpis</a>, ac tempus magna. Integer elit dui, dignissim quis adipiscing pretium, accumsan et eros. Donec nunc nisl, fermentum vel auctor ac, posuere vel sem.</p>
<div class="cleaner h40"></div>
<div class="col_12 float_l">
<h3>Management</h3>
<blockquote>
<p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio. Curabitur vitae risus turpis. </p>
<cite>Linda - <span>Web Team Manager</span></cite>
</blockquote>
<blockquote>
<p>Sed interdum quam id neque convallis ac convallis tortor scelerisque. Etiam viverra dictum urna, vitae consectetur justo egestas vel. Ut vulputate eros, vehicula aliquet enim cursus vitae. </p>
<cite>Candy - <span>Marketing Officer</span></cite>
</blockquote>
</div>
<div class="col_12 float_r">
<h3>Services</h3>
<ul class="tooplate_list">
<li>Nulla facilisi. Maecenas ac odio ipsum donec cursus ames ac turpis egesta</li>
<li>Fusce risus tortor, interdum in malesuada pulvinar rutrum nec molestie</li>
<li>Proin facilisis ullamcorper turpis, in placerat sed, varius a nequ</li>
<li>Sed vel justo quis ligula blandit commodo molestie sed, varius a nequ</li>
<li>Ut tristique sagittis arcu, vel laoreet turpis eu bibendum libero egestas</li>
</ul>
</div>
<div class="cleaner"></div>
<a href="#tooplate_main" class="gototop">Go To Top</a>
<div class="cleaner"></div>
</div> <!-- END of about -->
<div id="portfolio" class="main_box">
<h1>Our Portfolio</h1>
<ul id="gallery">
<li><a href="images/portfolio/01.jpg"><img src="images/portfolio/01.jpg" alt="Image 01" class="img_frame" /></a></li>
<li><a href="images/portfolio/02.jpg"><img src="images/portfolio/02.jpg" alt="Image 02" class="img_frame" /></a></li>
<li><a href="images/portfolio/03.jpg"><img src="images/portfolio/03.jpg" alt="Image 03" class="img_frame" /></a></li>
<li><a href="images/portfolio/04.jpg"><img src="images/portfolio/04.jpg" alt="Image 04" class="img_frame" /></a></li>
</ul>
<div class="cleaner"></div>
<a href="#tooplate_main" class="gototop">Go To Top</a>
<div class="cleaner"></div>
</div> <!-- END of portfolio -->
<div id="services" class="main_box">
<h1>Our Services</h1>
<img src="images/tooplate_image_01.jpg" alt="Image 01" class="img_float_l img_frame" />
<p><
HTML网站源码-简单二列信息动态网页模板-移动端可用.zip
版权申诉
3 浏览量
2024-03-22
10:42:02
上传
评论
收藏 318KB ZIP 举报
HTML网站源码-简单二列信息动态网页模板-移动端可用.zip （18个子文件） 
HTML网站源码-简单二列信息动态网页模板-移动端可用 html js 
jquery.localscroll-min.js 2KB jquery.scrollTo-min.js 2KB jquery.min.js 56KB tooplate_style.css 5KB
index.html 14KB images 
tooplate_header.jpg 4KB tooplate_image_02.jpg 18KB portfolio 02.jpg 56KB 01.jpg 51KB 04.jpg 49KB 03.jpg 80KB
tooplate_menu_item_bgr.png 340B gototop.png 461B tooplate_image_01.jpg 22KB header.png 152B tooplate_menu_item_bgl.png 4KB tooplate_body.jpg 1KB btn_more.png 481B资源评论
