diff --git a/index.pl b/index.pl
index 2f2e46f..d701e36 100755
--- a/index.pl
+++ b/index.pl
@@ -640,6 +640,12 @@ post '/action' => sub {
 	}
 };
 
+get '/x/about' => sub {
+	my ($self) = @_;
+
+	$self->render( 'about', version => $VERSION );
+};
+
 post '/x/geolocation' => sub {
 	my ($self) = @_;
 
diff --git a/templates/about.html.ep b/templates/about.html.ep
new file mode 100644
index 0000000..983b73b
--- /dev/null
+++ b/templates/about.html.ep
@@ -0,0 +1,13 @@
+<div class="row">
+	<div class="col s12">
+		<a href="https://git.finalrewind.org/travelynx">travelynx</a> v<%= stash('version') // '???' %><br/>
+		Backend:
+		<a href="https://finalrewind.org/projects/Travel-Status-DE-IRIS/">Travel::Status::DE::IRIS</a>
+		v<%= $Travel::Status::DE::IRIS::VERSION %><br/>
+		<a href="http://data.deutschebahn.com/dataset/data-haltestellen">Haltestellendaten</a>
+		© DB Station&amp;Service AG,
+		Europaplatz 1,
+		10557 Berlin, lizensiert unter CC-BY 4.0
+	</div>
+</div>
+
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index a9f1464..2e07ffe 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -21,7 +21,7 @@
 	<div class="nav-wrapper container">
 		<a href="/" class="brand-logo left">travelynx</a>
 		<ul id="nav-mobile" class="right">
-			<!--<li class="<%= navbar_class('/') %>"><a href='/' title="Einchecken"><i class="material-icons">Check In</i></a></li>-->
+			<li class="<%= navbar_class('/x/about') %>"><a href='/x/about' title="About"><i class="material-icons">info_outline</i></a></li>
 		</ul>
 	</div>
 </nav>