class Placeholder{
    setRecentSitesPlaceholder(){
        let placeholderUI='';
        for(let loopIndex=0;loopIndex<10;loopIndex++){
            placeholderUI +=`<div class="car-holder col-xs-12  col-sm-6 col-lg-4 mx-auto my-1 p-4"> 
                <div class="card "> 
                    <div class="card-content">
                        <div class="card-body ">
                            <table class="siteDetailCardTable placeholder-glow" style="width: 100%;">
                                <tbody>
                                    <tr><td style="font-weight: 600;">SiteId</td>
                                        <td class="placeholder w-25"></td>
                                    </tr>
                                    <tr><td style="font-weight: 600;width: 25%;">Site Name</td>
                                        <td class="placeholder w-50"></td>
                                    </tr>
                                    <tr><td style="font-weight: 600;">Site Lat-Long</td>
                                        <td class="placeholder"></td>
                                    </tr>
                                    <tr><td style="font-weight: 600;">Site District</td>
                                        <td class="placeholder w-75"></td>
                                    </tr>
                                    <tr><td style="font-weight: 600;">Site Circle</td>
                                        <td class="placeholder w-100"></td>
                                    </tr>
                                </tbody>
                            </table>
                         </div>
                        <div class="card-footer">
                            <a href="html/site.php?siteid=IN-1058342" class="btn btn-theme-type2 bg-transparent placeholder" style="background-color: #5664d2!important; width:25%"></a>
                        </div>
                    </div>
                </div>
            </div>`;
        }
        $("#container #list").html(placeholderUI);
    }
}



// ;;