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

共66个文件

jpg：37个

png：12个

html：5个

javascript

html5

需积分: 5 97 浏览量 2024-04-30 08:57:52 上传评论收藏 1.69MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

033.rar （66个子文件）

033

ios-orientationchange-fix.js 2KB

jquery.swipebox.min.js 7KB

jquery-1.9.0.min.js 91KB

jquery.nivo.slider.js 28KB

css

style.css 34KB

slider.css 3KB

swipebox.css 4KB

services.html 8KB

index.html 8KB

contact.html 5KB

about.html 8KB

images

pic12.jpg 34KB

pic5.jpg 7KB

pic20.jpg 26KB

pic6.jpg 8KB

pic15.jpg 34KB

pic.jpg 13KB

tw.png 4KB

pic10.jpg 35KB

prev.png 299B

g+.png 4KB

pattern.gif 19KB

pic8.jpg 18KB

banner4.jpg 110KB

loading.gif 302B

t-pic17.jpg 60KB

pic9.jpg 17KB

pic22.jpg 27KB

t-pic19.jpg 78KB

pic16.jpg 17KB

zoom.png 3KB

pic19.jpg 23KB

pic18.jpg 22KB

list-arrow.gif 305B

banner3.jpg 122KB

pic4.jpg 27KB

pic2.jpg 26KB

pic23.jpg 20KB

pic21.jpg 29KB

t-pic22.jpg 81KB

pic3.jpg 7KB

fb.png 3KB

t-pic16.jpg 51KB

pic1.jpg 15KB

t-pic18.jpg 59KB

t-pic20.jpg 76KB

banner1.jpg 75KB

banner5.jpg 147KB

list.png 3KB

t-pic23.jpg 46KB

t-pic21.jpg 110KB

pic11.jpg 26KB

rss.png 4KB

marker.png 3KB

marker2.png 3KB

l-r-arrows.png 305B

pic17.jpg 22KB

icons.png 300B

pic7.jpg 7KB

pic13.jpg 28KB

pic14.jpg 35KB

banner2.jpg 126KB

loader.gif 301B

comment.png 4KB

fonts

BebasNeue-webfont.ttf 48KB

gallery.html 6KB

<!DOCTYPE HTML> <html> <head> <title>About</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div class="wrap-box"> </div> <div class="header"> <div class="wrap"> <div class="header-top"> <div class="cssmenu"> <ul> <li><a href="index.html"><span>Home</span></a></li> <li class="active"><a href="about.html"><span>About us</span></a></li> <li class="has-sub"><a href="services.html"><span>Services</span></a></li> <li><a href="gallery.html"><span>Gallery</span></a></li> <li class="last"><a href="contact.html"><span>Contact</span></a></li> <div class="clear"></div> </ul> </div> <div class="logo"> <h1><a href="index.html">Smarty</a></h1> </div> <div class="clear"></div> </div> </div> </div> <div class="main"> <div class="wrap"> <div class="about"> <div class="about-top"> <div class="col span_1_of_about"> <h3>About</h3> <div class="about-img"> <img src="images/pic8.jpg" alt=""> </div> <div class="about-desc"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.,</p> </div> <div class="clear"></div> </div> <div class="col span_1_of_about1"> <h3>Recent Comments</h3> <ul class="comments-custom unstyled"> <li class="comments-custom_li"> <div class="icon"></div> <div class="right-text"> <h4 class="comments-custom_h">admin:</h4> <div class="comments-custom_txt"> <a href="#" title="Go to this comment">Sed ut perspiciatis magna ...</a> </div> <time>November 16,2013</time> </div> <div class="clear"></div> </li> <li class="comments-custom_li"> <div class="icon"></div> <div class="right-text"> <h4 class="comments-custom_h">admin:</h4> <div class="comments-custom_txt"> <a href="#" title="Go to this comment">Sed ut perspiciatis magna ...</a> </div> <time>November 16,2013</time> </div> <div class="clear"></div> </li> <li class="comments-custom_li"> <div class="icon"></div> <div class="right-text"> <h4 class="comments-custom_h">admin:</h4> <div class="comments-custom_txt"> <a href="#" title="Go to this comment">Sed ut perspiciatis magna ...</a> </div> <time>November 16,2013</time> </div> <div class="clear"></div> </li> </ul> </div> <div class="clear"></div> </div> <div class="about-bottom"> <div class="about-topgrids"> <div class="about-topgrid1"> <h3>Who We Are</h3> <img src="images/pic9.jpg" title="name"> <h5>LOREM IPM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. PRAESENT VESTIBULUM.</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris..</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris.Lorem ipsum</p> </div> </div> <div class="about-histore"> <h3>History</h3> <div class="historey-lines"> <ul> <li><span>2010  -</span></li> <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit..</p></li> <div class="clear"> </div> </ul> </div> <div class="historey-lines"> <ul> <li><span>2010  -</span></li> <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendreri.</p></li> <div class="clear"> </div> </ul> </div> <div class="historey-lines"> <ul> <li><span>2010  -</span></li> <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendreri..</p></li> <div class="clear"> </div> </ul> </div> <div class="historey-lines"> <ul> <li><span>2010  -</span></li> <li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit.</p></li> <div class="clear"> </div> </ul> </div> <div class="clear"> </div> </div> <div class="about-services"> <h3>Why Choose Us</h3> <div class="questions"> <h4><img src="images/marker2.png" alt=""/> What is Lorem Ipsum?</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 150 Phasellus porta. Fusce suscipit.</p> </div> <div class="questions"> <h4><img src="images/marker2.png" alt=""/> What is Lorem Ipsum?</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p> </div> <div class="questions"> <h4><img src="images/marker2.png" alt=""/> What is Lorem Ipsum?</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry..</p> </div> </div> <div class="clear"></div> </div> </div> </div> </div> <div class="footer"> <div class="wrap"> <div class="footer-top"> <div class="col_1_of_4 span_1_of_4"> <h3>INFORMATION</h3> <ul class="first"> <li><a href="#">Contact</a></li> <li><a href="#">Terms and conditions</a></li> <li><a href="#">Legal Notice</a></li> </ul> </div> <div class="col_1_of_4 span_1_of_4"> <h3>CATEGORIES</h3> <ul class="first"> <li><a href="#">New products</a></li> <li><a href="#">top sellers</a></li> <li><a href="#">Specials</a></li> </ul> </div> <div class="col_1_of_4 span_1_of_4"> <h3>My ACCOUNT</h3> <ul class="first"> <li><a href="#">Your Account</a></li> <li><a href="#">Personal info</a></li> <li><a href="#">Prices</a></li> </ul> </div> <div class="col_1_of_4 span_1_of_4 footer-lastgrid"> <h3>CONTACT US</h3> <ul class="follow_icon"> <li><a href="#"><img src="images/fb.png" alt=""></a></li> <li><a href=

评论收藏

内容反馈