|  |  | 
 |  |  |             <form class="navbar-form navbar-left"> | 
 |  |  |                <div class="input-group"> | 
 |  |  |                   <span class="input-group-btn"> | 
 |  |  |                      <input type="text" class="form-control form-round-left" id="stop-name" placeholder="Stop name" /> | 
 |  |  |                      <input type="text" class="form-control form-round-left" id="stop-name" placeholder="Stop name" autofocus="autofocus" /> | 
 |  |  |                   </span> | 
 |  |  |                   <select class="form-control" id="stop-name-autocomplete"> | 
 |  |  |                   </select> | 
 |  |  | 
 |  |  |                 | 
 |  |  |                <p class="small" data-translate="help_text">Relative times (eg. 3 min) are real-time arrivals based on tram location data. Absolute times (eg. 8:01) are scheduled departures, shown when the tram cannot be located. "?" means unknown delay.</p> | 
 |  |  |                 | 
 |  |  |                <p class="small">© 2016 Jacek Kowalski - <a href="https://github.com/jacekkow/mpk-ttss" data-translate="help_source">Source</a> - <a href="https://raw.githubusercontent.com/jacekkow/mpk-ttss/master/LICENSE" data-translate="help_license">License</a></p> | 
 |  |  |                <p class="small">© 2016-2017 Jacek Kowalski - <a href="https://github.com/jacekkow/mpk-ttss" data-translate="help_source">Source</a> - <a href="https://raw.githubusercontent.com/jacekkow/mpk-ttss/master/LICENSE" data-translate="help_license">License</a></p> | 
 |  |  |             </div> | 
 |  |  |          </div> | 
 |  |  |       </div> |