<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style/main.css">
    <title>Hiajens Infrastructure</title>
</head>
<body style="background-color: #002b36">

<div id="main-container">
    <div id="head-container">
        <h1>Hiajens Infrastructure</h1>
        <h2>>> Services <<</h2>
    </div>
    <div class="clearfix" id="wrapper-container">
        <div id="left-container">
            <ul class="menu">
                <li><a href="index.html">Start</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="kontakt.html">Kontakt</a></li>
                <li><a href="https://www.hiajen.de" target="_blank">Hiajen</a></li>
                <li><a href="https://peer.tube/videos/watch/9925b324-648f-4490-94cc-195c5f19f332?autoplay=1" target="_blank"> do not click</a></li>
            </ul>
        </div>
        <div id="right-container" >
            <p>
            Hier eine Liste der Anwendungen die ich hoste. Wenn du Zugriff auf eine dieser haben möchtest, komm bitte auf mich zu!
            </p>
            <hr style="margin-top: 35px; color: #002b36">
            <p>
                <b><a href="https://account.hiajen.de" target="_blank">Accountverwaltung (LDAP):</a></b>
                Hier kannst du deinen Account verwalten, sobald du einen besitzt.
            </p>
            <p>
                <b><a href="https://bbb.hiajen.de" target="_blank">BigBlueButton:</a></b>
                OpenSource Videokonferenz-Tool
            </p>
            <p>
                <b><a href="https://git.hiajen.de" target="_blank">GIT (GitBucket):</a></b>
                OpenSource Versionsverwaltungstool für deinen Quellcode
            </p>
            <p>
                <b>Matrix:</b>
                OpenSource Messenging-Protokoll, zur Nutzung empfehle ich den Client <a href="https://element.io/" target="_blank">Element</a>. Die Home-Server URL lautet: <i>matrix.hiajen.de</i>
            </p>
            <p>Matrix-Bots via: <a href="https://matrix.hiajen.de/_maubot/maubot" target="_blank">MauBot</a></p>
            <p>
                <b><a href="https://cryptpad.hiajen.de/" target="_blank">CryptPad:</a></b>
                OpenSource online Tool zur kollaborativen Zusammenarbeit
            </p>
            <p>
                <b><a href="https://cloud.hiajen.de" target="_blank">Cloud (NextCloud):</a></b>
                OpenSource Cloud-Speicher
            </p>
        </div>
    </div>
    <div id="footer-container">
        <marquee DIRECTION=left>CYBER CYBER CYBER</marquee>
    </div>
</div>
</body>
</html>