    <!--
    Seite: Informatik
    Inhalt: Eine Übersicht über alle Beiträge zum Fach
-->
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
</head>

<body>

    <nav style="background:#808080; height: 60px;">
            <div style="float:left; text-align: center;">
                <a href="../index.php">
        	        <img src="../images/logos/logo.png" alt="" style="height: 44px;">
        	    </a>
            |
        	<a href = "informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>

        	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>

    <main>

        <h1>Informatik</h1>

        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
            sea takimata sanctus est Lorem ipsum dolor sit amet.
        </p>
        <h2>Artikel:</h2>
        <div>
            <a href="../articles/datenschutz.php">Datenschutz vs. Datensicherheit</a>
        </div>
    </main>

    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
</body>

</html>