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

共55个文件

jpg：28个

js：8个

png：5个

版权申诉

HTML

网站源码

JavaScript

20 浏览量 2024-03-29 11:28:34 上传评论收藏 2.73MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

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

html

bootstrap.min.js 36KB

SmoothScroll.min.js 14KB

jquery.easing.min.js 5KB

jquery.flexslider.js 40KB

grayscale.js 811B

jquery.picEyes.js 3KB

move-top.js 1KB

jquery.min.js 94KB

css

style.css 29KB

bootstrap.min.css 118KB

flexslider.css 5KB

font-awesome.min.css 30KB

index.html 28KB

images

t6.jpg 3KB

2.jpg 263KB

man-2933801_640.jpg 3KB

travel1.jpg 45KB

p9.jpg 86KB

arrow.png 656B

right1.png 1KB

about.jpg 119KB

1.jpg 197KB

p8.jpg 80KB

p4.jpg 54KB

p6.jpg 152KB

people-2590560_640.jpg 22KB

p12.jpg 126KB

fashion-2940243_640.jpg 23KB

testimonial.jpg 123KB

tick.png 3KB

close.png 499B

accomidation.jpg 51KB

portrait-2163997_640.jpg 3KB

p11.jpg 91KB

p7.jpg 71KB

p2.jpg 58KB

p3.jpg 77KB

left1.png 1KB

portrait-2917643_640.jpg 22KB

p5.jpg 65KB

3.jpg 133KB

travel2.jpg 74KB

p10.jpg 46KB

portrait-1961529_640.jpg 22KB

travel3.jpg 112KB

p1.jpg 107KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html> <head> <title>Rove a travel Category Bootstrap Responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Rove a 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" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> </head> <body>  <div class="header"> <nav class="navbar navbar-default"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <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="#">ROVE</a></h1> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="#">Home</a></li> <li><a href="#aboutus" class="page-scroll">About Us</a></li> <li><a href="#team" class="page-scroll">Team</a></li> <li><a href="#services" class="page-scroll">Services</a></li> <li><a href="#testimonials" class="page-scroll">Testimonials</a></li> <li><a href="#gallery" class="page-scroll">Gallery</a></li> <li><a href="#contactus" class="page-scroll">Contact Us</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <ul class="nav pull-right"> <li class="dropdown" id="menuLogin"> <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a> <div class="dropdown-menu"> <form action="#" method="post"> <div class="form-group"> <input type="text" name="name" placeholder="Username" required=""> </div> <div class="form-group"> <input type="password" name="password" placeholder="Password" required=""><br> </div> <button type="submit" id="btnLogin" class="btn">Login</button> </form> </div> </li> </ul> </ul> </div> </div> </nav> </div> <div class="w3banner"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="images/2.jpg" class="img-responsive" alt="First slide"> </div> <div class="item"> <img src="images/1.jpg" class="img-responsive" alt="Second slide"> </div> <div class="item"> <img src="images/3.jpg" class="img-responsive" alt="Third slide"> </div> </div> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control" href="#carousel-example-generic" data-slide="next"><span class="glyphicon glyphicon-chevron-right"> </span></a> </div> <div class="main-text"> <div class="w3l_bannerinfo"> <h3> Traveling tends to magnify all human emotions</h3> <h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h3> <div class="w3_bannerinfo"> <a class="btn btn-clear btn-sm btn-min-block" data-toggle="modal" data-target="#myModal2">Registration</a> </div> </div> </div> </div>   <div class="modal video-modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModal2"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div id="small-dialog2" class="mfp-hide book-form"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3>Sign Up</h3> <form action="#" method="post"> <input type="text" name="Name" placeholder="Your Name" required="" /> <input type="email" name="Email" class="email" placeholder="Email" required="" /> <input type="password" name="Password" id="password1" class="password" placeholder="Password" required="" /> <input type="password" name="Password" id="password2" class="password" placeholder="Confirm Password" required="" /> <input type="submit" value="Sign Up"> </form> </div> </div> </div> </div>   <div class="aboutus" id="aboutus"> <div class="w3l_flex"> <div class="container"> <div class="col-md-4 w3l_flex1"> <h3> We Work together to deliver value for your travel.</h3> </div> <div class="col-md-6 w3l_flex2"> <p>What you’ve done becomes the judge of what you’re going to do — especially in other people’s minds. When you’re traveling, you are what you are right there and then.</p> </div> <div class="col-md-2 w3l_flex3"> <a href="#contactus" class="page-scroll">Get In Touch</a> </div> <div class="clearfix"></div> </div> </div> </div> <div class="w3l_aboutinfo"> <div class="container"> <div class="col-md-5 w3l_aboutdown5"> <h6>Welcome</h6> <h3>About</h3> <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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Read More</button> <div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">ROVE</h4>

评论收藏

内容反馈

版权申诉