<!--
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 （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资源评论
