<div>
    <div style="display: inline-block; margin-right: 20px;"><img src="img/rwth-logo.png" style="max-width:70px;max-height:70px; margin-top:5px;"></div>
    <div style="display: inline-block;"><b>{{langString "information.rwthapp"}}</b><br />{{langString "information.version"}}: {{version}}<br />{{langString "information.itCenter"}}<br />{{langString "information.rwthAachen"}}</div>
</div>
<div class="collection">
    <a href="http://www.rwth-aachen.de/cms/root/Footer/Service/~cesv/Disclaimer/" class="collection-item row open-external waves-effect"><div class="col s2"><i class="material-icons">open_in_browser</i></div><div class="col s10">{{langString "information.data"}}</div></a>
    <a href="https://oauth.campus.rwth-aachen.de/manage/" class="collection-item row open-external waves-effect"><div class="col s2"><i class="material-icons">open_in_browser</i></div><div class="col s10">{{langString "information.oauth"}}</div></a>
    <a href="http://www.rwth-aachen.de/cms/~a/root/" class="collection-item row open-external waves-effect"><div class="col s2"><i class="material-icons">open_in_browser</i></div><div class="col s10">{{langString "information.website"}}</div></a>
    <a href="https://mail.rwth-aachen.de" class="collection-item row open-external waves-effect"><div class="col s2"><i class="material-icons">open_in_browser</i></div><div class="col s10">{{langString "information.outlook"}}</div></a>
    <a href="https://de-de.facebook.com/RWTHAachenUniversity" class="collection-item row open-external waves-effect"><div class="col s2"><i class="material-icons">open_in_browser</i></div><div class="col s10">{{langString "information.facebook"}}</div></a>
    <a href="https://twitter.com/RWTH?_escaped_fragment_=/RWTH#!/RWTH" class="collection-item row open-external waves-effect"><div class="col s2"><i class="material-icons">open_in_browser</i></div><div class="col s10">{{langString "information.twitter"}}</div></a>
</div>
