<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Travel App Mobile App Category Bootstrap Responsive Web Template | Train List :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Travel App 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>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css">
<!-- menu -->
<link rel="stylesheet" href="css/main.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link href="css/fontawesome-all.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Asap:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- header top -->
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-10 w3social-icons">
<ul>
<li>
<a href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="mx-2">
<a href="#">
<i class="fab fa-google-plus-g"></i>
</a>
</li>
<li class="mr-2">
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-dribbble"></i>
</a>
</li>
</ul>
</div>
<div class="col login-head text-right">
<a class="sign" href="#" data-toggle="modal" data-target="#exampleModal">
<i class="fas fa-user"></i>
</a>
</div>
</div>
</div>
</div>
<!-- //header top -->
<!-- banner -->
<div class="banner-w3l inner_banner_agile">
<div class="container">
<div id="page">
<div class="mh-head Sticky">
<div class="row">
<div class="col mh-btns-left">
<a class="fa fa-bars" href="#menu"></a>
</div>
<div class="col-8 logo">
<h1>
<a href="main.html">
<img src="images/logo.png" alt=""> Travel App</a>
</h1>
</div>
</div>
</div>
<!-- navigation -->
<nav id="menu">
<ul>
<li>
<a href="main.html">Home</a>
</li>
<li>
<a href="about.html">About us</a>
<ul>
<li>
<a href="about.html">Our History</a>
</li>
<li>
<a href="about.html">Our Team</a>
</li>
<li>
<a href="about.html">Our Advantages</a>
</li>
<li>
<a href="contact.html">Our Branches</a>
<ul>
<li>
<a href="contact.html">Branch 1</a>
</li>
<li>
<a href="contact.html">Branch 2</a>
</li>
<li>
<a href="contact.html">Branch 3</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="main.html">Packages</a>
</li>
<li>
<span class="active">Book Your Tickets</span>
<ul>
<li>
<a href="flight.html">Flight Ticket</a>
<ul>
<li>
<a href="flight-list.html">Flights Details</a>
<ul>
<li>
<a href="pay.html">Payment</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="active" href="train.html">Train Ticket</a>
<ul>
<li>
<a class="active" href="train-list.html">Trains Details</a>
<ul>
<li>
<a href="pay.html">Payment</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="bus.html">Bus Ticket</a>
<ul>
<li>
<a href="bus-list.html">Buses Details</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="pay.html">Payment</a>
</li>
<li>
<a href="book.html">Book Now</a>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
</ul>
</nav>
<!-- //navigation -->
</div>
</div>
</div>
<!-- //banner -->
<!-- breadcrumbs -->
<div class="breadcrumb-agile">
<div class="container">
<ol class="breadcrumb breadcrumb-arrow">
<li>
<a href="main.html">Home</a>
</li>
<li>
<a href="train.html">Train Ticket</a>
</li>
<li class="active">
<span>Train Details</span>
</li>
</ol>
</div>
</div>
<!-- //breadcrumbs -->
<!-- Trains-list -->
<div class="agile-trains-list w3layouts-content space-w3ls">
<div class="container">
<!--bus-single -->
<div class="w3agile single-bus">
<h3 class="w3-head">Trains Details</h3>
<!-- train-routes -->
<div class="bus-tp">
<div class="bus-tp-inner">
<h2>Trains from City1 to City2</h2>
<div class="clearfix"></div>
</div>
</div>
<!-- /train-routes -->
<!-- bus-midd -->
<div class="w3agile bus-midd">
<div class="table-responsive">
<table class="table table-bordered agileinfo">
<thead>
<tr>
<th>Train no.</th>
<th>Train Name</th>
<th>Depart. time</th>
<th>Arrive time</th>
<th>Days of Run</th>
<th>Fare</th>
</tr>
</thead>
<tbody>
<tr>
<td class="t-one">15798</td>
<td class="wthree">
<i class="fa fa-train" aria-hidden="true"></i> Train name </td>
<td class="wthree">
<i class="fa fa-clock-o"></i>08:10 </td>
<td class="wthree">
<i class="fa fa-clock-o"></i>13:10 </td>
<td class="seat">
<span title="Sunday">S</span>
<span title="not available"></span>
<span title="Tuesday">T</span>
<span title="Wednesday">W</span>
<span title="Thursday">T</span>
<span title="Friday">F</span>
<span title="Saturday">S</span>
</td>
<td class="price us">Price here
<a href="#" data-toggle="modal" data-target="#myModalbook" class="seat-button two">Book Now</a>
</td>
</tr>
<tr>
<td class="t-one">45212</td>
<td class="wthree">
<i class="fa fa-train" aria-hidden="true"></i> Train name </td>
<td class="wthree">
<i class="fa fa-clock-o"></i>06:10 </td>
<td class="wthree">
<i class="fa fa-clock-o"></i>12:10 </td>
<td class="seat">
<span title="Sunday">S</span>
<span title="not available"></span>
<span title="Tuesday">T</span>
<span title="Wednesday">W</span>
<span title="Thursday">T</span>
<span title="not available"></span>
<span title="Saturday">S</span>
</td>
<td class="price us">Price here
<a href="#" data-toggle="modal" data-target="#myModalbook" class="seat-button two">Book Now</a>
</td>
</tr>
<tr>
<td cl
毕设&课设&大作业-旅行APP综合服务网页模板-适配移动端-HTML网站源码.zip
版权申诉
10 浏览量
2024-03-29
11:28:32
上传
评论
收藏 2.37MB ZIP 举报
毕设&课设&大作业-旅行APP综合服务网页模板-适配移动端-HTML网站源码.zip （74个子文件） 
毕设&课设&大作业-旅行APP综合服务网页模板-适配移动端-HTML网站源码 html 
bus-list.html 23KB flight-list.html 24KB pay.html 23KB main.html 19KB js 
jquery.seat-charts.js 19KB bootstrap.js 112KB SmoothScroll.min.js 13KB jquery.mmenu.all.js 60KB easyResponsiveTabs.js 11KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB scripts.js 646B jquery.nicescroll.min.js 59KB creditly.js 14KB jquery-ui.js 440KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 49KB fa-solid-900.eot 104KB fa-solid-900.ttf 103KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 39KB fa-solid-900.svg 382KB train-list.html 31KB book.html 15KB css style.css 2KB main.css 52KB creditly.css 2KB jquery-ui.css 32KB jquery.mmenu.all.css 60KB bootstrap.css 174KB jquery.seat-charts.css 1006B jquery.mhead.css 3KB easy-responsive-tabs.css 6KB fontawesome-all.css 43KB train.html 17KB index.html 3KB contact.html 20KB about.html 18KB images 
train.png 112KB
d4.jpg 32KB logo.png 9KB pa1.jpg 46KB 1.jpg 308KB d3.jpg 27KB t3.jpg 34KB pa3.jpg 29KB d5.jpg 27KB t1.jpg 39KB book.png 53KB bg.jpg 67KB d1.jpg 115KB move-top.png 3KB t4.jpg 28KB bus.png 72KB tick.png 3KB t2.jpg 30KB paypal.png 16KB bg2.jpg 109KB ab.jpg 74KB d2.jpg 34KB cal.png 3KB pa2.jpg 54KB flight.png 36KB bus.html 17KB flight.html 17KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4714
最新资源
- 使用matplotlib库绘制简单图表的例子.rar
- 九阴真经OL资源解包工具
- python-leetcode面试题解之第307题区域和检索.zip
- python-leetcode面试题解之第305题岛屿数量II.zip
- python-leetcode面试题解之第304题二维区域和检索.zip
- python-leetcode面试题解之第303题区域和检索.zip
- python-leetcode面试题解之第299题猜数字游戏.zip
- python-leetcode面试题解之第298题二叉树最长连续序列.zip
- python-leetcode面试题解之第296题最佳的碰头地点.zip
- python-leetcode面试题解之第294题翻转游戏II.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
