SaS/web_dev/sas_web/templates/public/header.html

{% load static %}

<link rel="stylesheet" type="text/css" href="{% static "public/css/header.css" %}">

<div id=header>
    <table class="table">
        <tr>
        <td id ="logotablerow", width="20%">
            <img id="logo" src="{% static "public/images/apb_icon.png" %}" alt="logo">
        </td>
        <td class="link-container">
            <a class="top-links", href="https://www.tagesschau.de">tagesschau.de</a>
        </td>
        <td class="link-container">
            <a class="top-links", href="https://www.spiegel.de">spiegel.de</a>
        </td>
        <td class="link-container">
            <a class="top-links", href="https://www.zeit.de">zeit.de</a>
        </td>
        <td class="link-container">
            <a class="top-links", href="https://www.bpb.de">bpb.de</a>
        </td>
        <td vertical-align="middle", width="25%" class="allcenter">
            <input type="text" id="search" maxlength="30" placeholder="Datenbank durchsuchen">
        </td>
        <td width="5%" class="allcenter">
            <a href="http://www.dohiy.com/wp-content/uploads/2014/06/itsatrap.jpg"><img id="search_icon" src="{% static "public/images/search_icon.png" %}" alt="search"></a>
        </td>
        </tr>
    </table>
    <div id="navigation">
    <ul class="navbar">
        <li class ="navbar"><a {% if appname == "startpage" %}class="active"{% endif %} href="/">Information</a></li>
        <li class="navbar"><a {% if appname == "datenbank" %}class="active"{% endif %} href="{% url "datenbank:index" %}">Datenbank</a></li>
        <li class="navbar"><a {% if appname == "meingoethopia" %}class="active"{% endif %} href="{% url "meingoethopia:index" %}">Mein Goethopia</a></li>         
    </ul>
    </div>
</div>