前端前端静态模板-非响应式家具简介网站模板-学生作业毕设实训素材.zip资源-CSDN文库

共24个文件

png：10个

jpg：6个

js：4个

版权申诉

前端源码

毕业设计

论文

Html

147 浏览量 2022-04-07 22:08:21 上传评论收藏 227KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端前端静态模板-非响应式家具简介网站模板-学生作业毕设实训素材.zip （24个子文件）

非响应式家具简介网站模板

css

nivo-slider.css 862B

reset.css 1KB

style.css 6KB

images

linkedin.png 1KB

promo2.jpg 31KB

rss.png 1KB

promo1.jpg 65KB

mainbg.png 110B

twitter.png 889B

s_caption.png 110B

menudiv.png 142B

facebook.png 820B

search1.png 314B

search2.png 579B

bg.jpg 684B

logo.png 4KB

post.jpg 25KB

promo3.jpg 41KB

promo.jpg 11KB

index.html 8KB

jquery.js 89KB

html5.js 1KB

jquery.nivo.slider.pack.js 16KB

main.js 324B

<!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Art HTML5&CSS3 single page layout | Script tutorials demo</title> <meta charset="utf-8">  <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen">  <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> <script src="js/main.js" type="text/javascript"></script>  </head> <body> <div class="container"> <header> <div class="logo"> <a href="http//www.script-tutorials.com/"> <img src="images/logo.png" title="Art template" alt="Art template" /> </a> <p>Art template</p> </div> <nav> <ul> <li><a href="http//www.script-tutorials.com/">Home</a></li> <li><a href="http//www.script-tutorials.com/category/html-css/">Tutorials</a></li> <li><a href="http//www.script-tutorials.com/about/">About</a></li> <li><a href="http//www.script-tutorials.com/creating-new-html5css3-single-page-layout-art-theme/">Go Back To The Tutorial</a></li> </ul> </nav> </header> <div id="main"> <section id="social"> <form action="#" onsubmit="return false;" method="get"> <input type="text" onfocus="if (this.value =='Search..' ) this.value=''" onblur="if (this.value=='') this.value='Search..'" value="Search.." name="q"> <input type="submit" value=""> </form> <ul> <li><a href="#" title="facebook" rel="external nofollow"><img alt="" src="images/facebook.png"></a></li> <li><a href="#" title="twitter" rel="external nofollow"><img alt="" src="images/twitter.png"></a></li> <li><a href="#" title="linkedin" rel="external nofollow"><img alt="" src="images/linkedin.png"></a></li> <li><a href="#" title="rss" rel="external nofollow"><img alt="" src="images/rss.png"></a></li> </ul> </section> <section id="slider-wrapper"> <div id="slider" class="nivoSlider"> <img style="display: none;" src="images/promo1.jpg" alt="" title="#htmlcaption-1"> <img style="display: none;" src="images/promo2.jpg" alt="" title="#htmlcaption-2"> <img style="display: none;" src="images/promo3.jpg" alt="" title="#htmlcaption-3"> </div> <div id="htmlcaption-1" class="nivo-html-caption"> <h5 class="p2">Your promo text 1</h5> <p>Promo text description here</p> </div> <div id="htmlcaption-1" class="nivo-html-caption"> <h5 class="p2">Your promo text 2</h5> <p>Promo text description here</p> </div> <div id="htmlcaption-2" class="nivo-html-caption"> <h5 class="p2">Your promo text 3</h5> <p>Promo text description here</p> </div> <div id="htmlcaption-3" class="nivo-html-caption"> <h5 class="p2">Your promo text 4</h5> <p>Promo text description here</p> </div> </section> <section id="content"> <ul> <li> <img src="images/post.jpg" alt=""> <div class="desc"><p>Creating A CSS3 Animated Menu</p> <a class="more" href="http//www.script-tutorials.com/creating-css3-animated-menu/">Continue</a> </div> </li> <li> <img src="images/post.jpg" alt=""> <div class="desc"><p>Animated jQuery Progressbar Plugin</p> <a class="more" href="http//www.script-tutorials.com/animated-jquery-progressbar/">Continue</a> </div> </li> <li> <img src="images/post.jpg" alt=""> <div class="desc"> <p>Fresh collection of Original Captchas</p> <a class="more" href="http//www.script-tutorials.com/fresh-collection-of-original-captchas/">Continue</a> </div> </li> </ul> </section> </div> <div id="submain"> <section id="subcontent"> <div id="left"> <ul> <li> <div> <h3>Post #1</h3> <p>Post 1 description</p> <a class="more" href="#">Continue</a> </div> </li> <li> <div> <h3>Post #2</h3> <p>Post 1 description</p> <a class="more" href="#">Continue</a> </div> </li> <li> <div> <h3>Post #3</h3> <p>Post 1 description</p> <a class="more" href="#">Continue</a> </div> </li> </ul> </div> <div id="right"> <ul> <li> <div> <h3>Attractive Presentation with HTML5</h3> <p>Today we will prepare something new – presentation. And we will using all interesting what can give us HTML5. Presentation itself will contain 5 easy slides. We will able to use navigation arrow keys for sliding, spacebar, display notes, sidebar with some custom content. Here are new html5 tags which we going to use: nav, menu, section, aside, header and hgroup. Sure, that now is time to check our demo.</p> <a class="more" href="http//www.script-tutorials.com/creating-an-attractive-presentation-with-html5/">Continue</a> </div> </li> <li> <div> <h3>Creating Advance Level Login system with Logic captcha</h3> <p>Long ago, I talked about a simple easy login system. And today, I decided to improve the system. The new version will use the methods SHA1 + MD5 (with salt) to encode passwords. We also do not use cookies to store information, and will use the sessions. And, in this version I will implement an interesting logic captcha (where we will need to choose the correct answer in order to prove that we are human, not machine).</p> <a class="more" href="http//www.script-tutorials.com/creating-advance-level-login-system-with-logic-captcha/">Continue</a> </div> </li> </ul> </div> <div class="clear"></div> </section> </div> <footer>

评论收藏

内容反馈

版权申诉