PageSourceSearch

https://tkcsystem.cz/televize

html tkcsystem.cz collected 2026-10-06 21:16:11 UTC 52,138 bytes, 960 lines download raw bytes

1<!DOCTYPE html>
2<html lang="cs">
3
4<head>
5  <meta charset="UTF-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content">
7
8  <title>Digitální televize Krnov – SledováníTV a Skylink, 170+ programů | TKC System</title>
9  <meta name="description"
10    content="Digitální televize v Krnově – více než 170 programů přes SledováníTV nebo Skylink Live TV. Autorizovaný prodejce. Bez satelitu, bez zbytečných poplatků. TKC System.">
11  <meta name="keywords"
12    content="digitální televize Krnov, IPTV Krnov, SledováníTV Krnov, Skylink Krnov, internetová televize Krnov, TKC System televize">
13  <meta name="robots" content="index, follow">
14  <meta name="author" content="TKC system s.r.o.">
15  <link rel="canonical" href="https://tkcsystem.cz/televize.html">
16
17  <!-- Open Graph -->
18  <meta property="og:type" content="website">
19  <meta property="og:url" content="https://tkcsystem.cz/televize.html">
20  <meta property="og:title" content="Digitální televize Krnov – SledováníTV a Skylink, 170+ programů | TKC System">
21  <meta property="og:description"
22    content="Digitální televize v Krnově – více než 170 programů přes SledováníTV nebo Skylink. Autorizovaný prodejce. Bez satelitu, bez zbytečných poplatků.">
23  <meta property="og:image" content="https://tkcsystem.cz/og-image.jpg">
24  <meta property="og:image:width" content="1200">
25  <meta property="og:image:height" content="630">
26  <meta property="og:locale" content="cs_CZ">
27  <meta property="og:site_name" content="TKC System">
28
29  <!-- Twitter Card -->
30  <meta name="twitter:card" content="summary_large_image">
31  <meta name="twitter:title" content="Digitální televize Krnov – 170+ programů | TKC System">
32  <meta name="twitter:description"
33    content="Digitální televize v Krnově přes SledováníTV nebo Skylink. Autorizovaný prodejce TKC System.">
34  <meta name="twitter:image" content="https://tkcsystem.cz/og-image.jpg">
35
36  <!-- Styly -->
37  <link rel="stylesheet" href="styleGlobal.css?v=12">
38  <link rel="stylesheet" href="styleInternet.css">
39  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
40
41  <!-- ELLITIE COOKIE BANNER -->
42  
42<script src="https://cdn.ellitie.com/ellitie.js" data-api-key="banner_7vgevyst3gdleqims6alf9" async></script>
42
43
44  <!-- JSON-LD: Service -->
45  
45<script type="application/ld+json">
46    {
47      "@context": "https://schema.org",
48      "@type": "Service",
49      "name": "Digitální televize – SledováníTV a Skylink",
50      "url": "https://tkcsystem.cz/televize.html",
51      "serviceType": "Televizní služby IPTV",
52      "description": "Nabídka moderní internetové televize v Krnově. Autorizovaný prodejce platforem SledováníTV a Skylink Live TV. Více než 170 programů bez satelitu.",
53      "areaServed": { "@type": "City", "name": "Krnov" },
54      "provider": {
55        "@type": "LocalBusiness",
56        "@id": "https://tkcsystem.cz/#organization",
57        "name": "TKC system s.r.o.",
58    "hasMap": "https://www.google.com/maps?cid=1343753388034510007",
59        "telephone": "+420554610915",
60        "image": "https://tkcsystem.cz/tkcLogo.png",
61        "address": {
62          "@type": "PostalAddress",
63          "streetAddress": "náměstí Minoritů 89/13",
64          "addressLocality": "Krnov",
65          "postalCode": "79401",
66          "addressCountry": "CZ"
67        }
68      },
69      "hasOfferCatalog": {
70        "@type": "OfferCatalog",
71        "name": "Nabízené TV platformy",
72        "itemListElement": [
73          {
74            "@type": "Offer",
75            "name": "SledováníTV",
76            "itemOffered": {
77              "@type": "Service",
78              "name": "SledováníTV",
79              "description": "Více než 170 kanálů, zpětné přehrávání až 7 dní a videotéka."
80            }
81          },
82          {
83            "@type": "Offer",
84            "name": "Skylink Live TV",
85            "itemOffered": {
86              "@type": "Service",
87              "name": "Skylink Live TV",
88              "description": "Internetová a satelitní televize s bohatou nabídkou filmů a seriálů."
89            }
90          }
91        ]
92      }
93    }
94    </script>
94
95
96  <!-- JSON-LD: BreadcrumbList -->
97  
97<script type="application/ld+json">
98    {
99      "@context": "https://schema.org",
100      "@type": "BreadcrumbList",
101      "itemListElement": [
102        { "@type": "ListItem", "position": 1, "name": "Domů",     "item": "https://tkcsystem.cz/" },
103        { "@type": "ListItem", "position": 2, "name": "Televize", "item": "https://tkcsystem.cz/televize.html" }
104      ]
105    }
106    </script>
106
107
108  <!-- Google Tag Manager -->
vendor: 66 bytes, lines 108-109
108
109  <script async src="https://www.googletagmanager.com/gtag/js?id=
109G-P862HMJE7S
vendor: 14 bytes, lines 109-110
109"></script>
110  
110<script>
111    
vendor: 142 bytes, lines 111-114
111window.dataLayer = window.dataLayer || [];
112    function gtag() { dataLayer.push(arguments); }
113    gtag('js', new Date());
114    gtag('config', '
114G-P862HMJE7S
vendor: 6 bytes, lines 114-115
114');
115  
115</script>
115
116
117  <!-- Microsoft Clarity -->
118  
118<script type="text/javascript">
119    (function (c, l, a, r, i, t, y) {
120      c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
121      t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
122      y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
123    })(window, document, "clarity", "script", "vnchuoyq8d");
124  </script>
124
125
126  <style>
127    .plugin-container {
128      padding: 40px 0;
129      min-height: 400px;
130    }
131
132    .page-title-simple {
133      padding: 60px 0 40px 0;
134      text-align: center;
135      background-color: #fff;
136    }
137
138    .page-title-simple h1 {
139      color: #333;
140      font-size: 3rem;
141      font-weight: 800;
142      text-transform: uppercase;
143      margin: 0;
144    }
145
146    @media (max-width: 991px) {
147      .top-bar a[href*="remotedesktop"] {
148        display: none !important;
149      }
150    }
151  </style>
152  
152<script src="https://cdn.tailwindcss.com"></script>
152
153  
153<script>
154    tailwind.config = {
155      corePlugins: {
156        preflight: false,
157        container: false,
158      }
159    }
160  </script>
160
161  <style>
162    #hamburger-btn {
163      -webkit-tap-highlight-color: transparent;
164      outline: none !important;
165    }
166  </style>
167</head>
168
169<body>
170
171  <!-- NAVIGACE TKC SYSTEM STARTS HERE -->
172  <header class="w-full relative z-50">
173    <!-- 1. HORNÍ LIŠTA (Top bar) - na mobilu skrytá -->
174    <div class="hidden lg:block bg-[#0f172a] text-[#cbd5e1] text-xs py-2 px-4 md:px-6 border-b border-slate-800/80">
175      <div class="max-w-7xl mx-auto flex items-center justify-between gap-4 font-medium">
176        <!-- Kontaktní údaje vlevo -->
177        <div class="hidden lg:flex items-center gap-4 xl:gap-5">
178          <a href="https://www.facebook.com/tkcsystem" target="_blank" rel="noopener noreferrer"
179            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 no-underline">
180            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
181              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
182              <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
183            </svg>
184            <span>facebook</span>
185          </a>
186          <a href="https://remotedesktop.google.com/u/1/support?pli=1" target="_blank" rel="noopener noreferrer"
187            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 no-underline">
188            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
189              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
190              <path d="M3 18v-6a9 9 0 0 1 18 0v6"></path>
191              <path
192                d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z">
193              </path>
194            </svg>
195            <span>Vzdálená podpora</span>
196          </a>
197          <a href="tel:+420554610915"
198            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 no-underline">
199            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
200              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
201              <path
202                d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
203              </path>
204            </svg>
205            <span>+420 554 610 915</span>
206          </a>
207          <a href="tel:+420773030031"
208            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 no-underline">
209            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
210              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
211              <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
212              <line x1="12" y1="18" x2="12.01" y2="18"></line>
213            </svg>
214            <span>Hotline +420 773 030 031</span>
215          </a>
216          <a href="mailto:[email protected]"
217            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 no-underline">
218            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
219              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
220              <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
221              <polyline points="22,6 12,13 2,6"></polyline>
222            </svg>
223            <span>Napsat e-mail</span>
224          </a>
225        </div>
226
227        <!-- Klientské odkazy vpravo -->
228        <div class="flex items-center justify-between w-full lg:w-auto lg:justify-end gap-3 sm:gap-4 md:gap-5">
229          <a href="https://www.tkcsystem.cz/mapa-pokryti.html"
230            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 font-semibold no-underline">
231            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
232              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
233              <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
234              <circle cx="12" cy="10" r="3"></circle>
235            </svg>
236            <span>Mapa pokrytí</span>
237          </a>
238          <a href="https://klient.tkcsystem.cz/"
239            class="flex items-center gap-1.5 hover:text-white transition-colors text-slate-300 font-semibold no-underline">
240            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
241              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
242              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
243              <circle cx="12" cy="7" r="4"></circle>
244            </svg>
245            <span>Klientská sekce</span>
246          </a>
247          <a href="https://shop.tkcsystem.cz/" target="_blank" rel="noopener noreferrer"
248            class="flex items-center gap-1.5 text-white font-extrabold hover:text-[#008be5] transition-colors no-underline">
249            <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
250              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
251              <circle cx="9" cy="21" r="1"></circle>
252              <circle cx="20" cy="21" r="1"></circle>
253              <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
254            </svg>
255            <span>E-shop</span>
256          </a>
257        </div>
258      </div>
259    </div>
260
261    <!-- 2. STICKY NAVIGAČNÍ MENU BAR -->
262    <nav class="bg-white border-b border-slate-100 shadow-sm sticky top-0">
263      <div class="max-w-7xl mx-auto px-4 md:px-6 py-4 flex justify-between items-center">
264        <!-- Logo -->
265        <div class="flex items-center">
266          <a href="https://www.tkcsystem.cz/" class="flex items-center group no-underline select-none">
267            <img src="tkcLogo.png" alt="TKC system"
268              class="h-[46px] md:h-[54px] w-auto transition-transform duration-300 group-hover:scale-[1.02] pointer-events-none select-none"
269              draggable="false">
270          </a>
271        </div>
272
273        <!-- Desktop links (na mobilu skryty) -->
274        <ul class="hidden lg:flex items-center gap-1 xl:gap-2.5 ml-auto list-none m-0 p-0">
275          <li><a href="https://www.tkcsystem.cz/internet.html"
276              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline">Internet</a>
277          </li>
278          <li><a href="https://www.tkcsystem.cz/televize.html"
279              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline">Televize</a>
280          </li>
281          <li><a href="https://www.tkcsystem.cz/telefon.html"
282              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline">Telefon</a>
283          </li>
284          <li><a href="https://www.tkcsystem.cz/pro-firmy.html"
285              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline">Pro
286              firmy</a></li>
287          <li><a href="https://www.tkcsystem.cz/servis.html"
288              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline">Servis</a>
289          </li>
290          <li><a href="https://www.tkcsystem.cz/novinky.html"
291              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline">Novinky</a>
292          </li>
293          <li><a href="https://www.tkcsystem.cz/kontakt.html"
294              class="px-2.5 xl:px-3 py-2 text-[13px] xl:text-[14px] font-bold text-[#003468] hover:text-[#008be5] tracking-wide transition-colors uppercase no-underline font-display">Kontakty</a>
295          </li>
296        </ul>
297
298        <!-- Mobilní hamburger tlačítko -->
299        <button id="hamburger-btn"
300          class="lg:hidden p-2 text-slate-700 hover:text-[#008be5] transition-colors ml-4 focus:outline-none focus:ring-0 outline-none border-none bg-transparent cursor-pointer"
301          aria-label="Menu">
302          <!-- Ikona Menu (Hamburger) -->
303          <svg id="menu-icon" class="w-[26px] h-[26px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"
304            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
305            <line x1="3" y1="12" x2="21" y2="12"></line>
306            <line x1="3" y1="6" x2="21" y2="6"></line>
307            <line x1="3" y1="18" x2="21" y2="18"></line>
308          </svg>
309          <!-- Ikona X (při otevření) -->
310          <svg id="close-icon" class="w-[26px] h-[26px] hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"
311            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
312            <line x1="18" y1="6" x2="6" y2="18"></line>
313            <line x1="6" y1="6" x2="18" y2="18"></line>
314          </svg>
315        </button>
316      </div>
317    </nav>
318
319    <!-- 3. MOBILNÍ RESPONSIVNÍ SIDEBAR - skrytý ve standardním stavu se CSS animací výšky -->
320    <div id="mobile-menu"
321      class="hidden lg:hidden w-full bg-white border-b border-slate-200 absolute top-full left-0 z-40 shadow-2xl overflow-y-auto max-h-[calc(100vh-80px)] transition-all duration-300 ease-in-out opacity-0">
322      <div class="px-4 py-2 space-y-2 flex flex-col gap-2">
323
324        <!-- Rychlé klientské zkratky dlaždice -->
325        <div class="grid grid-cols-3 gap-2 pb-2">
326          <a href="https://www.tkcsystem.cz/mapa-pokryti.html"
327            class="flex flex-col items-center justify-center py-1.5 px-2 bg-blue-50/50 hover:bg-blue-50 border border-blue-100/50 rounded-xl text-center transition-all no-underline group">
328            <svg class="w-5 h-5 text-[#008be5] mb-1.5 transition-transform group-hover:scale-110" fill="none"
329              stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
330              <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
331              <circle cx="12" cy="10" r="3"></circle>
332            </svg>
333            <span class="text-[10px] font-black text-[#003468] uppercase tracking-wider leading-tight">Pokrytí</span>
334          </a>
335          <a href="https://klient.tkcsystem.cz/"
336            class="flex flex-col items-center justify-center py-1.5 px-2 bg-blue-50/50 hover:bg-blue-50 border border-blue-100/50 rounded-xl text-center transition-all no-underline group">
337            <svg class="w-5 h-5 text-[#008be5] mb-1.5 transition-transform group-hover:scale-110" fill="none"
338              stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
339              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
340              <circle cx="12" cy="7" r="4"></circle>
341            </svg>
342            <span class="text-[10px] font-black text-[#003468] uppercase tracking-wider leading-tight">Klient</span>
343          </a>
344          <a href="https://shop.tkcsystem.cz/" target="_blank" rel="noopener"
345            class="flex flex-col items-center justify-center py-1.5 px-2 bg-blue-50/50 hover:bg-blue-50 border border-blue-100/50 rounded-xl text-center transition-all no-underline group">
346            <svg class="w-5 h-5 text-[#008be5] mb-1.5 transition-transform group-hover:scale-110" fill="none"
347              stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
348              <circle cx="9" cy="21" r="1"></circle>
349              <circle cx="20" cy="21" r="1"></circle>
350              <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
351            </svg>
352            <span class="text-[10px] font-black text-[#003468] uppercase tracking-wider leading-tight">E-shop</span>
353          </a>
354        </div>
355
356        <!-- Hlavní navigační odkazy s ikonami -->
357        <div class="space-y-1 flex flex-col gap-1">
358          <div class="text-[11px] font-black text-slate-400 uppercase tracking-widest px-1 pb-1">Služby & Sekce</div>
359
360          <a href="https://www.tkcsystem.cz/internet.html"
361            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
362            <div class="flex items-center gap-0">
363              <span>Internet</span>
364            </div>
365            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
366              fill="none" stroke="currentColor" stroke-width="2">
367              <polyline points="9 18 15 12 9 6"></polyline>
368            </svg>
369          </a>
370
371          <a href="https://www.tkcsystem.cz/televize.html"
372            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
373            <div class="flex items-center gap-0">
374              <span>Televize</span>
375            </div>
376            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
377              fill="none" stroke="currentColor" stroke-width="2">
378              <polyline points="9 18 15 12 9 6"></polyline>
379            </svg>
380          </a>
381
382          <a href="https://www.tkcsystem.cz/telefon.html"
383            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
384            <div class="flex items-center gap-0">
385              <span>Telefon</span>
386            </div>
387            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
388              fill="none" stroke="currentColor" stroke-width="2">
389              <polyline points="9 18 15 12 9 6"></polyline>
390            </svg>
391          </a>
392
393          <a href="https://www.tkcsystem.cz/pro-firmy.html"
394            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
395            <div class="flex items-center gap-0">
396              <span>Pro firmy</span>
397            </div>
398            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
399              fill="none" stroke="currentColor" stroke-width="2">
400              <polyline points="9 18 15 12 9 6"></polyline>
401            </svg>
402          </a>
403
404          <a href="https://www.tkcsystem.cz/servis.html"
405            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
406            <div class="flex items-center gap-0">
407              <span>Servis</span>
408            </div>
409            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
410              fill="none" stroke="currentColor" stroke-width="2">
411              <polyline points="9 18 15 12 9 6"></polyline>
412            </svg>
413          </a>
414
415          <a href="https://www.tkcsystem.cz/novinky.html"
416            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
417            <div class="flex items-center gap-0">
418              <span>Novinky</span>
419            </div>
420            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
421              fill="none" stroke="currentColor" stroke-width="2">
422              <polyline points="9 18 15 12 9 6"></polyline>
423            </svg>
424          </a>
425
426          <a href="https://www.tkcsystem.cz/kontakt.html"
427            class="flex justify-between items-center px-4 py-1.5 bg-[#eef2ff]/40 hover:bg-[#eef2ff]/70 border border-[#eef2ff]/20 rounded-xl text-[13px] font-semibold text-[#003468] hover:text-[#008be5] transition-colors uppercase no-underline group">
428            <div class="flex items-center gap-0">
429              <span>Kontakty</span>
430            </div>
431            <svg class="w-4 h-4 text-slate-400 group-hover:translate-x-0.5 transition-transform" viewBox="0 0 24 24"
432              fill="none" stroke="currentColor" stroke-width="2">
433              <polyline points="9 18 15 12 9 6"></polyline>
434            </svg>
435          </a>
436        </div>
437
438        <!-- Rychlé kontakty a podpora -->
439        <div class="pt-2 border-t border-slate-100 flex flex-col gap-2">
440          <div class="text-[11px] font-black text-slate-400 uppercase tracking-widest px-1">Rychlé Kontakty & Podpora
441          </div>
442
443          <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
444            <a href="tel:+420554610915"
445              class="flex items-center gap-2.5 px-3.5 py-1.5 bg-slate-50 border border-slate-100 rounded-xl text-xs font-bold text-slate-700 hover:bg-slate-100 transition-colors no-underline">
446              <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
447                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
448                <path
449                  d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
450                </path>
451              </svg>
452              <span>+420 554 610 915</span>
453            </a>
454            <a href="tel:+420773030031"
455              class="flex items-center gap-2.5 px-3.5 py-1.5 bg-slate-50 border border-slate-100 rounded-xl text-xs font-bold text-slate-700 hover:bg-slate-100 transition-colors no-underline">
456              <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
457                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
458                <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
459                <line x1="12" y1="18" x2="12.01" y2="18"></line>
460              </svg>
461              <span>Hotline +420 773 030 031</span>
462            </a>
463          </div>
464
465          <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
466            <a href="https://remotedesktop.google.com/u/1/support?pli=1" target="_blank" rel="noopener noreferrer"
467              class="flex items-center justify-center gap-2.5 px-3.5 py-1.5 bg-[#003468] hover:bg-[#00264d] text-white rounded-xl text-xs font-bold transition-colors no-underline">
468              <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
469                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
470                <path d="M3 18v-6a9 9 0 0 1 18 0v6"></path>
471                <path
472                  d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z">
473                </path>
474              </svg>
475              <span>Vzdálená podpora</span>
476            </a>
477            <a href="mailto:[email protected]"
478              class="flex items-center justify-center gap-2.5 px-3.5 py-1.5 bg-slate-50 hover:bg-slate-100 border border-slate-200 rounded-xl text-xs font-bold text-slate-700 hover:text-[#008be5] transition-colors no-underline">
479              <svg class="w-3.5 h-3.5 text-[#008be5]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
480                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
481                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
482                <polyline points="22,6 12,13 2,6"></polyline>
483              </svg>
484              <span>Napsat e-mail</span>
485            </a>
486          </div>
487        </div>
488      </div>
489    </div>
490  </header>
491
492  
492<script>
493    // JAVASCRIPT PRO OVLÁDÁNÍ HAMBURGER MENU
494    document.addEventListener('DOMContentLoaded', function () {
495      const btn = document.getElementById('hamburger-btn');
496      const menu = document.getElementById('mobile-menu');
497      const menuIcon = document.getElementById('menu-icon');
498      const closeIcon = document.getElementById('close-icon');
499
500      if (btn && menu) {
501        btn.addEventListener('click', function (e) {
502          e.stopPropagation();
503          const isOpen = !menu.classList.contains('hidden');
504
505          if (isOpen) {
506            // Zavřít menu
507            menu.style.opacity = '0';
508            setTimeout(() => {
509              menu.classList.add('hidden');
510            }, 150);
511            menuIcon.classList.remove('hidden');
512            closeIcon.classList.add('hidden');
513          } else {
514            // Otevřít menu
515            menu.classList.remove('hidden');
516            // Malý timeout pro spuštění přechodu opacity
517            setTimeout(() => {
518              menu.style.opacity = '1';
519            }, 10);
520            menuIcon.classList.add('hidden');
521            closeIcon.classList.remove('hidden');
522          }
523        });
524
525        // Zavření menu při kliknutí mimo něj
526        document.addEventListener('click', function (e) {
527          if (!menu.classList.contains('hidden') && !menu.contains(e.target) && !btn.contains(e.target)) {
528            menu.style.opacity = '0';
529            setTimeout(() => {
530              menu.classList.add('hidden');
531            }, 150);
532            menuIcon.classList.remove('hidden');
533            closeIcon.classList.add('hidden');
534          }
535        });
536      }
537    });
538  </script>
538
539  <!-- NAVIGACE TKC SYSTEM ENDS HERE -->
540
541  <div class="container page-title-simple">
542    <h1>TELEVIZE</h1>
543  </div>
544
545  <div class="container page-tabs-wrapper">
546    <div class="page-tabs">
547      <button class="tab-btn active" onclick="openTab(event, 'sledovanitv')">Sledování TV</button>
548      <button class="tab-btn" onclick="openTab(event, 'skylink')">SKYLINK</button>
549    </div>
550  </div>
551
552  <div id="sledovanitv" class="tab-content active-content">
553    <div class="container plugin-container">
554      <div id="m-plugin"></div>
555      
555<script id="m-plugin-loader" async defer
556        src="https://plugin.sledovanitv.cz/plugin.js?id=m-plugin&partner=tkcsystem&lang=cz"></script>
556
557    </div>
558  </div>
559
560  <div id="skylink" class="tab-content">
561    <div class="container-fluid plugin-container" style="width: 100%; max-width: 100%; padding: 0;">
562
563      <iframe id="skylink-isp-iframe"
564        src="https://old.skylink.cz/isp-iframe?h=4532343341413438343331353631303345333532453533453441313231463334"
565        width="100%" style="width:1px;min-width:100%;min-height:500px;border:none;"></iframe>
566      
566<script>!function (i) {
567          var s = "script", d = document, f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = !0, j.
568            src = "https://old.skylink.cz/isp-iframe/script.js", j.onload = function () { skylinkIspIframe(i) }, f.parentNode.insertBefore(j, f)
569        }("#skylink-isp-iframe");</script>
569
570    </div>
571
572
573    <footer class="bg-slate-950 text-slate-300 relative pt-12 font-sans border-none">
574      <!-- Skewed CTA top Callbox section -->
575      <div class="max-w-7xl mx-auto px-4 md:px-6 relative z-10 -mt-20 sm:-mt-22 md:-mt-24 mb-8">
576        <div class="skewed-phone-box py-4 md:py-6 px-4 md:px-10 max-w-2xl mx-auto">
577          <div class="skewed-phone-box-inner flex flex-col sm:flex-row items-center justify-between gap-4">
578            <div class="text-center sm:text-left">
579              <span class="text-[11px] font-extrabold text-blue-100 uppercase tracking-widest block opacity-90">
580                MÁTE DOTAZ? VOLEJTE:
581              </span>
582              <span class="text-sm md:text-base font-bold text-white mt-1 block">Zavolejte našim specialistům:</span>
583            </div>
584
585            <a href="tel:+420554610915"
586              class="bg-white hover:bg-slate-50 text-blue-700 font-semibold px-6 py-3 rounded-xl flex items-center gap-2.5 shadow-md transition-all text-sm md:text-base tracking-wide uppercase duration-300 transform hover:scale-105"
587              style="text-decoration: none;">
588              <svg class="animate-bounce" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
589                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
590                <path
591                  d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
592                </path>
593              </svg>
594              <span>+420 554 610 915</span>
595            </a>
596          </div>
597        </div>
598      </div>
599
600      <!-- Main Column navigation Grid container -->
601      <div class="max-w-7xl mx-auto px-4 md:px-6 pb-6 pt-4">
602        <div class="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8">
603
604          <!-- Column 1: Internet & TV -->
605          <div>
606            <h4 class="text-white font-extrabold text-xs md:text-sm uppercase tracking-wider mb-3 pl-3"
607              style="border-left: 4px solid #2563eb;">
608              Internet & TV
609            </h4>
610            <ul class="space-y-2 text-xs font-semibold list-none pl-0">
611              <li>
612                <a href="https://www.tkcsystem.cz/internet.html"
613                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
614                  Internet
615                </a>
616              </li>
617              <li>
618                <a href="https://www.tkcsystem.cz/televize.html"
619                  class="text-blue-400 hover:text-blue-300 transition-colors font-bold no-underline">
620                  Televize
621                </a>
622              </li>
623              <li>
624                <a href="https://www.tkcsystem.cz/telefon.html"
625                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
626                  Telefon
627                </a>
628              </li>
629            </ul>
630          </div>
631
632          <!-- Column 2: Další služby -->
633          <div>
634            <h4 class="text-white font-extrabold text-xs md:text-sm uppercase tracking-wider mb-3 pl-3"
635              style="border-left: 4px solid #2563eb;">
636              Další Služby
637            </h4>
638            <ul class="space-y-2 text-xs font-semibold list-none pl-0">
639              <li>
640                <a href="https://www.tkcsystem.cz/servis.html"
641                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
642                  Servis PC a techniky
643                </a>
644              </li>
645            <li>
646              <a href="https://www.tkcsystem.cz/eset.html"
647                class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
648                Zabezpečení ESET
649              </a>
650            </li>
651              <li>
652                <a href="https://shop.tkcsystem.cz/" target="_blank" rel="noopener noreferrer"
653                  class="text-slate-400 hover:text-white transition-colors decoration-transparent flex items-center gap-1 text-slate-300 no-underline">
654                  <span>E-shop</span>
655                  <svg width="11" height="11" class="text-slate-400" viewBox="0 0 24 24" fill="none"
656                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
657                    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
658                    <polyline points="15 3 21 3 21 9"></polyline>
659                    <line x1="10" y1="14" x2="21" y2="3"></line>
660                  </svg>
661                </a>
662              </li>
663              <li>
664                <a href="https://www.tkcsystem.cz/chatbot.html"
665                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
666                  Webové stránky & AI
667                </a>
668              </li>
669            </ul>
670          </div>
671
672          <!-- Column 3: Podpora -->
673          <div>
674            <h4 class="text-white font-extrabold text-xs md:text-sm uppercase tracking-wider mb-3 pl-3"
675              style="border-left: 4px solid #2563eb;">
676              Klientská Podpora
677            </h4>
678            <ul class="space-y-2 text-xs font-semibold list-none pl-0">
679              <li>
680                <a href="tel:+420773030031"
681                  class="text-amber-400 hover:text-amber-300 transition-colors decoration-transparent no-underline">
682                  Hotline +420 773 030 031
683                </a>
684              </li>
685              <li>
686                <a href="https://www.tkcsystem.cz/kontakt.html"
687                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
688                  Kontakty a prodejna
689                </a>
690              </li>
691              <li>
692                <a href="https://www.tkcsystem.cz/dokument.html"
693                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
694                  Dokumenty
695                </a>
696              </li>
697              <li>
698                <a href="https://www.tkcsystem.cz/mapa-pokryti.html"
699                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
700                  Mapa pokrytí
701                </a>
702              </li>
703              <li>
704                <a href="https://www.tkcsystem.cz/vyjadreni-k-existenci-siti.html"
705                  class="text-slate-400 hover:text-white transition-colors font-semibold no-underline">
706                  Vyjádření k existenci sítí
707                </a>
708              </li>
709            </ul>
710          </div>
711
712          <!-- Column 4: Adresa a prodejna -->
713          <div class="space-y-3">
714            <h4 class="text-white font-extrabold text-xs md:text-sm uppercase tracking-wider mb-3 pl-3"
715              style="border-left: 4px solid #2563eb;">
716              TKC system s.r.o.
717            </h4>
718
719            <address class="not-italic text-slate-400 text-xs leading-relaxed font-semibold">
720              <span class="text-white block font-bold mb-1">Prodejna Krnov</span>
721              náměstí Minoritů 89/13<br />
722              794 01 Krnov
723            </address>
724
725            <div class="text-[11px] leading-relaxed font-semibold text-slate-400">
726              <span class="text-white font-bold block mb-1">Otevírací doba prodejny:</span>
727              Po – Pá: 9:00 – 16:00<br />
728              So – Ne: Zavřeno
729            </div>
730
731            <div
732              class="flex flex-col gap-1.5 text-[11px] font-bold uppercase tracking-wider text-slate-500 pt-2 border-t border-slate-900">
733              <a href="https://www.tkcsystem.cz/dokument.html"
734                class="hover:text-blue-400 transition-colors pointer-events-auto text-slate-500 no-underline">
735                Obchodní podmínky
736              </a>
737              <a href="https://www.tkcsystem.cz/dokument.html"
738                class="hover:text-blue-400 transition-colors pointer-events-auto text-slate-500 no-underline">
739                Zásady ochrany osobních údajů
740              </a>
741            </div>
742          </div>
743
744        </div>
745
746        <!-- Horizontal Divider Line -->
747        <hr class="my-4 border-slate-900" />
748
749        <!-- Strong Partnership and Sponsors segment -->
750        <div class="flex flex-col md:flex-row items-center justify-between gap-6 pb-2">
751          <div class="text-center md:text-left shrink-0">
752            <span class="text-slate-500 text-[10px] font-extrabold tracking-widest uppercase block mb-1">Naše silná
753              partnerství:</span>
754            <span class="text-xs font-semibold text-slate-300 block">Služby TKC System podporují prověření lídři na
755              trhu</span>
756          </div>
757
758          <!-- Marquee lateral sliding animation from right to left -->
759          <div class="marquee-container w-full overflow-hidden flex items-center relative py-1">
760            <div
761              class="absolute left-0 top-0 bottom-0 w-12 bg-gradient-to-r from-slate-950 to-transparent z-10 pointer-events-none">
762            </div>
763            <div
764              class="absolute right-0 top-0 bottom-0 w-12 bg-gradient-to-l from-slate-950 to-transparent z-10 pointer-events-none">
765            </div>
766
767            <div class="animate-marquee flex gap-6">
768              <!-- Row 1 -->
769              <div
770                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
771                peering.cz</div>
772              <div
773                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
774                whalebone</div>
775              <div
776                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
777                ripe ncc</div>
778              <div
779                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
780                hewlett packard enterprise</div>
781              <div
782                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
783                peering.cz</div>
784              <div
785                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
786                whalebone</div>
787              <div
788                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
789                ripe ncc</div>
790              <div
791                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
792                hewlett packard enterprise</div>
793              <div
794                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
795                peering.cz</div>
796              <div
797                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
798                whalebone</div>
799              <div
800                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
801                ripe ncc</div>
802              <div
803                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
804                hewlett packard enterprise</div>
805              <div
806                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
807                peering.cz</div>
808              <div
809                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
810                whalebone</div>
811              <div
812                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
813                ripe ncc</div>
814              <div
815                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
816                hewlett packard enterprise</div>
817
818              <!-- Row 2 -->
819              <div
820                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
821                peering.cz</div>
822              <div
823                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
824                whalebone</div>
825              <div
826                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
827                ripe ncc</div>
828              <div
829                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
830                hewlett packard enterprise</div>
831              <div
832                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
833                peering.cz</div>
834              <div
835                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
836                whalebone</div>
837              <div
838                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
839                ripe ncc</div>
840              <div
841                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
842                hewlett packard enterprise</div>
843              <div
844                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
845                peering.cz</div>
846              <div
847                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
848                whalebone</div>
849              <div
850                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
851                ripe ncc</div>
852              <div
853                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
854                hewlett packard enterprise</div>
855              <div
856                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
857                peering.cz</div>
858              <div
859                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
860                whalebone</div>
861              <div
862                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
863                ripe ncc</div>
864              <div
865                class="h-10 px-4 rounded bg-slate-900 border border-slate-800/60 flex items-center justify-center font-bold text-xs tracking-wider text-slate-400 shadow-inner uppercase whitespace-nowrap shrink-0">
866                hewlett packard enterprise</div>
867            </div>
868          </div>
869        </div>
870
871      </div>
872
873      <!-- Footer Bottom copyright -->
874      <div class="bg-slate-950/70 border-t border-slate-900 py-6 px-4 md:px-6">
875        <div
876          class="max-w-7xl mx-auto flex flex-row items-center justify-between gap-4 text-xs font-semibold text-slate-500">
877          <p class="text-left py-1 leading-normal flex-1 m-0">© 2026 TKC system s.r.o. Všechna práva vyhrazena. Webový
878            virtuální asistent.</p>
879          <button onclick="window.scrollTo({ top: 0, behavior: 'smooth' });" title="Skočit nahoru"
880            class="w-10 h-10 rounded-full bg-slate-900 hover:bg-blue-600 text-slate-400 hover:text-white flex items-center justify-center transition-all duration-300 cursor-pointer shadow-md transform hover:-translate-y-0.5 shrink-0 outline-none border-none">
881            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
882              stroke-linecap="round" stroke-linejoin="round">
883              <line x1="12" y1="19" x2="12" y2="5"></line>
884              <polyline points="5 12 12 5 19 12"></polyline>
885            </svg>
886          </button>
887        </div>
888      </div>
889    </footer>
890
891
892
893    <!-- KONEC CHAT S LENKOU -->
894
895    
895<script src="script.js"></script>
895
896
897
898    <!-- TKC Asistentka Lenka - Chat Widget -->
899    <iframe id="tkc-chat-widget" src="https://tkc-asistentka-lenka-177535920360.europe-west3.run.app/?v=7"
900      style="position: fixed; bottom: 10px; right: 10px; width: 120px; height: 120px; border: none; z-index: 2147483647; background: transparent; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);"
901      allow="microphone"></iframe>
902
903    
903<script>
904      window.addEventListener('message', function (event) {
905        // Ověření, že zpráva pochází z našeho cloudu
906        if (event.origin !== 'https://tkc-asistentka-lenka-177535920360.europe-west3.run.app') return;
907
908        if (event.data && event.data.type === 'CHAT_WIDGET_STATE') {
909          const widget = document.getElementById('tkc-chat-widget');
910          if (!widget) return;
911
912          const isMobile = window.innerWidth <= 640;
913
914          if (event.data.minimized) {
915            // ZAVŘENÝ CHAT
916            widget.style.borderRadius = '0';
917            if (event.data.showSpeechBubble) {
918              // Otevřená uvítací bublina s textem
919              widget.style.width = isMobile ? '320px' : '380px';
920              widget.style.height = '300px';
921              widget.style.bottom = '10px';
922              widget.style.right = '10px';
923            } else {
924              // Jen samotná kulatá ikona
925              widget.style.width = '120px';
926              widget.style.height = '120px';
927              widget.style.bottom = '10px';
928              widget.style.right = '10px';
929            }
930          } else {
931            // OTEVŘENÝ CHAT
932            if (isMobile) {
933              // Na telefonech přes celou obrazovku
934              widget.style.width = '100vw';
935              widget.style.height = '100dvh';
936              widget.style.bottom = '0';
937              widget.style.right = '0';
938              widget.style.borderRadius = '0';
939            } else {
940              // Na PC jako velký panel
941              widget.style.width = '420px';
942              widget.style.height = '720px';
943              widget.style.bottom = '20px';
944              widget.style.right = '20px';
945              widget.style.borderRadius = '24px';
946            }
947          }
948        }
949      });
950
951      function toggleSideChat() {
952        const widget = document.getElementById('tkc-chat-widget');
953        if (widget && widget.contentWindow) {
954          widget.contentWindow.postMessage({ type: 'TOGGLE_CHAT' }, '*');
955        }
956      }
957    </script>
957
958</body>
959
960</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.