</div>

<nav class="bar-tab">
<ul class="tab-inner">
    <li class="tab-item active">
    <a href="#">
        <img class="tab-icon" src="static/light.png">
        <div class="tab-label">Lichten</div>
    </a>
    </li>
    <li class="tab-item">
    <a href="#">
        <img class="tab-icon" src="static/alarm.png">
        <div class="tab-label">Alarm</div>
    </a>
    </li>
    <li class="tab-item">
    <a href="#">
        <img class="tab-icon" src="static/power.png">
        <div class="tab-label">Stopcontacten</div>
    </a>
    </li>
    <li class="tab-item">
    <a href="#">
        <img class="tab-icon" src="static/heating.png">
        <div class="tab-label">Verwarming</div>
    </a>
    </li>
</ul>
</nav>
    </body>
</html>

</div>

<nav class="bar-tab">
<ul class="tab-inner">
    <li class="tab-item active">
    <a href="#">
        <img class="tab-icon" src="/static/light.png">
        <div class="tab-label">Lichten</div>
    </a>
    </li>
    <li class="tab-item">
    <a href="#">
        <img class="tab-icon" src="/static/alarm.png">
        <div class="tab-label">Alarm</div>
    </a>
    </li>
    <li class="tab-item">
    <a href="#">
        <img class="tab-icon" src="/static/power.png">
        <div class="tab-label">Stopcontacten</div>
    </a>
    </li>
    <li class="tab-item">
    <a href="#">
        <img class="tab-icon" src="/static/heating.png">
        <div class="tab-label">Verwarming</div>
    </a>
    </li>
</ul>
</nav>
    </body>
</html>

Use absolute links for images.
Use absolute links for images.

If we don't we'll end up looking for /lightgroup/static/...
