<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//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
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- Pscad仿真模型-电力仿真程序, VMD与TEO结合的行波测距双端电源以及T接线路,双端测距方法参考《基于VMD和TEO的高压输电线路雷击故障测距研究-高艳丰》,T型测距算法参考: 基于VMD和T
- 大线经直线电机,音圈电机线圈绕线机 开发的独有整到卷绕线机,0.05到2.0线都可以绕,圆线,扁线,方线都可以绕,系统程序半开源可自已任意变更参数和动作流程
- labview视觉测量,检测,瑕疵针对不同项目解决:尺寸测量,毛刺检测,瑕疵检测,封装好程序后可以直接调用,欢迎老板咨询,疑难问题解决,视觉处理程序编写,labview,halcon,opencv,p
- 大型污水处理厂自控项目实例,应用项目,组态王+博图实例,工程上用到的组态编程技巧全有 改建成已运行项目,所有应用均经过实际验证 应用包括:西门子触摸屏KTP1200,485通讯,报表编程,图表生成
- 永磁直驱风力发电机并网仿真,机侧采用最大功率跟踪控制,应用尖速比控制和爬山搜索法组合,电机采用单位功率因数控制,进行弱磁控制,网侧采用逆变器并网,跟踪效果理想 多种风力变,同时附赠双馈式风力发电机
- matlab程序设计等 研究方向:综合能源系统,微电网,主从博弈,合作,非合作博弈相关方向,多时间尺度
- 基于超扭滑模观测器(STSMO)的永磁同步电机(PMSM)负
- 综合能源优化程序matlab 采用matlab编程,结合粒子群优化算法,实现综合能源的优化出力,程序运行稳定,有相应参考资料,注释清楚
- matlab程序设计,内容:基于粒子群算法优化的综合能源系统优化运行 冷热电三种负荷 设备为冷热电联产系统,燃气锅炉,电转气设备等
- S7-1200程序配方查询系统 采用西门子SCL语言编写 硬件:S7-1214和TP700触摸屏 程序支持20组配方存储(取决存储区大小) 实现过程 外部扫码枪或扫码器提供扫码数据 配方中有:直
- 扫地机器人 源代码 企业级 扫地机器人源代码额外加一份iap升级,代码整齐,注释清楚 扫地机器人源代码额外加一份iap升级,代码整齐,注释清楚
- 基于MPC的轨迹重规划智能车避障控制联合仿真simulink模型+carsim参数设置 效果如图 有联合仿真操作说明及模型说明
- 基于滑模观测器(SMO)的永磁同步电机(PMSM)负载转矩扰
- OMRON CP1H PLC脉冲控制三轴伺服, 码垛机,实际项目,程序结构清析,有完整的注释,重复功能做成FB功能块,在其它项目可以导出直接用,MCGS触摸屏程序,有电气CAD图纸
- 昆仑通态触摸屏与台达变频器modbus直连通讯控制,触摸屏与变频器的modbus通讯,包括程序,接线定义,参数调试,说明书电子产品
- UWB源码资料 研创物联源码资料 可二次开发 dwm1000模块 双边双向测距,最多支持4基站8标签测距,可实现测距显示及定位坐标解算并显示位置,包含原理图,手册,PCB,上位机等丰富资料,可实现
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