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.