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

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Projekty na blogu Lukáše Kaňky" />
    <meta name="keywords" content="Projekty, Front-End" />
    <meta name="author" content="Lukáš Kaňka" />
    <link rel="shortcut icon" href="obrazky/tux.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type='text/css' rel='stylesheet' href='styly.css'>
    <title>Mé projekty</title>
</head>

<body>

    <div class="flexbox-project">
        <h1 class="h1pr">Mé projekty</h1>
        <hr />
        <div class="menu-project">
            <center>
                <ul class="dot" class="dot.pr">
                    <li>
                        <a href="index.html">Domů</a>
                    </li>
                    <!-- <li>
                        <a class="button" href="podpora.html">Podpora</a>
                    </li>
                    <li>
                        <a class="button" href="mapa-webu.html">Mapa webu</a>
                    </li> -->
                    <li>
                        <a href="privaci-polici.html">Zásady o ochraně osobních dat</a>
                    </li>
                </ul>
            </center>
        </div>
        <hr />



        <div class="content-pr">
            <h2>
                Vítám tě na této stránce, která slouží jako mapa pro mé projekty.
            </h2>
            <p>
                Zde najtete projekty věnující se k tvorbě webu a hlavně mou cestu Akademií Engeto.
            </p>
            <p>
                Všechny projekty jsou vytvořeny v HTML, CSS a strochou JavaScriptu. Ale určitě jsem přidám i další
                projekty, které tvořím mimo Akademii.</p>
            <p>
                Projekty které se netýkají tworby webu, najdete na mém GitHubu přes tento odkaz na <a
                    href="https://github.com/LukasKanka>">GitHub</a>.
            </p>
            <p>
                U každého projektu najdete popis a odkaz na něj. Buď na GitHub nebo na stránky, kde je projekt umístěn.
            </p>
        </div>

        <div class="project">
            <div class="pr1">
                <h2>Projekt 1: Tento Blog</h2>
                <p>
                    Tento projekt je vytvořen mimo Akademii Engeto. Je to můj osobní blog, který postupně vylepšuji.
                    Tato stránka slouží čistě jako má prezentace.</p>
                <p>
                    Postupně jsem přidávám své znolosti z Flexboxu, CSS a také se snažím aby web byl co nejlépe
                    responzivní. Tento projekt je nekončicí koloběh.
                </p>
                <p>
                    Odkaz na hlavní stranu je <a href="https://lukaskanka.cz">Lukáš Bloguje</a>
                </p>
                </p>
                <p>
                    <!-- <a href=" -->
            </div>

            <div class="pr2">
                <h2>Projekt 2: Životopis</h2>
                <p>
                    Tento projekt je jako první úkol v Akademii.</p>
                <p>Zadání bylo vytvořit jednoduchý životpis na procvičení základů HTML a CSS. Později jsem ještě pomocí
                    CSS nastavil v úkolu responsivní web pro mobilní zařízení.</p>
                </p>
                <p>Projekt Životopis najdete <a target="_blank" href="zivotopis.html">zde.</a></p>
            </div>
            <div class="pr3">
                <h2>Projekt 3: Karta produktu</h2>
                <p>Karta produktu. Na tomto projektu jsme se naučily pozicování elementu a pojmy jako Margin a Padding.
                </p>
                <p>Projekt Karta produkdu najdete <a target="_blank" href="karta-produktu.html">zde</a></p>
            </div>

            <div class="pr4">
                <h2>Projekt 4: Nature and Culture</h2>
                <p>Tento projekt je zaměřen na responsivitu webu pro mobilní zařízení a také jsme použily porvé Flexbox.
                </p>
                <p>Projekt Nature and Culture najdete <a target="_blank" href="nature-and-culture.html">zde</a></p>

            </div>
        </div>
    </div>

    <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>

</html>