前端学生作业毕设实训素材-七彩性触屏版html5响应式手机app网站模板下载.rar资源-CSDN文库

共75个文件

png：43个

jpg：17个

js：9个

版权申诉

前端源码

毕业设计

HTML

论文模板

160 浏览量 2022-04-08 20:12:58 上传评论收藏 606KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端学生作业毕设实训素材-七彩性触屏版html5响应式手机app网站模板下载.rar （75个子文件）

css

img

loader.gif 3KB

icons.png 729B

swipebox.css 5KB

idangerous.swiper.css 3KB

style.css 13KB

images

avatar.jpg 2KB

photos

photo9.jpg 28KB

photo11.jpg 20KB

photo5.jpg 32KB

photo10.jpg 17KB

photo2.jpg 35KB

photo7.jpg 23KB

photo1.jpg 16KB

photo8.jpg 30KB

photo6.jpg 22KB

photo3.jpg 40KB

photo4.jpg 17KB

portfolio_thumb.jpg 22KB

portfolio_thumb2.jpg 17KB

icons

tools.png 3KB

code.png 546B

videos.png 1KB

security.png 2KB

docs.png 745B

twitter.png 2KB

services.png 2KB

social

digg.png 397B

twitter.png 1KB

facebook.png 494B

google.png 2KB

flickr.png 808B

pinterest.png 3KB

about.png 1KB

clients.png 1KB

pencil.png 1KB

home.png 1KB

map_pin.png 530B

blog.png 1KB

layout.png 520B

phone.png 390B

contact.png 2KB

top.png 404B

photos.png 2KB

travel.png 746B

page_photo.jpg 109KB

portfolio_thumb3.jpg 25KB

icons_dark

tools.png 3KB

videos.png 1KB

docs.png 770B

twitter.png 2KB

about.png 1KB

clients.png 1KB

home.png 1KB

blog.png 1KB

contact.png 2KB

photos.png 2KB

colors

metro

metro.css 5KB

images

bullet_cross_big.png 145B

bg-metro.jpg 33KB

bullet_cross_white.png 134B

toggle_blog.png 237B

bullet_cross_big_close.png 414B

bullet_checked.png 375B

toggle.png 508B

comments.png 286B

index.html 57KB

jquery.swipebox.js 14KB

jquery.tabify.js 704B

idangerous.swiper.scrollbar-2.1.js 6KB

load.js 481B

jquery.fitvids.js 2KB

twitter

jquery.tweet.js 14KB

code.js 4KB

jquery-1.10.1.min.js 91KB

idangerous.swiper-2.1.min.js 39KB

<!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" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="apple-touch-icon" href="images/apple-touch-icon.png" /> <link rel="apple-touch-startup-image" href="images/apple-touch-startup-image-320x460.png" /> <meta name="author" content="FamousThemes" /> <meta name="description" content="GoMobile - A next generation web app theme" /> <meta name="keywords" content="mobile web app, mobile template, mobile design, mobile app design, mobile app theme, mobile wordpress theme, my mobile app" /> <title>七彩性触屏版html5响应式手机app网站模板下载-懒人模板【http://www.lanrenmb.com/HTML5/】</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="colors/metro/metro.css"> <link type="text/css" rel="stylesheet" href="css/idangerous.swiper.css"> <link type="text/css" rel="stylesheet" href="css/swipebox.css"> <link href='../../../fonts.googleapis.com/css@family=Open+Sans_3A300' rel='stylesheet' type='text/css'> </head> <body> <div id="header"> <div class="gohome radius20"><a href="#"><img src="images/icons/home.png" alt="" title="" /></a></div> <div class="gomenu radius20"><a href="#" onclick="swiperParent.swipeTo(10);"><img src="images/icons/contact.png" alt="" title="" /></a></div> </div> <div class="swiper-container swiper-parent"> <div class="swiper-wrapper">  <div class="swiper-slide sliderbg_menu"> <div class="swiper-container swiper-nested"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-inner"> <div class="logo"><a href="#">GoMobile</a></div> <div class="menu"> <ul> <li class="green"><a href="#" onclick="swiperParent.swipeTo(1);"><img src="images/icons/about.png" alt="" title="" /><span>About Us</span></a></li> <li class="red"><a href="#" onclick="swiperParent.swipeTo(2);"><img src="images/icons/tools.png" alt="" title="" /><span>Services</span></a></li> <li class="blue"><a href="#" onclick="swiperParent.swipeTo(3);"><img src="images/icons/blog.png" alt="" title="" /><span>Blog</span></a></li> <li class="orange"><a href="#" onclick="swiperParent.swipeTo(5);"><img src="images/icons/docs.png" alt="" title="" /><span>Portfolio</span></a></li> <li class="purple"><a href="#" onclick="swiperParent.swipeTo(6);"><img src="images/icons/photos.png" alt="" title="" /><span>Gallery</span></a></li> <li class="yellow"><a href="#" onclick="swiperParent.swipeTo(8);"><img src="images/icons/clients.png" alt="" title="" /><span>Clients</span></a></li> <li class="pink"><a href="#" onclick="swiperParent.swipeTo(9);"><img src="images/icons/twitter.png" alt="" title="" /><span>Twitter</span></a></li> <li class="bluegreen"><a href="#" onclick="swiperParent.swipeTo(10);"><img src="images/icons/contact.png" alt="" title="" /><span>Contact</span></a></li> </ul> <div class="clearfix"></div> </div> </div> </div> </div> <div class="swiper-scrollbar"></div> </div> </div>  <div class="swiper-slide sliderbg green"> <div class="swiper-container swiper-nested1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-inner"> <div class="pages_container"> <h2 class="page_title">About Us</h2> <div class="image_single"><img src="images/page_photo.jpg" alt="" title="" border="0" /></div> <div class="image_caption blue blue_borderbottom">Image title</div> <h3>Imagination is our power</h3> <blockquote>Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service. <span class="quote_author">-Steve Jobs</span></blockquote> <h3>Just a simple listing</h3> <ul class="listing"> <li>Proin dignissim risus ut quam aliquam dignissim.</li> <li>Nunc erat eros, cursus et commodo vitae, pulvinar ac libero.</li> <li>In erat elit, bibendum vitae commodo vitae, bibendum non justo.</li> </ul> <h3>A more detailed listing</h3> <ul class="listing_detailed"> <li><a href="#">Proin dignissim risus</a></li> <li><a href="#">Nunc erat eros, cursus et</a></li> <li><a href="#">In erat elit, bibendum</a></li> </ul> <h2>Toggle styles</h2> <div class="toogle_wrap"> <div class="trigger"><a href="#">toggle with text</a></div> <div class="toggle_container"> <p> Lorem ipsum <a href="#">dolor sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> </div> <div class="toogle_wrap"> <div class="trigger"><a href="#">toggle with lists</a></div> <div class="toggle_container"> <ul class="listing_detailed"> <li>Consectetur adipisicing elit sed</li> <li>Sed do eiusmod tempor incididunt</li> <li>Ut enim ad minim veniam</li> </ul> </div> </div> <h2>Some flexible <span class="tag">tabs</span></h2> <ul id="tabsmenu" class="tabsmenu">

评论收藏

内容反馈

版权申诉