 <!DOCTYPE html>
<html lang="cs">
<head>
        <meta charset="UTF-8">
         <title>Smbluha - Rychlé a snadné dobíjení mobilu online</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Smbluha nabízí rychlé a snadné online dobíjení mobilu. Užijte si pohodlí a efektivitu s našimi samoobslužnými službami.">
        <meta keywords="description" content="dobíjení samoobsluha, mobilní dobíjení, online dobíjení, rychlé dobíjení, snadné dobíjení, mobilní samoobsluha, online mobilní dobíjení">
        <meta name="author" content="Smbluha">
        <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">Smbluha</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="services" class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col">
            <div class="h-1 bg-gray-200 rounded overflow-hidden">
                <div class="w-24 h-full bg-green-500"></div>
            </div>
            <div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
                <h1 class="flex-grow sm:pr-16 text-5xl font-black title-font text-gray-900 mb-6">Služby</h1>
                <p class="sm:w-3/5 leading-relaxed text-base text-2xl sm:pl-10 pl-0 align-center justify-center"> Nabízíme širokou škálu služeb, které vám usnadní život a zajistí, že budete vždy ve spojení.</p>
            </div>
        </div>
        <div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Online dobíjení" class="object-cover object-center h-full w-full"
                        src="images/image2.png">
                </div>
                <h2 class="text-xl font-medium title-font text-gray-900 mt-5">Online dobíjení</h2>
                <p class="text-base leading-relaxed mt-2">Rychlé a snadné dobíjení vašeho mobilu přímo z pohodlí domova.</p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Podpora zákazníků" class="object-cover object-center h-full w-full"
                        src="images/image8.png">
                </div>
                <h2 class="text-xl font-medium title-font text-gray-900 mt-5">Podpora zákazníků</h2>
                <p class="text-base leading-relaxed mt-2">Naše zákaznická podpora je k dispozici 24/7, aby vám pomohla s jakýmikoli dotazy.

                </p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Bezpečné platby" class="object-cover object-center h-full w-full"
                        src="images/image11.png">
                </div>
                <h2 class="text-xl font-medium title-font text-gray-900 mt-5">Bezpečné platby</h2>
                <p class="text-base leading-relaxed mt-2">Zajišťujeme bezpečné a spolehlivé platby pro všechny naše služby.

                </p>

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

</section>
<section id="services" class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col">
            <div class="h-1 bg-gray-200 rounded overflow-hidden">
                <div class="w-24 h-full bg-green-500"></div>
            </div>
            <div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
                <h1 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-900 mb-6">Služby</h1>
                <p class="sm:w-3/5 leading-relaxed text-base text-2xl sm:pl-10 pl-0 align-center justify-center"> Nabízíme širokou škálu služeb, které vám usnadní život a zajistí, že budete vždy ve spojení.</p>
            </div>
        </div>
        <div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Online dobíjení" class="object-cover object-center h-full w-full"
                        src="images/image2.png">
                </div>
                <h3 class="text-3xl  mb-4 font-black mt-5">Online dobíjení</h3>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Rychlé a snadné dobíjení vašeho mobilu přímo z pohodlí domova.</p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Podpora zákazníků" class="object-cover object-center h-full w-full"
                        src="images/image5.png">
                </div>
                <h2 class="text-3xl  mb-4 font-black mt-5">Podpora zákazníků</h2>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Naše zákaznická podpora je k dispozici 24/7, aby vám pomohla s jakýmikoli dotazy.

                </p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Bezpečné platby" class="object-cover object-center h-full w-full"
                        src="images/image3.png">
                </div>
                <h2 class="text-3xl  mb-4 font-black mt-5">Bezpečné platby</h2>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Zajišťujeme bezpečné a spolehlivé platby pro všechny naše služby.

                </p>

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

</section>
<section id="contact" class="text-gray-600 body-font relative">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-12">
            <h3 class="flex-grow  text-4xl  lg:text-4xl font-black title-font text-center mx-auto text-gray-900 mb-6">Pošlete nám zprávu</h3>
            <p class="lg:w-2/3 mx-auto leading-relaxed text-base text-xl mb-10">Máte dotazy nebo potřebujete pomoc? Kontaktujte nás!</p>
        </div>
        <div class="lg:w-1/2 md:w-2/3 mx-auto">


        <div class="flex flex-wrap -m-2">
            <form id="contactForm" class="w-full">
                <div class="p-2 w-1/2">
                    <div class="relative">
                        <label for="name" class="leading-relaxed text-base text-xl">Vaše jméno</label>
                        <input type="text" id="name" name="name"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                            placeholder="Vaše jméno">
                    </div>
                </div>
                <div class="p-2 w-1/2">
                    <div class="relative">
                        <label for="email" class="leading-relaxed text-base text-xl">Váš email</label>
                        <input type="email" id="email" name="email"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                            placeholder="Váš email">
                    </div>
                </div>
                <div class="p-2 w-full">
                    <div class="relative">
                        <label for="message" class="leading-relaxed text-base text-xl">Vaše zpráva</label>
                        <textarea id="message" name="message"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"
                            placeholder="Vaše zpráva"></textarea>
                    </div>
                </div>
                <div class="p-2 w-full">
                    <button type="submit"
                        class="flex mx-auto text-white bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900 border-0 py-2 px-8 focus:outline-none rounded text-lg">
                        Odeslat
                    </button>
                </div>
                <div class="p-2 w-full pt-8 mt-8 border-t border-gray-200 text-center">
                    <p class="leading-normal my-5 sm:w-full md:w-1/3 mx-auto">
                    <address class="mt-6 text-black">Václavské náměstí 123, 110 00 Praha 1, Česká republika</address>
                    </p>
                </div>
            </form>
        </div>


        </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!</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">
                        Smbluha</a>
                    <address class="mt-6 text-black">
                        Václavské náměstí 123, 110 00 Praha 1, Česká republika
                    </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šem webu 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>
