<!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" />
<!--
Template 2024 Vertiwood
http://www.tooplate.com/view/2024-vertiwood
-->
<title>Verti Wood Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="slider">
<div id="tooplate_wrapper">
<div id="tooplate_sidebar">
<div id="header">
<h1><a href="#">Vertiwood Template</a></h1>
</div>
<div id="menu">
<ul class="navigation">
<li><a href="#home" class="selected">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact" class="last">Contact</a></li>
</ul>
</div>
</div> <!-- end of sidebar -->
<div id="content">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<h2>Welcome to Verti Wood</h2>
<p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim.</em></p>
<img src="images/tooplate_image_01.jpg" alt="Image 01" class="image_wrapper image_fl" />
<p>Verti Wood is free <a rel="nofollow" href="http://www.tooplate.com">website template</a> by <strong>tooplate</strong>. You can download and use this template for your websites. Credits go to <a rel="nofollow" href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos, <a rel="nofollow" href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" target="_blank">jwloh</a> for Aquaticus social icons and <a rel="nofollow" href="http://www.icojoy.com" target="_blank">icojoy.com</a> for other icons.</p>
<div class="cleaner h20"></div>
<h3>Our Services</h3>
<img src="images/tooplate_image_02.jpg" alt="Image 02" class="image_wrapper image_fr" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nunc quam, varius ac hendrerit a, <a href="#">volutpat feugiat</a> metus. Donec ligula odio, ultricies at egestas vel, laoreet a magna. Mauris mattis lorem id mi vestibulum non euismod velit aliquam. Vestibulum ultricies viverra odio ac elementum. Donec id orci libero.</p>
</div> <!-- end of home -->
<div class="panel" id="about">
<h2>About Us</h2>
<img src="images/tooplate_image_03.jpg" alt="Image 03" class="image_wrapper image_fl" />
<p><em>Mauris suscipit velit vel leo iaculis mattis. Sed adipiscing semper eleifend. </em></p>
<p>Duis aliquet felis tortor. Mauris non quam quis ipsum rhoncus bibendum ut vel lectus. In ac turpis urna. </p>
<p>Maecenas lacinia sem ac ante semper vel blandit dolor vehicula. Nullam sit amet purus turpis. Pellentesque <a href="#">pellentesque rutrum</a> est, vel feugiat nulla congue sit amet. Ut aliquet mauris ultrices posuere. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
<div class="cleaner h20"></div>
<h3>Testimonial</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 enim risus, at placerat turpis. Mauris feugiat suscipit tempus fringilla, felis in velit.</p>
<cite>Valenti - <span>Web Designer</span></cite> </blockquote>
</div> <!-- end of about us -->
<div class="panel" id="services">
<h2>Our Services</h2>
<img src="images/tooplate_image_02.jpg" alt="Image 02" class="image_wrapper image_fr" />
<p><em>Nam at arcu libero, ut venenatis elit. Nulla eget risus turpis, non aliquet dui.</em></p>
<p>Donec fringilla egestas ante, vel <a href="#">euismod</a> mi venenatis et. Ut molestie porta urna, vitae tempor tellus mollis at. Proin a neque et <a href="#">felis suscipit</a> scelerisque a eget enim. Etiam ac tempus dolor.</p>
<div class="cleaner h20"></div>
<h3>What We Do</h3>
<ul class="service_list">
<li><a href="#" class="service_one">Nulla eget arcu lacus</a></li>
<li><a href="#" class="service_two">Cras dictum nunc vel risus</a></li>
<li><a href="#" class="service_three">Duis vulputate sapien at</a></li>
<li><a href="#" class="service_four">In aliquet blandit iaculis</a></li>
<li><a href="#" class="service_five">Nam posuere placerat turpis</a></li>
</ul>
</div> <!-- end of services -->
<div class="panel" id="gallery">
<h2>Our Gallery</h2>
<ul id="gallery_container">
<li><a href="#"><img src="images/gallery/image_01.jpg" alt="Image 01" /></a></li>
<li class="odd"><a href="#"><img src="images/gallery/image_02.jpg" alt="Image 02" /></a></li>
<li><a href="#"><img src="images/gallery/image_03.jpg" alt="Image 03" /></a></li>
<li class="odd"><a href="#"><img src="images/gallery/image_04.jpg" alt="Image 04" /></a></li>
<li><a href="#"><img src="images/gallery/image_05.jpg" alt="Image 05" /></a></li>
<li class="odd"><a href="#"><img src="images/gallery/image_06.jpg" alt="Image 06" /></a></li>
<li><a href="#"><img src="images/gallery/image_07.jpg" alt="Image 07" /></a></li>
<li class="odd"><a href="#"><img src="images/gallery/image_08.jpg" alt="Image 08" /></a></li>
</ul>
</div> <!-- end of gallery -->
<div class="panel" id="contact">
<h2>Contact Information</h2>
<h5>Company Name</h5>
224-448 Suspendisse velit nisi,<br />
Duis consequat tempus, 10880<br />
Cras sit amet ipsum sit
<div class="cleaner h30"></div>
<div id="contact_form">
<form method="post" name="contact" action="#">
<label for="author2">Name:</label><input type="text" id="author2" name="author" class="required input_field" />
<div class="cleaner h10"></div>
<label for="email">Email:</label><input type="text" id="email" name="email" class="validate-email required input_field" />
HTML网站源码-木牌导航信息展示网页模板-移动端可用.zip
版权申诉
198 浏览量
2024-03-22
10:46:17
上传
评论
收藏 263KB ZIP 举报
HTML网站源码-木牌导航信息展示网页模板-移动端可用.zip （37个子文件） 
HTML网站源码-木牌导航信息展示网页模板-移动端可用 html js 
jquery.serialScroll-1.2.1.js 7KB jquery.localscroll-1.2.5.js 4KB jquery-1.2.6.js 101KB jquery.scrollTo-1.3.3.js 6KB coda-slider.js 4KB jquery.easing.1.3.js 8KB tooplate_style.css 4KB css coda-slider.css 2KB
index.html 9KB images 
tooplate_menu_last.png 17KB myspace.png 3KB onebit_11.png 4KB onebit_12.png 3KB
tooplate_image_02.jpg 12KB onebit_19.png 4KB flickr.png 3KB onebit_08.png 4KB onebit_21.png 4KB gallery image_08.jpg 8KB image_06.jpg 9KB image_05.jpg 11KB image_03.jpg 8KB image_02.jpg 11KB image_04.jpg 8KB image_07.jpg 7KB image_01.jpg 6KB twitter.png 3KB tooplate_menu.png 19KB tooplate_image_01.jpg 7KB youtube.png 4KB facebook.png 3KB tooplate_image_03.jpg 7KB tooplate_logo.png 5KB tooplate_body.jpg 573B onebit_17.png 4KB tooplate_main.png 9KB tooplate_site_header.png 38KB资源评论
