<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Search for Soti T You Dont Need JavaScript A Practical guidecss, Free Fast, Download. Torrent The RarBg</title>
        
        <!-- Preload critical resources -->
        <link rel="preload" href="/static/rarbg/css/index.css?v=1.06" as="style">
        <link rel="preload" href="/static/vendor/js/jquery.min.js?v=1.05" as="script">
        
        <link rel="preload" href="/static/rarbg/image/therarbg.svg?v=1.05" as="image">
        
        
        <!-- Critical CSS inlined to prevent render blocking -->
        <style>
            body{font:normal normal 400 8pt normal Tahoma,Verdana,Arial,Arial;background-color:black}
            .postBody{background-color:black}
            .postCont{background-color:white;display:inline-block;border-radius:5px;padding:15px;position:relative;text-align:center}
            a{color:#3760bb;text-decoration:none}
            button{background-color:#3760bb;color:white;border-radius:2px;cursor:pointer;height:35px;border:1px solid black;padding-left:5px;padding-right:5px}
            .logo{width:100px;height:auto}
        </style>
        
        <!-- Async CSS loading -->
        <link href="/static/vendor/css/bootstrap.min.css?v=1.05" rel="stylesheet">
        <link rel="stylesheet" href="/static/vendor/css/all.min.css?v=1.05" media="print" onload="this.media='all'">
        <link rel="stylesheet" type="text/css" href="/static/vendor/css/jquery.dataTables.min.css?v=1.05" media="print" onload="this.media='all'">
        <link rel="stylesheet" type="text/css" href="/static/rarbg/css/slick.css?v=1.06" media="print" onload="this.media='all'">
        <link rel="stylesheet" href="/static/rarbg/css/index.css?v=1.06" />
        <link rel="stylesheet" href="/static/rarbg/css/snow.css?v=1.06" media="print" onload="this.media='all'" />

        <meta name="description" content="Search The RarBg, Torrents, movies, download, music, games, free, XXX, Best Search, The RarBg Torrents, film, download">
        <meta name="keywords" content="Search, The RarBg, Torrents , film , download, The RarBg Torrents , Best Search, XXX, Alternative, film , download">
        <meta http-equiv="onion-location" content="http://therarbgscpvql6p2e3upz7xyqb4ornupyznim5rlriycjfvcwnz7ayd.onion">
        
        <!-- Favicon with explicit dimensions -->
        
        <link rel="icon" type="image/png" href="/static/rarbg/image/rbg.png?43858?v=1.05">
        <link href="/static/rarbg/image/rbg.png?43858?v=1.05" rel="apple-touch-icon" />
        
        
        <!-- Deferred JavaScript loading -->
        
        
        
        



        
        
    
    <!-- Tsgtd-->
<script type="text/javascript" data-cfasync="false">
/*<![CDATA[/* */
(function(){var h=window,t="e02ebb08893e8457e565f569efc04165",s=[["siteId",34-629*227+628+5427052],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false],["defaultPerDay",0],["topmostLayer","auto"]],c=["d3d3LmJldHRlcmFkc3lzdGVtLmNvbS90YndpcC1qcy1taW4uY3Nz","ZDJrazBvM2ZyN2VkMDEuY2xvdWRmcm9udC5uZXQvZUZRL2Nqcy1kYXRhLWxvY2FsZm9yYWdlLm1pbi5qcw==","d3d3Lml0eGlmb25lbWkuY29tL3Jid2lwLWpzLW1pbi5jc3M=","d3d3Lm9vb3F5ZmNudi5jb20vbi9tanMtZGF0YS1sb2NhbGZvcmFnZS5taW4uanM="],p=-1,n,j,v=function(){clearTimeout(j);p++;if(c[p]&&!(1806863592000<(new Date).getTime()&&1<p)){n=h.document.createElement("script");n.type="text/javascript";n.async=!0;var b=h.document.getElementsByTagName("script")[0];n.src="https://"+atob(c[p]);n.crossOrigin="anonymous";n.onerror=v;n.onload=function(){clearTimeout(j);h[t.slice(0,16)+t.slice(0,16)]||v()};j=setTimeout(v,5E3);b.parentNode.insertBefore(n,b)}};if(!h[t]){try{Object.freeze(h[t]=s)}catch(e){}v()}})();
/*]]>/* */
</script>
</head>
    <body class="postBody container">
    <!-- enable in christmas -->
    <!-- <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div>
    <div class="snowflake">❅</div>
    <div class="snowflake">❆</div> -->
     <div
          style="
            background-image: url(/static/rarbg/image/bknd_body.jpg?042148);
            background-repeat: repeat-x;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            will-change: transform;
          "
        ></div>
       

    

<body>
  <div class="topnav">
    
    <div >
      <a href="/"> 
        <img  class="logo" src="/static/rarbg/image/therarbg.svg?v=1.05" />
      </a>
   
    
    <a href="javascript:void(0);" class="icon showMob  d-block d-md-none" onclick="myFunction()">
      <i class="fa fa-bars"></i>
    </a>
    <div id="myLinks">
<button class="Home"  style="width:100%;"><a href="/"><i class="fas fa-house"></i> Home</a></button>
<button class="Movies" style="width:100%;"><a href="/get-posts/category:Movies:time:10D/"><i class="fa-solid fa-film"></i> Movies</a></button>
<!-- enable in christmas -->
<!-- <button class="Christmas" style="width:100%; background: #B11E31;"><a href="/catalog/movie/christmas/"><i class="fa-solid fa-tree"></i> X-mas</a></button> -->
<button class="TV" style="width:100%;"><a href="/get-posts/category:TV:time:10D/"><i class="fa-solid fa-tv"></i> TV</a></button>
<button class="Games" style="width:100%;"><a href="/get-posts/category:Games:time:10D/"><i class="fa-solid fa-gamepad"></i> Games</a></button>
<button class="Music" style="width:100%;"><a href="/get-posts/category:Music:time:10D/"><i class="fa-solid fa-music"></i> Music</a></button>
<button class="Anime" style="width:100%;"><a href="/get-posts/category:Anime:time:10D/"><i class="fa-solid fa-a"></i> Anime</a></button>
<button class="Apps" style="width:100%;"><a href="/get-posts/category:Apps:time:10D/"><i class="fa-brands fa-app-store-ios"></i> Apps</a></button>
<button class="Other" style="width:100%;"><a href="/get-posts/category:Other:time:10D/"><i class="fa-solid fa-box-open"></i> Other</a></button>
<button class="Books" style="width:100%;"><a href="/get-posts/category:Books:time:10D/"><i class="fa-solid fa-book"></i> Books</a></button>
<button class="XXX isXXX" style="width:100%;"><a href="/get-posts/category:XXX:time:6D/"><i class="fa-solid fa-x"></i> XXX</a></button>
<button class="Pages" style="width:100%;"><a href="/main-page-list/"><i class="fa-solid fa-ghost"></i> Pages</a></button>


</div>
    <div class="postContUp">
      <button id="logi-btn"  ><a href="/auth/login/"> Login</a></button>
      <button id="home-btn"><a href="/">Home</a></button>
      <button id="catalog-btn"><a href="/catalog/">Catalog</a></button>

      <button id="box-office-btn">
        <a href="/box-office/">Box Office</a>
      </button>

      <button id="latest-trailer-btn">
        <a href="/latest-trailer/">New Selection</a>
      </button>

      <button id="latest-100-m-btn">
        <a href="/get-posts/keywords:2160p:category:Movies:time:30D/">4K Movies</a>
      </button>
      <button id="latest-100-xxx-4k-btn" class="isXXX">
        <a href="/top/100/XXX/4K/">4K XXX</a>
      </button>
    </div>
  </div>

  

        
        


    

  

 



    
       
       
</body>

   
    <div class="row">
        <div class="leftNav d-none d-md-block col-md-3 col-lg-1">
        
<button class="Home"  style="width:100%;"><a href="/"><i class="fas fa-house"></i> Home</a></button>
<button class="Movies" style="width:100%;"><a href="/get-posts/category:Movies:time:10D/"><i class="fa-solid fa-film"></i> Movies</a></button>
<!-- enable in christmas -->
<!-- <button class="Christmas" style="width:100%; background: #B11E31;"><a href="/catalog/movie/christmas/"><i class="fa-solid fa-tree"></i> X-mas</a></button> -->
<button class="TV" style="width:100%;"><a href="/get-posts/category:TV:time:10D/"><i class="fa-solid fa-tv"></i> TV</a></button>
<button class="Games" style="width:100%;"><a href="/get-posts/category:Games:time:10D/"><i class="fa-solid fa-gamepad"></i> Games</a></button>
<button class="Music" style="width:100%;"><a href="/get-posts/category:Music:time:10D/"><i class="fa-solid fa-music"></i> Music</a></button>
<button class="Anime" style="width:100%;"><a href="/get-posts/category:Anime:time:10D/"><i class="fa-solid fa-a"></i> Anime</a></button>
<button class="Apps" style="width:100%;"><a href="/get-posts/category:Apps:time:10D/"><i class="fa-brands fa-app-store-ios"></i> Apps</a></button>
<button class="Other" style="width:100%;"><a href="/get-posts/category:Other:time:10D/"><i class="fa-solid fa-box-open"></i> Other</a></button>
<button class="Books" style="width:100%;"><a href="/get-posts/category:Books:time:10D/"><i class="fa-solid fa-book"></i> Books</a></button>
<button class="XXX isXXX" style="width:100%;"><a href="/get-posts/category:XXX:time:6D/"><i class="fa-solid fa-x"></i> XXX</a></button>
<button class="Pages" style="width:100%;"><a href="/main-page-list/"><i class="fa-solid fa-ghost"></i> Pages</a></button>



        </div>
      <div class="postCont col-12 col-md-9 col-lg-11">
       
       
        <!-- <h3><b>Recommended Torrents:</b></h3> -->
        
    <!-- movies slide -->
   
    <div class="banner-box movie" style="display:none">
        <div class="slider-wrapper">
            <!-- Animated content placeholder (skeleton loader) -->
            <div id="slider-placeholder" class="skeleton-slider-container">
                <!-- Generate 8 skeleton movie posters to match slidesToShow: 8 -->
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
                <div class="skeleton-movie-poster">
                    <div class="skeleton-poster-img pulse"></div>
                    <div class="skeleton-rating pulse green"></div>
                </div>
            </div>
            <!-- Actual slider -->
            <ul id="mySlides1" class="slider" style="opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0 10px;">
            
            </ul>
        </div>
    </div>
    
    <style>
        /* Skeleton loader styles */
        /* Green and yellow rating colors to match the actual content */
        .green {
            background-color: #5cb85c !important;
        }
        
        .yellow {
            background-color: #f0ad4e !important;
        }
        
        @keyframes pulse {
            0% { opacity: 0.6; }
            50% { opacity: 0.8; }
            100% { opacity: 0.6; }
        }
        
        .slider-wrapper {
            position: relative;
            height: 180px;
            width: 100%;
            overflow: visible; /* Changed from hidden to visible to show the frame */
            padding-bottom: 5px; /* Add padding to ensure frame is visible */
        }
        
        .skeleton-slider-container {
            display: flex;
            overflow-x: hidden;
            gap: 10px;
            height: 180px;
            width: 100%;
            padding: 0 10px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            transition: opacity 0.5s ease;
        }
        
        .skeleton-movie-poster {
            flex: 0 0 auto;
            width: calc(12.5% - 10px); /* 8 items per row (100/8) */
            height: 180px;
            position: relative;
        }
        
        .skeleton-poster-img {
            width: 100%;
            height: 180px;
            background-color: #e0e0e0;
            border-radius: 5px;
        }
        
        .skeleton-rating {
            position: absolute;
            bottom: 4px;
            left: 4px;
            width: 30px;
            height: 20px;
            background-color: #c0c0c0;
            border-radius: 3px;
            z-index: 3;
        }
        
        .pulse {
            animation: pulse 1.5s infinite ease-in-out;
        }
        
        /* Responsive adjustments */
        @media (max-width: 1024px) {
            .skeleton-movie-poster {
                width: calc(16.66% - 10px); /* 6 items per row */
            }
        }
        
        @media (max-width: 768px) {
            .skeleton-movie-poster {
                width: calc(25% - 10px); /* 4 items per row */
            }
        }
        
        /* Ensure consistent slider height */
        .banner-box.movie {
            min-height: 180px;
            position: relative;
            overflow: visible; /* Changed from hidden to visible to show the frame */
            padding-bottom: 5px; /* Add padding to ensure frame is visible */
        }
        
        /* Ensure slider images have consistent dimensions */
        .most-popular-poster img {
            height: 180px;
            width: auto;
            object-fit: cover;
        }
        
        /* Smooth transition for slider */
        .slider {
            transition: opacity 0.5s ease;
        }
    </style>

    


        <br /><br />

        <div class="row justify-content-md-center">
           
<div class="row" style="text-align: right;">
  <div class="form-check form-switch">
   <label class="form-check-label" for="adultContentToggle" style="margin-right: 10px;">XXX content<input class="form-check-input" type="checkbox" role="switch" onchange="{localStorage.setItem('adultContentToggle',this.checked);(this.checked?$('.isXXX').css?v=1.05('display', 'block'):$('.isXXX').css?v=1.05('display', 'none'))}" id="adultContentToggle" checked></label>
  </div>
 </div>
<div class="searchSec mb-4">
  <form action="/get-posts/" method="GET" id="form_search">
    <div class="search mb-3">
      <input name="keywords" id="keywords" type="text" class="searchTerm" value=""
        placeholder="Search title or IMDB ID like tt27932269 ..."
        onkeyup="fetchData(String(this.value).replaceAll(':',' ').replaceAll(',',' ').replaceAll('.',' ').replaceAll('[',' ').replaceAll(']',' ').replaceAll('(',' ').replaceAll(')',' '))"
        autocomplete="off" />
      <button type="submit" class="searchButton">
        <i class="fa fa-search sIcon" style="display: block"></i>
        <img width="12px" class="lIcon" style="display: none" src="/static/rarbg/image/loader.svg?v=1.05" />
      </button>
      <button id="filterBtn" class="closed filterButton"
        onclick="if(this.classList.contains('closed')){this.innerHTML='«';this.classList.remove('closed');this.classList.add('open');localStorage.setItem('filterBtn', 'open');this.parentElement.nextElementSibling.style.display='grid';}else{this.innerHTML='»';this.classList.remove('open');this.classList.add('closed');localStorage.setItem('filterBtn', 'close');this.parentElement.nextElementSibling.style.display='none';}return false;">
        »
      </button>
    </div>
    <div id="filterOption" style="display: none" class="filtOptn">
      <div>
        <input type="checkbox" name="Movies" id="radMovies" />
        <label for="radMovies" class="one">
          <a href="/get-posts/category:Movies:time:2D/">Movies</a>
        </label>
      </div>
      <div>
        <input type="checkbox" name="TV" id="radTV" />
        <label for="radTV" class="one">
          <a href="/get-posts/category:TV:time:2D/">TV-Shows</a>
        </label>
      </div>
      <div>
        <input type="checkbox" name="Games" id="radGames" />
        <label for="radGames" class="one">
          <a href="/get-posts/category:Games:time:2D/">Games</a>
        </label>
      </div>
      <div>
        <input type="checkbox" name="one" id="radMusic" />
        <label for="radMusic" class="one">
          <a href="/get-posts/category:Music:time:2D/">Music</a>
        </label>
      </div>
      <div>
        <input type="checkbox" name="Anime" id="radAnime" />
        <label for="radAnime" class="two">
          <a href="/get-posts/category:Anime:time:2D/">Anime</a>
        </label>
      </div>
      <div>
        <input type="checkbox" name="Apps" id="radApps" />
        <label for="radApps" class="two">
          <a href="/get-posts/category:Apps:time:2D/">Apps</a>
        </label>
      </div>
      <div>
        <input type="checkbox" id="radOther" name="Other" />
        <label for="radOther" class="two">
          <a href="/get-posts/category:Other:time:2D/">Other</a>
        </label>
      </div>
      <div>
        <input type="checkbox" name="XXX" id="radXXX" />
        <label for="radXXX" class="two">
          <a href="/get-posts/category:XXX:time:2D/">XXX</a>
        </label>
      </div>
      <div>
        <label for="sizeMin" class="two" style="position: relative;display: inline-flex;">
          <span style="position: absolute;top: 2px;left: 2px;color: #3760bb;"> Min</span>
          <input placeholder="size" type="number" name="size" id="sizeMin" style="width: 120px; padding: 0px 25px;">
          <span style="position: absolute;top: 2px;right: 4px;color: #3760bb;"> MB</span>
        </label> 
      </div>
      <div>
        <label for="sizeMax" class="two" style="position: relative;display: inline-flex;">
          <span style="position: absolute;top: 2px;left: 2px;color: #3760bb;"> Max</span>
          <input placeholder="size" type="number" name="size" id="sizeMax" style="width: 120px; padding: 0px 26px;">
          <span style="position: absolute;top: 2px;right: 4px;color: #3760bb;"> MB</span>
        </label> 
      </div>
    </div>
    <div style="margin-top: 10px;text-align: left;">
      <button class="filterButton" type="reset" onclick="{this.parentElement.parentElement.reset();localStorage.removeItem('checkedSearches')}">
        Reset
      </button>
    </div>
  </form>
  <div class="nav search-result-pop" id="search-suggest" style="display: none">
    <!-- <div
      class="loading-relative"
      id="search-loading"
      style="display: none"
      bis_skin_checked="1"
    >
      <div class="loading" bis_skin_checked="1">
        <div class="span1" bis_skin_checked="1"></div>
        <div class="span2" bis_skin_checked="1"></div>
        <div class="span3" bis_skin_checked="1"></div>
      </div>
    </div> -->
    <div class="result" id="searchList"></div>
  </div>
  
</div>

        </div>

        <div class="row justify-content-md-center mb-3">
          <!-- Tags -->

<div id="searchTags">
      <a href="/top/100/Movies/latest/"><span class='badge rounded-pill bg-info'>Latest 100 Movies</span></a>

      <a href="/trending/10/ALL/1D/"><span class='badge rounded-pill bg-danger'>Trending 10 in all category</span></a>
      <a href="/get-posts/keywords:2160p:category:Movies:time:60D/"><span class='badge rounded-pill bg-info'>4K Movies</span></a>
      <a href="/get-posts/keywords:Remux 2160p:category:Movies:time:60D/"><span class='badge rounded-pill bg-info'>Remux 4K Movies</span></a>
      <a href="/get-posts/keywords:1080p:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>1080p Movies</span></a>
      <a href="/get-posts/keywords:Remux 1080p:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>Remux 1080p Movies</span></a>
      <a href="/get-posts/keywords:720p:category:Movies:time:60D/"><span class='badge rounded-pill bg-info'>720p Movies</span></a>
      <a href="/get-posts/keywords:480p:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>480p Movies</span></a>
      <a href="/get-posts/keywords:x265:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>x265 Movies</span></a>
      <a href="/get-posts/keywords:Remux x265:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>Remux x265 Movies</span></a>
      <a href="/get-posts/keywords:x264:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>x264 Movies</span></a>
      <a href="/get-posts/keywords:Remux Bluray:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>Remux BluRay Movies</span></a>
      <a href="/get-posts/keywords:Bluray:category:Movies:time:60D/"><span class='m-1 badge rounded-pill bg-info'>BluRay Movies</span></a>
      <a href="/get-posts/keywords:60FPS/"><span class='m-1 badge rounded-pill bg-info'>60FPS</span></a>
      <a href="/trending/100/Movies/3D/"><span class='badge rounded-pill bg-danger'>Trending 100 Movies</span></a>

      <a href="/get-posts/keywords:ita 2160p:category:Movies/"><span class='badge rounded-pill bg-primary'>4K ITA Movies</span></a>
      <a href="/get-posts/keywords:ita 1080p:category:Movies/"><span class='m-1 badge rounded-pill bg-primary'>ITA 1080p Movies</span></a>
      <a href="/get-posts/keywords:ita 720p:category:Movies/"><span class='badge rounded-pill bg-primary'>ITA 720p Movies</span></a>
      <a href="/get-posts/keywords:ita 480p:category:Movies/"><span class='m-1 badge rounded-pill bg-primary'>ITA 480p Movies</span></a>

      <a href="/get-posts/keywords:evilangel:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>EvilAngel XXX</span></a>
      <a href="/get-posts/keywords:26 06 08:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>26 06 08 XXX</span></a>
      <a href="/get-posts/keywords:TonightsGirlfriend:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>TonightsGirlfriend XXX</span></a>
      <a href="/get-posts/keywords:blacked:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>blacked XXX</span></a>
      <a href="/get-posts/keywords:TushyRaw:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>TushyRaw XXX</span></a>
      <a href="/get-posts/keywords:Vixen:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>Vixen XXX</span></a>
      <a href="/trending/100/XXX/3D/"><span class='badge rounded-pill bg-danger'>Trending 100 XXX</span></a>

      <a href="/get-posts/keywords:2160p:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>4K XXX</span></a>
      <a href="/get-posts/keywords:1080p:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>1080p XXX</span></a>
      <a href="/get-posts/keywords:720p:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>720p XXX</span></a>
      <a href="/get-posts/keywords:480p:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>480p XXX</span></a>
      <a href="/get-posts/keywords:x265:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>x265 XXX</span></a>
      <a href="/get-posts/keywords:x264:category:XXX:time:60D/"><span class='m-1 badge rounded-pill bg-secondary'>x264 XXX</span></a>

      <a href="/get-posts/keywords:WWE:category:TV:time:90D/"><span class='m-1 badge rounded-pill bg-warning'>WWE TV Show</span></a>
      <a href="/get-posts/keywords:UFC:category:TV:time:90D/"><span class='m-1 badge rounded-pill bg-warning'>UFC TV Show</span></a>
      <a href="/get-posts/keywords:2160p:category:TV:time:60D/"><span class='m-1 badge rounded-pill bg-warning'>4K TV</span></a>
      <a href="/get-posts/keywords:1080p:category:TV/"><span class='m-1 badge rounded-pill bg-warning'>1080p TV</span></a>
      <a href="/get-posts/keywords:720p:category:TV:time:60D/"><span class='m-1 badge rounded-pill bg-warning'>720p TV</span></a>
      <a href="/get-posts/keywords:480p:category:TV:time:60D/"><span class='m-1 badge rounded-pill bg-warning'>480p TV</span></a>
      <a href="/get-posts/keywords:x265:category:TV:time:60D/"><span class='m-1 badge rounded-pill bg-warning'>x265 TV</span></a>
      <a href="/get-posts/keywords:x264:category:TV:time:60D/"><span class='m-1 badge rounded-pill bg-warning'>x264 TV</span></a>
      <a href="/get-posts/keywords:Bluray:category:TV:time:60D/"><span class='m-1 badge rounded-pill bg-warning'>BluRay TV</span></a>
      <a href="/trending/100/TV/3D/"><span class='badge rounded-pill bg-danger'>Trending 100 TV</span></a>

      <a href="/get-posts/keywords:FLAC:category:Music:time:60D/"><span class='m-1 badge rounded-pill bg-success'>FLAC Quality Music</span></a>
      <a href="/get-posts/keywords:320:category:Music:time:60D/"><span class='m-1 badge rounded-pill bg-success'>320kbps Music</span></a>
      <a href="/get-posts/keywords:pop:category:Music:time:60D/"><span class='m-1 badge rounded-pill bg-success'>POP Music</span></a>
      <a href="/trending/100/Music/3D/"><span class='badge rounded-pill bg-danger'>Trending 100 Music</span></a>
</div>

        </div>

        <div class="row justify-content-md-center">
          
    <!-- Recent searches section -->
    
    <div class="recent-search-wrapper">
        <div class="recent-search-container">
            <!-- Skeleton loader for recent searches -->
            <div id="recent-search-placeholder" style="display:none" class="skeleton-recent-search-container">
                <!-- Generate multiple skeleton recent search items -->
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
                <div class="skeleton-recent-search pulse"></div>
            </div>
            
            <!-- Actual recent search content (initially hidden) -->
            <div id="recentSearch" style="opacity: 0; width: 100%;"></div>
        </div>
    </div>
    
    <style>
        /* Skeleton loader styles for recent searches */
        @keyframes pulse {
            0% { opacity: 0.6; }
            50% { opacity: 0.8; }
            100% { opacity: 0.6; }
        }
        
        .recent-search-wrapper {
            position: relative;
            width: 100%;
            margin: 10px 0;
            overflow: visible;
            clear: both; /* Ensure it doesn't affect floating elements */
        }
        
        .recent-search-container {
            position: relative;
            width: 100%;
        }
        
        .skeleton-recent-search-container {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            width: 100%;
            padding: 5px;
            position: static;
            z-index: 2;
            transition: opacity 0.5s ease;
        }
        
        .skeleton-recent-search {
            flex: 0 0 auto;
            height: 14px;
            border-radius: 3px;
            background-color: #e0e0e0;
            margin: 5px;
            width: calc(16.66% - 10px);
        }
        
        /* Varying widths for more realistic appearance */
        .skeleton-recent-search:nth-child(odd) {
            width: calc(12% - 10px);
        }
        
        .skeleton-recent-search:nth-child(3n) {
            width: calc(20% - 10px);
        }
        
        .skeleton-recent-search:nth-child(5n) {
            width: calc(15% - 10px);
        }
        
        /* Mobile responsiveness */
        @media (max-width: 768px) {
            .skeleton-recent-search {
                width: calc(33.33% - 10px) !important;
            }
            
            .skeleton-recent-search:nth-child(odd),
            .skeleton-recent-search:nth-child(3n),
            .skeleton-recent-search:nth-child(5n) {
                width: calc(33.33% - 10px) !important;
            }
        }
        
        @media (max-width: 480px) {
            .skeleton-recent-search {
                width: calc(50% - 10px) !important;
            }
            
            .skeleton-recent-search:nth-child(odd),
            .skeleton-recent-search:nth-child(3n),
            .skeleton-recent-search:nth-child(5n) {
                width: calc(50% - 10px) !important;
            }
        }
        
        .pulse {
            animation: pulse 1.5s infinite ease-in-out;
        }
        
        /* Ensure smooth transition */
        #recentSearch {
            transition: opacity 0.5s ease;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        /* Fix for recent-search links in mobile */
        .recent-search {
            display: inline-block;
            margin: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }
        
        /* Additional mobile fixes */
        @media (max-width: 768px) {
            .recent-search-wrapper {
                padding: 0 10px;
            }
        }
    </style>
    

        </div>

        <br />
                


<div class="row">
  <nav>
    <ul class="pagination justify-content-center">
      <li class="page-item">
        
     
        
          
          <li class="page-item active">  <a class="page-link" href="?page=1&amp;">1</a>   </li>
          
        
   
    
        
     
    </ul>
  </nav>
</div>





        <br />
        <div class="row p-1">
          <div style="display:flex; justify-content:space-between; flex-wrap: wrap;">
            <input type="text" id="flist" onkeyup="filter_list2()" placeholder="Search table.." style="height:26px" >
            <div style="margin-top: 6px;">
              Quick Filters: <label title="720p"><input name="720p" id="f_720p" onclick="filter_list2();" type="checkbox">720p</label>&nbsp;&nbsp;<label title="1080p"><input name="1080p" id="f_1080p" onclick="filter_list2();" type="checkbox">1080p</label>&nbsp;&nbsp;<label title="2160p"><input name="2160p" id="f_2160p" onclick="filter_list2();" type="checkbox">2160p</label>&nbsp;&nbsp;<label title="x264"><input name="x264" id="f_x264" onclick="filter_list2();" type="checkbox">x264</label>&nbsp;&nbsp;<label title="h264"><input name="h264" id="f_h264" onclick="filter_list2();" type="checkbox">h264</label>&nbsp;&nbsp;<label title="x265"><input name="x265" id="f_x265" onclick="filter_list2();" type="checkbox">x265</label>&nbsp;&nbsp;<label title="h265"><input name="h265" id="f_h265" onclick="filter_list2();" type="checkbox">h265</label>&nbsp;&nbsp;<label title="WEBRip"><input name="webrip" id="f_webrip" onclick="filter_list2();" type="checkbox">WEBRip</label>&nbsp;&nbsp;<label title="BluRay"><input name="bluray" id="f_bluray" onclick="filter_list2();" type="checkbox">BluRay</label>&nbsp;&nbsp;<label title="HDR"><input name="hdr" id="f_hdr" onclick="filter_list2();" type="checkbox">HDR</label>&nbsp;&nbsp;<label title="HEVC"><input name="hevc" id="f_hevc" onclick="filter_list2();" type="checkbox">HEVC</label><ol id="torrents" class="view-single"></ol>
             </div>
             
            <form action="#" novalidate="true">
              <select class="form-select" style="background-color: #fff; color:#464646; width:163px" onchange="top.location.href=this.options[this.selectedIndex].value;" >
            <option   value="#" >All Categories</option>
            <option   value="/get-posts/category:Movies:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Movies Only</option>
            <option   value="/get-posts/category:TV:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">TV Only</option>
            <option   value="/get-posts/category:Games:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Games Only</option>
            <option   value="/get-posts/category:Music:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Music Only</option>
            <option   value="/get-posts/category:Apps:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Applications Only</option>
            <option   value="/get-posts/category:Documentaries:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Documentaries Only</option>
            <option   value="/get-posts/category:Anime:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Anime Only</option>
            <option   value="/get-posts/category:Other:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Other Only</option>
            <option   value="/get-posts/category:XXX:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">XXX Only</option>
            </select>
            </form>
            <form action="#" novalidate="true">
              <select class="form-select" style="background-color: #fff; color:#464646; width:163px" onchange="top.location.href=this.options[this.selectedIndex].value;" >
               <option   value="#">Sort by...</option>
               <option   value="/get-posts/order:-a:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Sort by Time</option>
               <option   value="/get-posts/order:-s:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Sort by Size</option>
               <option   value="/get-posts/order:-se:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Sort by Seeders</option>
               <option   value="/get-posts/order:-le:keywords:Soti T You Dont Need JavaScript A Practical guidecss/">Sort by Leechers</option>
               </select>
               </form>
              
          </div>
          
          <table class="sortableTable2 compact cell-border hover stripe" style="width:100%">
            <thead class="table1head">
              <th class="hideCell">C.</th>
              <th class="cellName">File</th>
              <th class="hideCell">Category</th>
              <th id="added" class="hideCell">Added</th>
              <th class="hideCell">Time Since</th>
              <th id="size">Size</th>
              <th id="seeders">S.</th>
              <th id="leechers">L.</th>
            </thead>
            <tbody>
              
              <tr class="list-entry">
                <td class="hideCell">
                  <img width="35" src="/static/rarbg/image/categories/cat_new7.gif"
                  />
                </td>
                <td class="cellName">
                  <div class="wrapper">
                    <a
                      href="/post-detail/827c2d/soti-t-you-don-t-need-javascript-a-practical-guide-css-2025/"
                      style="font-weight: 700"
                      >Soti T. You Don&#x27;t Need JavaScript. A Practical guide...css?v=1.05 2025</a> </a>
                    <span class="tooltip" id="fade">
                        <img class="lazyload" data-src="https://a.therarbg.com/np.jpg?042148" width="100px" alt="thumbnail"/></span>
                  </div>
                </td>
                <td class="hideCell">
                  <a
                    href="/get-posts/category:Books/"
                    style="font-weight: 700"
                  >
                    Books</a
                  >
                </td>
                <td class="hideCell" data-order="1762417000">
                  <div style="display: inline-block">
                    2025-11-06
                  </div>
                </td>
                <td class="hideCell" data-order="1762417000">
                  <div style="display: inline-block">
                    7 months
                  </div>
                </td>
                <td style="text-align: left;" class="sizeCell" data-order="12450499">11.9 MB</td>
                <td style="color: green">29</td>
                <td style="color: red">14</td>
              </tr>
              
            </tbody>
          </table>
              
              <div>
                Do you mean to search <a href="/get-posts/user:Soti T You Dont Need JavaScript A Practical guidecss/">user:Soti T You Dont Need JavaScript A Practical guidecss</a>
                </div>
              
        </div>

        <br />

                


<div class="row">
  <nav>
    <ul class="pagination justify-content-center">
      <li class="page-item">
        
     
        
          
          <li class="page-item active">  <a class="page-link" href="?page=1&amp;">1</a>   </li>
          
        
   
    
        
     
    </ul>
  </nav>
</div>




        <br />
        <br />
          

      </div>
        <div class="adCont row">
            <div class="me-auto text-center">
                

            <div>
        </div>
    </div>
    

       
       
       
       

            
        


    

  

 



    
       
       
</body>
       
       
        
       

            <footer class="row align-center">
                    <div style="text-align: center; color: white;margin-top: 20px;">
        <a
        class="anal tdlinkfull"
        href="/"
        target="_blank"
        style="color: white; text-decoration: underline"
        >Home</a
      >
      |
      <a
        class="anal tdlinkfull"
        href="/about-us/"
        style="color: white; text-decoration: underline"
        >About us</a
      >

      |
      <a
        class="anal tdlinkfull"
        href="/latest/rss/"
        target="_blank"
        style="color: white; text-decoration: underline"
        >RSS</a
      >
      


      
      |
      <a
        class="anal tdlinkfull"
        href="https://thepiratebay.unblockninja.st/"
        target="_blank"
        style="color: white; text-decoration: underline"
        >TPB Proxy</a
      >
      |
      <a
        class="anal tdlinkfull"
        href="https://rarbg.unblockninja.st/discord/"
        target="_blank"
        style="color: white; text-decoration: underline"
        >Discord</a
      >
      |
      <a
        class="anal tdlinkfull"
        href="https://www.reddit.com/r/TheRarBg/"
        target="_blank"
        style="color: white; text-decoration: underline"
        >Reddit</a
      >
      

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

    <div style="text-align: center; color: white; font-size: 11px;">
      Donation ETH Address: 0x5C8Ba662A48811B52D8A24074569A10B03245bf9
    </div>
    <br />
    <div style="text-align: center; color: white">
        <p> &copy; 2025 The RarBg. All rights reserved.</p>
    </div>

            </footer>
       
</html>