灰色大图幻灯欧美网页模板_灰色幻灯欧美服务案例展示大图_html网站模板_网页源码移动端前端_H5模板

共37个文件

jpg：20个

gif：8个

js：5个

网站模板

182 浏览量 2023-08-05 16:25:23 上传评论收藏 651KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

灰色大图幻灯欧美网页模板_灰色幻灯欧美服务案例展示大图_html网站模板_网页源码移动端前端_H5模板_自.rar （37个子文件）

灰色大图幻灯欧美网页模板_灰色幻灯欧美服务案例展示大图

cctp_43_folio

jquery-func.js 777B

jquery-1.3.2.min.js 56KB

jquery.jcarousel.min.js 16KB

jquery-1.4.2.min.js 70KB

fns.js 1KB

css

style.css 4KB

ie6-style.css 153B

images

img6-big.jpg 43KB

button-next.gif 5KB

img5-small.jpg 4KB

img6.jpg 15KB

footer-line.gif 4KB

img2.jpg 12KB

body-bg.gif 4KB

img5.jpg 10KB

img3-small.jpg 5KB

img4-big.jpg 74KB

img7-big.jpg 89KB

slider-fragment.gif 4KB

img4.jpg 11KB

img5-big.jpg 48KB

button-prev.gif 5KB

img1.jpg 95KB

img3-big.jpg 63KB

img1-small.jpg 5KB

img3.jpg 12KB

img4-small.jpg 6KB

nav-sep.gif 4KB

slider.png 7KB

img6-small.jpg 4KB

linklist-ico.gif 49B

col-sep.gif 4KB

img2-small.jpg 3KB

img2-big.jpg 34KB

img1-big.jpg 95KB

img7-small.jpg 5KB

index.html 7KB

<!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>Free CSS template Collect from moobnn.com</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery.jcarousel.min.js" type="text/javascript"></script> <script src="js/jquery-func.js" type="text/javascript"></script> </head> <body>  <div id="page">  <div id="header">  <div id="navigation"> <ul> <li class="active"><a href="#">home</a></li> <li><a href="#">about</a></li> <li><a href="#">portfolio</a></li> <li><a href="#">blog</a></li> <li class="last"><a href="#">contact</a></li> </ul> </div>  <h1><a href="#">Porftolio Site</a></h1> <div class="description">welcome to our portfolio</div> </div>  <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a></div>  <div id="slideshow"> <div class="bg"> <div class="cnt">  <div class="big-image"> <div class="big-image-holder"> <ul> <li><a href="#"><img src="css/images/img1-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img4-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img5-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img6-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img7-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img1-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img4-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img5-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img6-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img7-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img1-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img1-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-big.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-big.jpg" alt="" /></a></li> </ul> </div> </div>   <div id="slider"> <div class="buttons"> <span class="prev">prev</span> <span class="next">next</span> </div> <div class="holder"> <div class="content"> <ul> <li><a href="#"><img src="css/images/img1-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img4-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img5-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img6-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img7-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img1-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img4-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img5-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img6-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img7-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img1-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img1-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img2-small.jpg" alt="" /></a></li> <li><a href="#"><img src="css/images/img3-small.jpg" alt="" /></a></li> </ul> </div> </div> </div>  </div> </div> </div>   <div id="content"> <div class="cl"> </div> <div class="left-col separator"> <h2>Welcome</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eleifend congue augue nec viverra. Curabitur a mi pellentesque erat laoreet sodales. Cras tempus lorem quis erat interdum cursus. Sed <a href="#">sollicitudin</a> euismod tellus, vitae convallis velit viverra eget. Donec consequat metus nec odio ultricies lacinia. Mauris rutrum auctor augue, quis ultrices quam pellentesque ut.</p> <p>Praesent urna risus, fermentum eget euismod eu, placerat id felis. In venenatis sapien et mauris dictum sodales ac et mi. Ut pulvinar, metus facilisis sodales <a href="#">pellentesque</a>, arcu felis tempor ligula, eget dignissim dolor purus ut ante. Sed et risus non velit ornare condimentum ac eget risus.</p> </div> <div class="right-col"> <h2>Services</h2> <p>Praesent urna risus, fermentum eget euismod eu, placerat id felis. In venenatis sapien et mauris dictum sodales ac et mi. Ut pulvinar, metus facilisis sodales <a href="#">pellentesque</a>, arcu felis tempor ligula, eget dignissim dolor purus ut ante. Sed et risus non velit ornare condimentum ac eget risus.<br /><a href="#">learn more</a></p> <h2>Blogroll</h2> <ul class="linklist"> <li><a href="#">Praesent urna risus, fermentum eget </a></li> <li><a href="#">Ut pulvinar, metus facilisis</a></li> <li><a href="#">Morbi ut commodo ante.</a></li> </ul> </div> <div class="cl"> </div> </div>   <div id="footer"> <p>© Sitename.com. Collect form <a href="http://www.moobnn.com">网站模板</a></p> </div>  </div>  </body> </html>

评论收藏

内容反馈