OASTH || Telematics tools

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="oasth telematics tools"> <meta http-equiv="refresh" content="3600"> <title>OASTH || Telematics tools</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon">  <link href="/components/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link rel="stylesheet" href="/components/leaflet/leaflet.css">  <link rel="stylesheet" href="/components/leaflet/awesome-markers/leaflet.awesome-markers.min.css">  <link rel="stylesheet" href="/style/style.min.css"> <link href='https://fonts.googleapis.com/css?family=Comfortaa&subset=greek,latin' rel='stylesheet' type='text/css'> </head> <body> <nav class="navbar navbar-default navbar-oasth"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="/en/"><img alt="logo" src="/images/logo.png" height="40"></a> </div> <ul class="nav navbar-nav"> <li><p class="navbar-text">Telematics Tools<br><small>Real-time Information</small></p></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><p class="navbar-text"><a href="/" class="navbar-link"><img alt="eng" src="/images/flag_1.png"> 螘位位畏谓喂魏维</a></p></li> </ul> </div> </nav> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-md-3 sidewrap"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">  <div class="panel panel-oasth"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Line Information </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> <div class="panel loader"><img src="/images/ajax-loader.gif" /></div> </div> </div>  <div class="panel panel-oasth"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo"> Stop Information </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo"> <div class="panel-body"> Select a stop in order to view the stop info. This includes bus arrivals and line information. <div id="cachedStations"> </div> <div class="form-group"> <label>Choose Line:</label> <select class="form-control" id="line"> </select> </div> <div class="form-group" style="display:none;" id="directionPar"> <label>Route:</label> <select class="form-control" id="direction"> <option selected>-</option> </select> </div> <div class="form-group" style="display:none;" id="stationPar"> <label>Stop:</label> <select class="form-control" id="station"> <option selected>-</option> </select> </div> <div id="searchAddrPar" style="" class="input-group input-group-sm"> <label><small>or search for stop code</small></label> <input class="form-control" id="stopSearch" type="text" /> <span class="input-group-btn"> <button type="button" class="toSearchForStop btn btn-oasth glyphicon glyphicon-triangle-right" style="top:13px;"></button> </span> </div> <div class="form-group" style="display:none;" id="stationParResAdd"> <label> </label> <select class="form-control" id="stationFromRes"> <option selected>-</option> </select> </div> </div> </div> </div>  <div class="panel panel-oasth"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" id="veltisti"> Best Route </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div class="panel-body"> Best route search, using the lines of 螣螒STH </div> </div> </div> </div> </div> <div class="col-lg-9 col-md-9 contentwrap"> <div class="panel panel-oasth"> <div class="panel-heading"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> Begin by selecting one of the available options on the left.</div> <div class="panel-body intro"> <p><span class="glyphicon glyphicon-list" aria-hidden="true"></span> For schedule information, please use the <strong>"Line Information"</strong> tool.</p> <p><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> For bus arrival information please use the <strong>"Stop Information"</strong> tool.</p> <p><span class="glyphicon glyphicon-globe" aria-hidden="true"></span> To search for the best route using Public transportation please use the <strong>"Best Route"</strong> tool.</p> </div> </div> </div> </div> </div>  <script src="/components/jquery/jquery.js"></script> <script src="/components/jquery/easing.js"></script> <script src="/components/sha/sha.js"></script>  <script src="/components/bootstrap/js/bootstrap.min.js"></script>  <script src="/components/leaflet/leaflet.js"></script>  <script src="/components/leaflet/awesome-markers/leaflet.awesome-markers.min.js"></script>  <script src="/scripts/script.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-L492Z0RV7F"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-L492Z0RV7F'); </script> </body> </html>

CINXE.COM

OASTH || Telematics tools