 <!DOCTYPE html>
<html lang="cs">
<head>
        <meta charset="UTF-8">
         <title>Samosluha - Vaše pohodlné dobíjení mobilu online</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Samosluha nabízí snadné a rychlé dobíjení mobilních telefonů online. Užijte si pohodlí a bezpečnost při dobíjení vašeho mobilu kdykoliv a kdekoliv.">
        <meta keywords="description" content="mobilní dobíjení, online dobíjení, samoobsluha dobíjení, mobilní top-up, online top-up, dobíjení mobilu, samoobsluha mobilní dobíjení">
        <meta name="author" content="Samosluha">
        <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<nav class="text-gray-700 body-font border-b border-gray-200">
    <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
        <a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0" href="/#home">
            <span class="ml-3 text-xl">Samosluha</span>
        </a>
        <nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
            <a class="mr-5 hover:text-gray-900" href="/#home">Domů </a>
            <a class="mr-5 hover:text-gray-900" href="/#features">Funkce</a>
            <a class="mr-5 hover:text-gray-900" href="/#services">Služby</a>
            <a class="mr-5 hover:text-gray-900" href="/#team">Náš tým</a>
            <a class="mr-5 hover:text-gray-900" href="/#about">O nás</a>
            <a class="mr-5 hover:text-gray-900" href="/#contact">Kontakt</a>
        </nav>
    </div>
</nav><section id="about" class="text-gray-600 body-font"  data-aos="fade-up" data-aos-delay="100">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-20">
            <h5 class="text-lg text-green-500 tracking-widest font-medium title-font mb-6">
                Samosluha</h5>
            <h3 class="flex-grow  text-4xl  lg:text-4xl font-black title-font text-center mx-auto text-gray-900 mb-10">
            Děkujeme za přihlášení!</h3>
            <p class="lg:w-2/3 mx-auto leading-relaxed text-base text-xl">Jsme nadšeni, že vás máme na palubě! Sledujte nejnovější aktualizace, tipy a exkluzivní obsah, který vám bude doručován přímo do vaší schránky.</p>
        </div>
    </div>
</section>
<section class="pb-40">
    <footer class="flex justify-center px-4 text-gray-100 bg-white  pt-8 pb-16">
        <div class="container py-6 lg:py-10">
            <h6
                class="text-center font-bold md:w-1/2 mx-auto sm:w-full text-4xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500 dark:text-white dark:text-white">
                Připojte se k nám a začněte dobíjet snadno a rychle.</h6>

            <div class="flex justify-center mt-8">
                <div class="bg-white rounded-full p-1  ">
                    <div class="flex md:flex-wrap justify-between md:flex-row">
                        <input type="email"
                            class="rounded-full m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none"
                            placeholder="Enter your email">
                        <button
                            class="w-full m-1 p-2 px-5 text-sm bg-gray-800 rounded-full font-semibold uppercase lg:w-auto bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900">
                            Připojit se</button>
                    </div>
                </div>
            </div>

            <hr class="h-px mt-6 bg-gray-700 border-none">

            <div class="flex flex-col items-center justify-between mt-6 md:flex-row">
                <div>
                    <a href="#"
                        class="text-3xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500 dark:text-white dark:text-white">
                        Samosluha</a>
                    <address class="mt-6 text-black">
                        Václavské náměstí 123, 110 00 Praha 1
                    </address>
                    <hr class="mt-4 mb-2 border-none">
                    <p class="text-black"> +420 123 456 789</p>
                </div>
                <div class="flex mt-4 md:m-0">
                    <div class="-mx-4">
                        <a href="about.php" class="px-4 text-sm text-black">O nás</a>
                        <a href="product.php" class="px-4 text-sm text-black">Produkt</a>
                        <a href="services.php" class="px-4 text-sm text-black">Služby</a>
                        <a href="policy.php" class="px-4 text-sm text-black">Privacy Policy</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</section>
<div id="CookieBanner" class="cookie-banner js-cookie-banner">
    <p>
        Používáme cookies, abychom zajistili, že na našich webových stránkách získáte nejlepší zážitek.  <a href="policy.php">Zjistit více</a>.
    </p>
    <button class="cookie-btn">Zavřít</button>
</div>

 
<!-- jQuery is required -->
<script type="text/javascript" src="assets/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="assets/js/aos.js"></script>
<script type="text/javascript" src="assets/js/slick.min.js"></script>
<script type="text/javascript" src="assets/js/cookiealert.js"></script>
<script type="text/javascript" src="assets/js/appphp.js"></script>


</body>
</html>
