毕设&课设&大作业-旅行瞬间服务展示响应式网页模板-适配移动端-HTML网站源码.zip资源-CSDN文库

共51个文件

jpg：20个

js：8个

css：5个

版权申诉

HTML

网站源码

JavaScript

23 浏览量 2024-03-29 11:28:40 上传评论收藏 2.04MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

毕设&课设&大作业-旅行瞬间服务展示响应式网页模板-适配移动端-HTML网站源码.zip （51个子文件）

毕设&课设&大作业-旅行瞬间服务展示响应式网页模板-适配移动端-HTML网站源码

html

bootstrap.js 68KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 13KB

jquery.flexslider.js 40KB

jquery-2.2.3.min.js 84KB

easing.js 5KB

move-top.js 1KB

css

style.css 34KB

flexslider.css 5KB

font-awesome.css 34KB

bootstrap.css 143KB

swipebox.css 4KB

index.html 24KB

images

g3.jpg 179KB

left-arrow.png 1KB

test1.jpg 15KB

g2.jpg 33KB

test3.jpg 16KB

c1.jpg 68KB

g8.jpg 111KB

t3.jpg 35KB

g7.jpg 99KB

g6.jpg 91KB

s11.jpg 124KB

t1.jpg 46KB

con2.jpg 67KB

right-arrow.png 1KB

icons.svg 1KB

t4.jpg 38KB

g5.jpg 72KB

img-sprite.png 4KB

close.png 280B

arr.png 2KB

t2.jpg 37KB

g4.jpg 92KB

test2.jpg 12KB

ab1.jpg 157KB

g1.jpg 114KB

g9.jpg 64KB

fonts

FontAwesome.otf 132KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 162KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Tour snap a Travel Category Bootstrap Responsive Web Template | Home :: w3layouts</title>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="Tour snap Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">   <link href="css/font-awesome.css" rel="stylesheet">   <link rel="stylesheet" href="css/swipebox.css">   <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />   <link href="css/style.css" rel='stylesheet' type='text/css' media="all">  <link href="//fonts.googleapis.com/css?family=Saira+Condensed:100,200,300,400,500,600,700,800,900" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> </head> <body> <div class="banner" id="home"> <div class="header-w3layouts">  <div class="container"> <div class="header-bar"> <nav class="navbar navbar-default"> <div class="navbar-header navbar-left"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a class="navbar-brand" href="index.html">Tour snap</a></h1> </div>  <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1"> <nav> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#gallery" class="scroll">Gallery</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </nav> </div> </nav> </div> <div class="clearfix"> </div> </div> </div> <div class="container">  <div class="slider"> <div class="callbacks_container w3l"> <ul class="rslides" id="slider"> <li> <div class="slider-info"> <h4>PLAN YOUR TRIP NOW!!</h4> <p>Be Ready To Explore Newthings</p> </div> </li> <li> <div class="slider-info"> <h4>PLAN YOUR DREAM PLACE!!</h4> <p>Be Ready To Explore Newthings</p> </div> </li> </ul> </div> <div class="clearfix"></div> </div> </div> </div>  <div class="w3-about-us" id="about"> <div class="container"> <div class="w3-headings-all"> <h3>Welcome</h3> </div> <div class="w3-about-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien diam, ornare a eros a, mollis facilisis erat. Sed gravida turpis lorem, id gravida erat dictum et.Lorem ipsum dolor sit amet, consectetur adipiscing elit Sed sapien diam, ornare a eros a, mollis facilisis erat.</p> </div> <div class="w3-about-all-grid"> <div class="col-md-6 w3-about-grid-left"> <ul> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Explore Things</h3></li> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Attraction Tickets</h3></li> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Transportation</h3></li> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Attraction Clubs</h3></li> </ul> </div> <div class="col-md-6 w3-about-grid-right"> <ul> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Museum Tickets</h3></li> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Expensive less</h3></li> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Sightseeing</h3></li> <li><h3><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>Outdoor Trips</h3></li> </ul> </div> <div class="clearfix"></div> </div> </div> </div>  <div class="what-w3ls" id="services"> <div class="container"> <div class="w3-headings-all"> <h3>Our Services</h3> </div> <p class="w3agile">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p> <div class="what-grids"> <div class="col-md-6 what-grid"> <div class="what-agile-info"> <h4>Consectetur</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aut dignissimos ea est, impedit incidunt, laboriosam consectetur adipisicing elit. Ab aut dignissimos ea est</p> </div> <img src="images/ab1.jpg" class="img-responsive" alt=""/> </div> <div class="col-md-6 what-grid1"> <div class="what-top"> <div class="what-left"> <i class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></i> </div> <div class="what-right"> <h4>Adipisicing</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aut dignissimos ea est, impedit incidunt, laboriosam consectetur adipisicing elit. Ab aut dignissimos ea est</p> </div> <div class="clearfix"></div> </div> <div class="what-top1"> <div class="what-left"> <i class="glyphicon glyphicon-flash" aria-hidden="true"></i> </div> <div class="what-right"> <h4>Dignissimos</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aut dignissimos ea est, impedit incidunt, laboriosam consectetur adipisicing elit. Ab aut dignissimos ea est</p> </div> <div class="clearfix"></div> </div> <div class="what-top1"> <div class="what-left"> <i class="glyphicon glyphicon-fire" aria-hidden="true"></i> </div> <div class="what-right"> <h4>Consectetur</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aut dignissimos ea est, impedit incidunt, laboriosam consectetur adipisicing elit. Ab aut dignissimos ea est</p> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> <div class="about-info-grids"> <div class="col-md-4 col-sm-4 about-info about-info1"> <i class="fa fa-info-circle agile-sicon" aria-hidden="true"></i> <h4>how we<span class="head-w3l"> work</span></h4> <div class="h4-underline"></div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p> </div> <div class="col-md-4 col-s

评论收藏

内容反馈

版权申诉