<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <link href="/css/style.css" rel="stylesheet">
    <title></title>
</head>

<body>
    <jl-header data-title="Jonas Leder"></jl-header>
    <div id="content">
        <div class="center">
            <img data-noPreview="true" id="homeImage" src="/img/bildHome.webp">
            <h2>&Uuml;ber mich</h2>
            <p class="left block">Hallo, mein Name ist Jonas Leder. Ich bin aktuell Auszubildender in Fachrichtung
                Fachinformatiker für Anwendungsentwicklung.</p>
            <p>
                <button onclick="window.location.href='about.html';">Mehr</button>
            </p>
            <div class="spacer"></div>

            <h2>Blog</h2>
            <jl-blog_index id="blog"></jl-blog_index>
            <jl-ebk-banner></jl-ebk-banner>
            <h2>Skills</h2>
            <jl-skills></jl-skills>
            <div class="banner">
                <h2>Banner</h2>
                <a href="https://ipv6.he.net" target="_blank"><img class="no-corner" data-noPreview="true"
                        src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></a>
                <a href="https://www.abuseipdb.com/user/45130" target="_blank"><img class="abuseIpImg no-corner"
                        data-noPreview="true" src="https://www.abuseipdb.com/contributor/45130.svg"></a>
            </div>
            <br>
            <br>
        </div>
    </div>
    <jl-footer></jl-footer>
    <script src="/js/script.js"></script>
</body>

</html>