HTML5+CSS+JS精品网页模板039大学生期末大作业Web前端网页制作.rar资源-CSDN文库

共153个文件

png：82个

jpg：26个

gif：15个

html5

jscript

需积分: 5 86 浏览量 2024-04-30 13:10:46 上传评论收藏 3.28MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5+CSS+JS精品网页模板039 大学生期末大作业 Web前端网页制作.rar （153个子文件）

prettyphoto.css 19KB

base.css 16KB

short-code.css 12KB

css3.css 4KB

slider.css 3KB

tiptip.css 2KB

reset.css 1KB

piecemaker.css 741B

tf_125x125_v5.gif 10KB

gr_125x125_v1.gif 10KB

tutorials_125x125_v2.gif 10KB

3d_125x125_v3.gif 10KB

aj_125x125_v3.gif 9KB

ad_125x125_v1.gif 8KB

preloader-dark.gif 7KB

loader.gif 6KB

preloader-light.gif 4KB

loader.gif 2KB

loading.gif 2KB

default_thumbnail.gif 227B

short-code.html 30KB

blog-detail.html 17KB

blog.html 16KB

portfolio.html 16KB

services.html 12KB

index.html 11KB

about.html 11KB

contact.html 11KB

index-3d-slider.html 10KB

full-width.html 10KB

404.html 8KB

slide4.jpg 351KB

slide2.jpg 344KB

slide5.jpg 281KB

slide1.jpg 258KB

slide3.jpg 212KB

demo_pretty_pt.jpg 90KB

motion-graphic2.jpg 80KB

locateus.jpg 71KB

about-1.jpg 65KB

website3.jpg 57KB

identity2.jpg 55KB

identity3.jpg 49KB

motion-graphic1.jpg 49KB

identity4.jpg 47KB

website4.jpg 45KB

identity1.jpg 45KB

website1.jpg 44KB

website2.jpg 44KB

motion-graphic3.jpg 40KB

logo1.jpg 34KB

logo2.jpg 31KB

logo3.jpg 30KB

logo4.jpg 23KB

video-light.jpg 3KB

maginifier-light.jpg 3KB

60x60.jpg 2KB

scripts.js 99KB

jquery-1.6.4.min.js 90KB

titilliumtext.font.js 34KB

jquery.nivo.slider.js 24KB

cufon-yui.js 18KB

custom.js 11KB

swfobject.js 10KB

shortcode.js 3KB

cufon-replace.js 2KB

light-bg.png 206KB

mock.png 71KB

top-abstract-bg.png 30KB

sprite.png 30KB

flick-img6.png 15KB

flick-img4.png 15KB

slider-bg.png 13KB

05_blog-detail_11.png 12KB

flick-img2.png 12KB

01_home_14.png 10KB

slide-overlay.png 9KB

logo.png 9KB

flick-img3.png 8KB

flick-img5.png 7KB

help_48.png 7KB

bug_48.png 7KB

flick-img1.png 7KB

01_home_05.png 7KB

sprite.png 7KB

05_blog-detail_20.png 6KB

05_blog-detail_15.png 6KB

05_blog-detail_18.png 6KB

01_home_14-05.png 6KB

pencil_48.png 5KB

briefcase_48.png 5KB

star1_48.png 5KB

logo-footer.png 5KB

seperator-980.png 5KB

statistics_48.png 5KB

print_48.png 5KB

clipboard_48.png 4KB

