HTML网站源码-木牌导航信息展示网页模板-移动端可用.zip资源-CSDN文库

共37个文件

png：16个

jpg：12个

js：6个

版权申诉

源码

公司网站

HTML

适配移动端

36 浏览量 2024-03-22 10:46:17 上传评论收藏 263KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-木牌导航信息展示网页模板-移动端可用.zip （37个子文件）

HTML网站源码-木牌导航信息展示网页模板-移动端可用

html

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

<!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>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>  <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>  <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>  <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>  <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>  <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" />

评论收藏

内容反馈

版权申诉