黑色斜纹质感设计案例展示html模板_黑色斜纹质感设计案例展示博客.rar资源-CSDN文库

共31个文件

gif：17个

jpg：6个

js：3个

版权申诉

141 浏览量 2023-04-27 14:58:30 上传评论收藏 340KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

黑色斜纹质感设计案例展示html模板_黑色斜纹质感设计案例展示博客.rar （31个子文件）

黑色斜纹质感设计案例展示html模板_黑色斜纹质感设计案例展示博客

cctp_16_dark

jquery-func.js 907B

jquery.jcarousel.js 31KB

jquery-1.4.2.min.js 70KB

css

style.css 8KB

ie6.css 182B

images

selected-works.gif 4KB

prev.gif 2KB

project1.jpg 26KB

project3.jpg 38KB

main-b.jpg 53KB

slide-button.gif 4KB

slide-button-active.gif 188B

navigation-bg.gif 771B

input-bg.gif 4KB

body-bg.gif 8KB

textarea-bg.gif 4KB

header-bg.gif 9KB

button-bg.gif 5KB

project2.jpg 36KB

panel-left.gif 4KB

next.gif 2KB

rss.gif 2KB

green-light.gif 4KB

slider-carousel-bg.gif 5KB

slider-project-bg.gif 5KB

favicon.ico 1KB

project-span-bg.png 118B

blogroll.gif 3KB

slider1.jpg 65KB

main-bg.jpg 56KB

index.html 10KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <title>Free CSS template Collect from www.moobnn.com</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.jcarousel.js"></script> <script type="text/javascript" src="js/jquery-func.js"></script> </head> <body>  <div id="header">  <div class="shell">  <div id="navigation"> <ul> <li><a class="active" href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">PORTFOLIO</a></li> <li><a href="#">BLOG</a></li> <li><a href="#">CONTACT</a></li> </ul> </div>   <div id="contact"> <div class="slide-area"> <form action="home_submit" method="get" accept-charset="utf-8"> <div class="field-left"> <div class="field-row"> <label for="field1">Your Name <em>(Required)</em></label> <span><input name="text" class="field" id="field1"></input></span> </div> <div class="field-row"> <label for="field2">E-Mail Address <em>(Required)</em></label> <span><input name="text" class="field" id="field2"></input></span> </div> </div> <div class="field-row field-right"> <label for="text-field">Message <em>(Required)</em></label> <span class="textarea-bg"><textarea name="text" id="text-field" cols="20" rows="4"></textarea></span> </div> <p><input type="submit" value="SUBMIT" /></p> <div class="cl"> </div> </form> </div> <div class="slide-area-info"> <div class="green"> <img src="css/images/green-light.gif" alt="green light" /> <p>I am currently: <strong>AVAILABLE</strong></p> </div> <a class="slide-down" href="#">slide-down</a> </div> <div class="cl"> </div> </div>  <div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>  <div id="intro"> <div class="info"> <h1>Personal Portfolio</h1> <h2>Howdy! Turpis turpis, dignissim elementum ornare ut, pretium sed orci. Nulla a ante massa, eget consequat mauris.</h2> <p class="quote">« Everything you can imagine is real. »</p> <p class="author">Pablo Picasso</p> </div>  <div class="slider" id="big-slider">  <div class="slider-carousel"> <ul> <li> <a href="#"><img src="css/images/slider1.jpg" alt="slide image" /></a> </li> <li> <a href="#"><img src="css/images/slider1.jpg" alt="slide image" /></a> </li> <li> <a href="#"><img src="css/images/slider1.jpg" alt="slide image" /></a> </li> </ul> <div class="cl"> </div> </div>  <div class="slider-navigation"> <ul> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </div> <ul class="buttons"> <li><a class="button" href="#">VIEW LIVE</a></li> <li><a class="button" href="#">CASE STUDY</a></li> </ul> </div>  <div class="cl"> </div> </div>  </div>  </div>   <div id="main"> <div id="main-in">  <div class="shell">  <div id="works"> <div class="head"> <h3>Selected Works</h3> <a class="red" href="#">see all »</a> </div>  <div class="project"> <div class="slider-carousel"> <ul> <li> <a href="#"><img src="css/images/project1.jpg" alt="slide image" /></a> <span class="project-info">Molestie facilisis risus arcu </span> </li> <li> <a href="#"><img src="css/images/project2.jpg" alt="slide image" /></a> <span class="project-info">Molestie facilisis risus arcu</span> </li> <li> <a href="#"><img src="css/images/project3.jpg" alt="slide image" /></a> <span class="project-info">Molestie facilisis risus arcu </span> </li> <li> <a href="#"><img src="css/images/project1.jpg" alt="slide image" /></a> <span class="project-info">Molestie facilisis risus arcu </span> </li> </ul> </div> <div class="slider-navigation"> <ul> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> </ul> </div> <ul class="buttons"> <li><a class="button" href="#">VIEW LIVE</a></li> <li><a class="button" href="#">CASE STUDY</a></li> </ul> </div>   <div class="project"> <div class="slider-carousel"> <ul> <li> <a href="#"><img src="css/images/project2.jpg" alt="slide image" /></a> <span class="project-info">Etiam semper libero quis</span> </li> <li> <a href="#"><img src="css/images/project1.jpg" alt="slide image" /></a> <span class="project-info">Etiam semper libero quis</span> </li> <li> <a href="#"><img src="css/images/project3.jpg" alt="slide image" /></a> <span class="project-info">Etiam semper libero quis</span> </li> </ul> </div> <div class="slider-navigation"> <ul> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </div> <ul class="buttons"> <li><a class="button" href="#">VIEW LIVE</a></li> <li><a class="button" href="#">CASE STUDY</a></li> </ul> </div>   <div class="project"> <div class="slider-carousel"> <ul> <li> <a href="#"><img src="css/images/project3.jpg" alt="slide image" /></a> </li> <li> <a href="#"><img src="css/images/project2.jpg" alt="slide image" /></a> </li> <li> <a href="#"><img src="css/images/project1.jpg" alt="slide image" /></a> </li> </ul> </div> <div class="slider-navigation"> <ul> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </div> <ul class="buttons"> <li><a class="button" href="#">VIEW LIVE</a></li> <li><a class="button" href="#">CASE STUDY</a></li> </ul> </div>  </div>   <div id="blogroll"> <div class="head"> <h3>Blogroll></h3> <a class="rss" title="subscribe to RSS" href="#"><img src="css/images/rss.gif" alt="rss" /></a> </div> <div class="box"> <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4> <di

评论收藏

内容反馈

版权申诉