共 153 条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Maxx</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" href="css/base.css"><link rel="stylesheet" type="text/css" href="css/tipTip.css"><link rel="stylesheet" type="text/css" href="css/short-code.css"><link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"><link rel="stylesheet" type="text/css" href="css/css3.css"><link rel="stylesheet" type="text/css" href="css/slider.css"><script type="text/javascript" src="js/jquery-1.6.4.min.js"></script><script type="text/javascript" src="js/jquery.nivo.slider.js"></script><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/TitilliumText.font.js"></script><script type="text/javascript" src="js/cufon-replace.js"></script><script type="text/javascript" src="js/scripts.js"></script><script type="text/javascript" src="js/custom.js"></script><script type="text/javascript" src="js/shortcode.js"></script></head><body><div class="full-width-wrapper" id="header"> <div class="full-width-wrapper" id="abstract-bg">  <div class="fixed-width-wrapper" id="banner"> <a href="index.html" title="" class="logo"><img src="images/logo.png" alt="Maxx - The Modern HTML template" ></a> <ul class="social-network"> <li><a href="#" title="Facebook"><img src="images/icons/facebook.png" alt="" ></a></li> <li><a href="#" title="Twitter"><img src="images/icons/twitter.png" alt="" ></a></li> <li><a href="#" title="Delicious"><img src="images/icons/delicious.png" alt="" ></a></li> </ul> </div>   <div class="fixed-width-wrapper border-radius-5px" id="navigation-bar"> <div id="g-navigation"> <ul class="simple-drop-down-menu"> <li class="home-page border-radius-left-5px"><a href="index.html">Home</a></li> <li><a href="about.html" title="">About us</a></li> <li><a href="services.html" title="">Services</a> <ul> <li><a href="index.html" title="">Home Nivo Slider</a></li> <li><a href="index-3d-slider.html" title="">Home 3D Piece Maker</a></li> <li><a href="404.html" title="">404 page</a></li> <li><a href="#" title="">Demo submenu</a> <ul> <li><a href="#" title="">Sub menu 1</a></li> <li><a href="#" title="">Sub menu 2</a></li> <li><a href="#" title="">Sub menu 3</a></li> <li><a href="#" title="">Sub menu 4</a></li> <li><a href="#" title="">Sub menu 5</a></li> </ul> </li> <li><a href="services.html" title="">Our Services</a> </ul> </li> <li><a href="portfolio.html" title="">Portfolio</a></li> <li class="current"><a href="blog.html" title="">Blog</a> <ul> <li><a href="blog.html" title="">Blog post</a></li> <li><a href="blog-detail.html" title="">Single posts</a></li> <li><a href="full-width.html" title="">Full-Width</a></li> <li><a href="short-code.html" title="">Shortcode</a></li> </ul> </li> <li><a href="contact.html" title="">Contact us</a></li> </ul> </div> <div id="g-search"> <form action="" method="post"> <div><input type="text" class="input-field border-radius-left-3px reset-text" value="Search here..."></div> <div><button type="submit" title="Search" class="sprite"><em>Search</em></button></div> </form> </div> </div>  </div> </div>   <div class="full-width-wrapper"> <div class="fixed-width-wrapper" id="body-content">  <div id="content" class="fixed-width-wrapper"> <div class="header-text"> <ul id="breadcrumbs"> <li><a href="#" title="">Home</a></li> <li class="current"><a href="#" title="">Short code</a></li> </ul> <h1 class="first-word double-color sp">Short code</h1> </div>  <div class="post entry-content">  <h1><strong>Typography</strong></h1> <div class="hr clear sp"></div> <div class="one-third first"> <h3><strong>Heading title</strong></h3> <h1>This is <strong>Heading</strong> tag</h1> <h2>This is <strong>Heading</strong> tag</h2> <h3>This is <strong>Heading</strong> tag</h3> <h4>This is <strong>Heading</strong> tag</h4> </div> <div class="one-third"> <h3><strong>Unordered list</strong></h3> <ul class="unordered-list"> <li>Lorem ipsum dolor sit amet, consectetur</li> <li>Donec ligula mauris</li> <li>Aenean sed</li> <li>Nullam ven tincidunt dolor</li> <li>Lorem ipsum dolor</li> </ul> </div> <div class="one-third"> <h3><strong>Ordered list</strong></h3> <ol class="ordered-list"> <li>Lorem ipsum dolor sit amet, consectetur</li> <li>Donec ligula mauris</li> <li>Aenean sed</li> <li>Nullam ven tincidunt dolor</li> <li>Lorem ipsum dolor</li> </ol> </div> <div class="hr clear sp"></div> <div class="one-third first"> <h3>Align <strong>Left</strong></h3> <img src="images/pix/ad_125x125_v1.gif" class="align-left img-border"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper ornare nulla, a mattis urna adipiscing sit amet. Duis luctus lacinia nulla a facilisis</p> </div> <div class="one-third"> <h3><strong>No image</strong></h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper ornare nulla, a mattis urna adipiscing sit amet. Duis luctus lacinia nulla a facilisis. Quisque dignissim neque sit amet lectus adipiscing auctor at eu orci. Fusce vehicula bibendum mollis. Ut rutrum neque et sapien auctor feugiat. </p> </div> <div class="one-third"> <h3>Align <strong>Right</strong></h3> <img src="images/pix/aj_125x125_v3.gif" class="align-right img-border"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper ornare nulla, a mattis urna adipiscing sit amet. Duis luctus lacinia nulla a facilisis</p> </div> <div class="hr clear sp"></div> <div class="two-third first"> <h3><strong>Table 1</strong></h3> <table width="100%" class="m-table"> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> <th>Header 5</th> </tr> </thead> <tbody> <tr> <td>Division 1</td> <td>Division 1</td> <td>Division 1</td> <td>Division 1</td> <td>Division 1</td> </tr> <tr> <td>Division 2</td> <td>Division 2</td> <td>Division 2</td> <td>Division 2</td> <td>Division 2</td> </tr> <tr> <td>Division 3</td> <td>Division 3</td> <td>Division 3</td> <td>Division 3</td> <td>Division 3</td> </tr> <tr> <td>Division 4</td> <td>Division 4</td> <td>Division 4</td> <td>Division 4</td> <td>Division 4</td> </tr> <tr> <td>Division 5</td> <td>Division 5</td> <td>Division 5</td> <td>Division 5</td> <td>Division 5</td> </tr> </tbody> </table> </div> <div class="one-third"> <h3><strong>Table 2</strong></h3> <table width="100%" class="m-table"> <tbody> <tr> <th>1</th> <td>Division 1</td> <td>Division 1</td> </tr> <tr> <th>2</th> <td>Division 2</td> <td>Division 2</td> </tr> <tr> <th>3</th> <td>Division 3</td> <td>Division 3</td> </tr> <tr> <th>4</th> <td>Division 4</td> <td>Division 4</td> </tr> <tr> <th>5</th> <td>Division 5</td> <td>Division 5</td> </tr> <tr> <th>6</th> <td>Division 6</td> <td>Division 6</td> </tr> </tbody> </table> </div>  <div class="hr clear sp"></div> <h1><strong>Colums</strong></h1> <div class="hr clear sp"></div>  <h3 class="first-word">Two column</h3> <div class="one-half first"> <p><span class="drop-cap circle">1</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui nulla, vulputate vel tincidunt non, posuere quis tortor. Suspendisse potenti. Sed varius egestas dui, at molestie dolor volutpat sit amet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed aliquet volutpat dolor.</p> <blockquote><code><div class="one-half first"><p><span class

评论收藏

内容反馈