<!DOCTYPE html>
<html> 
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>SPORTS</title>
  <link rel="shortcut icon" type="image/x-icon" href="logo.png">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="https://denver1769.pages.dev/Player/content/css/style.css">
    <link rel="stylesheet" href="https://denver1769.pages.dev/Player/content/css/searchbox.css">
    <link rel="stylesheet" href="https://denver1769.pages.dev/Player/content/css/channels.css">
    <link rel="stylesheet" href="https://denver1769.pages.dev/Player/content/css/footer.css">
    <link rel="stylesheet" href="https://denver1769.pages.dev/Player/content/css/contact.css">
    <link rel="stylesheet" href="https://denver1769.pages.dev/Player/content/tools/tools.css">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">      
    <link rel="stylesheet" href="theme.css">
    	
  <script src="https://denver1769.pages.dev/Player/content/css/sh.js"></script>
  <style>body {background:black;}</style>  
  <script src="https://code.iconify.design/2/2.1.2/iconify.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/4.1.5/lazysizes.min.js"></script>
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script> 

</head>
<body>
	<script type="text/javascript">
$(function(){$('.df-hide').on('click',function(){$('.pixabin-float-telegram').fadeOut(170);});});
</script>
<script>
  window.onload = function() {
  var puURL = '#';
  var puTS = Math.round(+new Date()/1000);
  console.log('T.'+localStorage.puTS+'/'+puTS);
  if (typeof localStorage.puTS == 'undefined' || parseInt(localStorage.puTS) <= (puTS - 3600)) {
    var links = document.getElementsByTagName('a');
    for(var i = 0, len = links.length; i < len; i++) {
      links[i].onclick = function (e) {
        var puHref = this.getAttribute("href");
          var puTarget = this.getAttribute("target");
          if (puHref !== '#' && puHref !== 'javascript:void(0)') {
          e.preventDefault();    
          if (puTarget == '_blank') {
            window.open(window.location.href);
          }
          window.open(puHref);
          window.location.href = puURL;
          localStorage.puTS = puTS;
        }
      }
    }
  }
};
    function toggleDarkMode() {
			var body = document.body;
			body.classList.toggle("dark-mode");
		}
</script>

<div class="header">
            <div class="brand"><span><h3>KING</h3>&nbsp;<strong style="font-size: 13px; color: red;" >is</strong><strong style="font-size: 20px; color: red;">Alive</strong>
</span>
                <a id=""menu" href="#"> <img id="menuimg" src="https://denver1769.pages.dev/Player/content/img/app_logo/menu.png"> </a> </div>
           <div class="links" id="drop">
           	
           <a href="index.html" class="btn text-light">Home Page</a>

<a href="" target="_blank" class="btn text-light">Contact</a>

<a href="Copyright.html" target="_blank" class="btn text-light">Copyright</a>
                    
                    <button id="dark-mode-button">Theme Switch button
  <label class="switch" id="drop">
    <input type="checkbox" onclick="toggleDarkMode()">
    <span class="slider"></span>
  </label>
</button>

</div>
</div>


<div class="no-items section" id="search_top" name="Search (Top)"></div><input class="fin" placeholder="Search Channel here..." type="text"></center>
<div class="new">


<div class="tvv-item">
<a href="https://jc-red.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://raw.githubusercontent.com/ak-office/aklive2/main/images/jiocinema.gif" style="height: 90px">
<div class="card-">
<div class="tvv-name">JIO CINEMA</div>
</div>
</a>
</div>        

<div class="tvv-item">
<a href="https://jc-24.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://raw.githubusercontent.com/ak-office/aklive2/main/images/jiocinema.gif" style="height: 90px">
<div class="card-">
<div class="tvv-name">JIO CINEMA</div>
</div>
</a>
</div>        

		
<div class="tvv-item">
<a href="https://livecricketsrilanka.000.pe/cricket/astro.php" class="tvv-thumb">
<img class="lazyload" data-src="https://linear-poster.astro.com.my/prod/logo/Astro_Cricket_v1.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">ASTRO CRICKET</div>
</div>
</a>
</div>        



<div class="tvv-item">
<a href="https://astro-cricket-l.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://linear-poster.astro.com.my/prod/logo/Astro_Cricket_v1.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">ASTRO CRICKET</div>
</div>
</a>
</div>   
	

<div class="tvv-item">
<a href="https://livecricketsrilanka.000.pe/cricket/ss1hd.php" class="tvv-thumb">
<img class="lazyload" data-src="https://tatalogo.pages.dev/78.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">Star Sports 1 HD</div>
</div>
</a>
</div>

<div class="tvv-item">
<a href="https://ss-1-mauve.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://tatalogo.pages.dev/78.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">Star Sports 1 HD</div>
</div>
</a>
</div>

