base.html

<!DOCTYPE html> {# HTML5 DOCTYPE declaration #}

{# https://stackoverflow.com/questions/14649798/what-is-lang-attribute-of-the-html-tag-used-for #}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="el" lang="el">
    <head>
        <meta charset="utf-8" />
        {# https://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do #}
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <title>
            {% block title %}
                SLUB - SoftLab UserBase
            {% endblock %}
        </title>

        {# https://docs.djangoproject.com/en/2.0/howto/static-files/ #}
        {% load static %}
        <base href="{% static '' %}" />

        {# https://en.wikipedia.org/wiki/Favicon #}
        {# https://stackoverflow.com/questions/44939439/can-one-large-size-favicon-serve-all-devices-and-browsers #}
        <link rel="shortcut icon" href="images/favicon.ico" />
        <link rel="apple-touch-icon" href="images/apple_touch_icon.png" />
        {# https://stackoverflow.com/questions/6887336/what-is-the-difference-between-normalize-css-and-reset-css #}
        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/normalize.css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="stylesheets/base.css" />

        {# https://www.w3schools.com/html/html5_browsers.asp #}
        <!--[if lt IE 9]>
            <script src="https://cdn.jsdelivr.net/npm/html5shiv/dist/html5shiv.min.js"></script>
        <![endif]-->
    </head>

    <body>
        <header id="ece_ntua_header" style="padding:0px;">
            <table>
                <tbody>
                    <tr>
                        <td style="width:250px;">
                            <img src="images/pyrforos.svg" alt="Προμηθέας Πυρφόρος" style="height:120px; width:120px;" />
                        </td>
                        <td>
                            <p><a href="https://www.ntua.gr/" target="_blank">Εθνικό Μετσόβιο Πολυτεχνείο</a></p>
                            <p>
                               <a href="https://www.ece.ntua.gr/" target="_blank">Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a>
                            </p>
                            <p><a href="http://www.cs.ntua.gr/" target="_blank">Τομέας Τεχνολογίας Πληροφορικής και Υπολογιστών</a></p>
                            <p><a href="http://www.softlab.ntua.gr/" target="_blank">Εργαστήριο Τεχνολογίας Λογισμικού</a></p>
                        </td>
                    </tr>
                </tbody>
            </table>
        </header>

        <header id="slub_header">
            <table>
                <tbody>
                    <tr>
                        <td style="width:250px;">
                            <strong>
                                <span style="color:red;">S</span>oft<span style="color:red;">L</span>ab
                                <span style="color:red;">U</span>ser<span style="color:red;">B</span>ase
                            </strong>
                        </td>
                        <td style="padding:0px 10px;">
                            Το <strong><span style="color:red;">SLUB</span></strong> είναι το σύστημα διαχείρισης και συσχέτισης <br />
                            λογαριασμών για τους χρήστες των πλατφορμών του SoftLab. <br />
                            Οι πλατφόρμες που διατίθενται μέσω του SoftLab είναι <br />
                                ο <a href="http://courses.softlab.ntua.gr/" target="_blank">Novice</a>,
                                o <a href="http://grader.softlab.ntua.gr/" target="_blank">Grader</a>,
                                το <a href="https://moodle.softlab.ntua.gr/" target="_blank">Moodle</a> και
                                ο <a href="http://plgrader.softlab.ntua.gr/" target="_blank">PLgrader</a>.
                        </td>
                    </tr>
                </tbody>
            </table>
        </header>

        <main>
            {% block content %}
                <p>Αυτή η ιστοσελίδα δεν έχει ακόμα περιεχόμενο!</p>
            {% endblock %}
        </main>

        <footer id="copyright_and_contact_footer">
            <table>
                <tbody>
                    <tr>
                        <td style="width:210px; padding-left:30px;">
                            <a href="https://git.softlab.ntua.gr/giorgkazelidis/userbase">
                                &#xA9; {% now 'Y' %} Γεώργιος Α. Καζελίδης για λογαριασμό του SoftLab
                            </a>
                        </td>
                        <td style="width:210px;">
                            <a href="mailto:webmaster@courses.softlab.ntua.gr">Επικοινωνία με Webmaster</a>
                        </td>
                        <td style="width:210px;">
                            Θερμές Ευχαριστίες σε <br />
                                <a href="https://www.djangoproject.com/" target="_blank">Django</a>,
                                <a href="https://www.mysql.com/" target="_blank">MySQL</a> και
                                <a href="https://httpd.apache.org/" target="_blank">Apache</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </footer>
    </body>
</html>