<div class="tvv-item">
<a href="https://livecricketsrilanka.000.pe/cricket/ss.php" class="tvv-thumb">
<img class="lazyload" data-src="https://tatalogo.pages.dev/235.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">Star Sports 2 HD</div>
</div>
</a>
</div>

<div class="tvv-item">
<a href="https://ss-2-hd.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://tatalogo.pages.dev/235.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">Star Sports 2 HD</div>
</div>
</a>
</div>


<div class="tvv-item">
<a href="https://spo-khaki.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://tatalogo.pages.dev/1033.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">Sports 18 - 1 HD</div>
</div>
</a>
</div>

<div class="tvv-item">
<a href="https://spo-18-sd.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src="https://tatalogo.pages.dev/980.png" style="height: 90px">
<div class="card-">
<div class="tvv-name">Sports 18 - 1</div>
</div>
</a>	
</div>	

	
<div class="tvv-item">	
<a href="https://livecricketsrilanka.000.pe/cricket/willow.php" class="tvv-thumb">
<img class="lazyload" data-src=" https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSk4YQu8Ezo5PtBv4cofFjBd_HIBcFwc7MOgg&usqp=CAU " style="height: 90px">
<div class="card-">
<div class="tvv-name">WILLOW</div>
</div>
</a>
</div>        

	
<div class="tvv-item">
<a href="https://will-vert.vercel.app/" class="tvv-thumb">
<img class="lazyload" data-src=" https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSk4YQu8Ezo5PtBv4cofFjBd_HIBcFwc7MOgg&usqp=CAU " style="height: 90px">
<div class="card-">
<div class="tvv-name">WILLOW</div>
</div>
</a>
</div>        



 
<br>
	<br>
		<br>
			<br>
				<br>
<script>
$(document).ready(function() { var dftr = $('select.dftr'), headerCount = $('#headerCount'); headerCount.html('select a filter or use search'); dftr.on('change', function() { dftr.attr('disabled', 'disabled'); var records = $('#tvvTable').find('.tvv-item'); records.hide(); var critriaAttributes = []; dftr.each(function() { var $this = $(this), $selectedLength = $this.find(':selected').length, $critriaAttribute = ''; if ($selectedLength > 0 && $this.val() != '0') { if ($selectedLength == 1) { $critriaAttribute += '[data-' + $this.data('attribute') + '*="' + $this.val() + '"]'; } else { var $startDataAttribute = '[data-' + $this.data('attribute') + '*="', $endDataAttribute = '"]', $selectedValues = $this.val().toString(); $critriaAttribute += $startDataAttribute + $selectedValues.replaceAll(',', ($endDataAttribute + ',' + $startDataAttribute)) + $endDataAttribute; } critriaAttributes.push($critriaAttribute); } }); var $showRecords = records; if (critriaAttributes.length > 0) { $.each(critriaAttributes, function(i, filterValue) { $showRecords = $showRecords.filter(filterValue); }); } $showRecords.show(); headerCount.html($showRecords.length + ' channels filtered'); dftr.removeAttr('disabled'); $(".fin").val(''); }); $(".fin").keyup(function() { var filter = $(this).val(), count = 0; $('select.dftr').prop('selectedIndex',0); $(".tvv-item").each(function() { if ($(this).text().search(new RegExp(filter, "i")) < 0) { $(this).fadeOut(); } else { $(this).show(); count++; } }); }); }); 
</script> 
</div>

<!-----------------------------FOOTER-------------------------->
<div class="footer bg-dark text-light">
  <span class="text-danger">KING</span> Ad-Free <span class="text-danger">SPORTS</span>
</div>

<!-- Compiled and minified JavaScript -->
  <script src="https://code.jquery.com/jquery-3.6.1.js" ></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
<script>
	$(document).ready(function(){
            $("#menuimg").click(function(){
               $("#drop").slideToggle("fast"); 
            });
        });
	</script>
    <script>
    // Function to fetch JSON data asynchronously
async function fetchData() {
    const response = await fetch('Category.json');
    const jsonData = await response.json();

    // Now you have your JSON data
    return jsonData;
}

// Function to change channel group
async function changeChannelGroup() {
    var selectedValue = $("#channel-dropdown").val();
    $(".tvv-item").hide();

    // Fetch JSON data
    const jsonData = await fetchData();

    // Filter the items based on JSON data
    for (var i = 0; i < jsonData.length; i++) {
        var item = jsonData[i];
        if (selectedValue === "All" || item.channel_genre === selectedValue) {
            $(".tvv-item:has(.tvv-name:contains('" + item.channel_name + "'))").show();
        }
    }
}

// Initial fetch when the page loads
fetchData();
</script>
<center>
</body>
</html>
