http://www.facebook.com/sekolahharapan.bagibangsa<iframe

Sekolah TK,SD Harapan Bagi Bangsa

Q: What is the address?

Jalan Komarudin Rt. 01/05 Pulogebang, Cakung

Home
Indonesia
Pinggirrawa Timur
Sekolah TK,SD Harapan Bagi Bangsa

Sekolah Harapan Bagi Bangsa berdiri pada bulan Juni 2010. Dimulai dari nama homescooling hingga menjadi sekolah hbb kampung sawah.

16/10/2025

Pembinaan Karakter bagi Murid2
15-16 Oktober 2025

25/06/2025

Pentas seni & ibadah ucapan Syukur

25/06/2025

https://youtu.be/2-galALfstg?si=8Ukp71V-1ZfAdx-N

22/06/2025

Daftarkan segera Anak2 anda ke sekolah Kristen Harapan Bagi Bangsa Kampus. Tingkat TK & SD. Hub: 0813-8150-9177 [Ibu Dhora]

14/09/2024

Tuhan pasti tolong

13/09/2024

Hanya dengan Doa sekolah hbb dapat berjalan sampai hari ini ya Tuhan. 👍🙏

14/03/2024

Anugerah Tuhan

04/12/2023

Natal TK & SD HBB Kampus

04/12/2023

Tuhan pakailah mereka

04/12/2023

Trio HBB Kampus

04/12/2023

Natal sekolah HBB Kampus

Address

Jalan Komarudin Rt. 01/05 Pulogebang, Cakung
Pinggirrawa Timur
13950

Website

http://www.facebook.com/sekolahharapan.bagibangsa </div>        </div> </div>  <div id="contact"></div>  <div id="alerts" class="g-pl-20--lg g-mb-40"> <div class="u-heading-v1-4 g-bg-main g-brd-primary g-mb-20"> <h2 class="h3 u-heading-v1__title">Alerts</h2> </div> <p> Be the first to know and let us send you an email when Sekolah TK,SD Harapan Bagi Bangsa posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time. <form class="g-mt-15" onsubmit="event.preventDefault(); subscribe(null,1712625642312933);" > <div class="row"> <div class="col-md-8 col-lg-12"> <div class="form-group g-mb-10"> <label class="sr-only" for="alert_email">Your Email</label> <input id="alert_email" class="form-control g-brd-primary--focus g-px-20 g-py-12" type="email" placeholder="Your Email"> </div> </div> <div class="col-md-4 col-lg-12"> <button id="alert_submit" class="btn btn-md u-btn-primary g-font-size-12 text-uppercase rounded g-py-11 g-px-30" type="submit">Subscribe</button> </div> </div> </form> </p> </div>  <div class="g-pl-20--lg"> <div class="u-heading-v1-4 g-bg-main g-brd-primary g-mb-20"> <h2 class="h3 u-heading-v1__title">Contact The School</h2> </div> <p> Send a message to Sekolah TK,SD Harapan Bagi Bangsa: </p> <form method="POST" class=" g-brd-around g-brd-gray-light-v4 g-pa-20 g-mb-30"> <div class="form-group row g-mb-25"> <label for="contact_name" class="col-sm-3 g-mb-10">Name:</label> <div class="col-sm-9"> <input type="text" id="contact_name" name="name" class="form-control u-form-control rounded-0" maxlength="30" placeholder="Type your name" /> </div> </div> <div class="form-group row g-mb-25"> <label for="contact_email" class="col-sm-3 g-mb-10">Email:</label> <div class="col-sm-9"> <input type="email" id="contact_email" name="email" class="form-control u-form-control rounded-0" maxlength="80" placeholder="Type your email address" /> </div> </div> <div class="form-group row g-mb-30"> <label for="contact_message" class="col-sm-3 g-mb-10">Message:</label> <div class="col-sm-9"> <textarea id="contact_message" name="message" class="form-control form-control-md rounded-0" rows="4" maxlength="4000" placeholder="Type your message"></textarea> </div> </div> <div class="form-group row g-mb-30"> <div class="col-sm-offset-3 col-sm-9"> <div class="g-recaptcha" data-sitekey="6LfZJzMUAAAAAFMtPuYzU5SW3LgeQbEUNNLmUt1a" data-callback="recaptchaCallback"></div> </div> </div> <div class="form-group row g-mb-30"> <div class="col-sm-offset-3 col-sm-9"> <input disabled class="btn btn-primary" id="contact_submit" type="submit" value="Submit" /> </div> </div> </form> </div>  <script> var my_video_player; var start_playing = false; window.fbAsyncInit = function() { FB.init({ appId : '1649304618667893', autoLogAppEvents : true, xfbml : true, version : 'v14.0' }); FbInited = true; FB.Event.subscribe('xfbml.ready', function(msg) { if (msg.type === 'video') { my_video_player = msg.instance; if (start_playing) my_video_player.play(); var myEventHandler = my_video_player.subscribe('startedPlaying', function(e) { }); } FB.Event.subscribe('xfbml.ready', function(msg) { $grid.masonry('layout'); }); }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>   </div> <div class="col-xl-4 col-lg-3 col-md-6 order-1 g-brd-right--lg g-brd-gray-light-v4 g-mb-40"> <div class="g-pr-20--lg">  <div class="g-mb-10"> <h3 class="h5 g-color-black g-font-weight-600 mb-4">Shortcuts</h3> <ul class="list-unstyled g-font-size-13 mb-0"> <li><a class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8 g-color-primary--hover" href="#location"> <i class="mr-2 fa fa-angle-right"></i> Address</a> </li> <li><a class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8 g-color-primary--hover" href="#alerts"> <i class="mr-2 fa fa-angle-right"></i> Alerts</a> </li> <li><a class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8 g-color-primary--hover" href="#contact"> <i class="mr-2 fa fa-angle-right"></i> Contact The School</a> </li> <li><form action="/claim/start/1712625642312933" method="post" style="margin:0;"><button type="submit" class="d-block u-link-v5 g-color-black g-px-20 g-py-8 g-pa-5 g-mb-minus-1 g-bg-primary rounded g-mb-5" style="border:0;text-align:left;width:100%;" data-google-interstitial="false"><i class="mr-2 fa fa-angle-right"></i>Claim ownership or report listing</button></form> </li> <li><button type="button" class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8 g-color-primary--hover" style="border:0;background:transparent;text-align:left;width:100%;" data-takedown-open data-google-interstitial="false"><i class="mr-2 fa fa-angle-right"></i>Request takedown</button></li> </ul> </div>  <div class="g-mb-10"> <ul class="list-unstyled g-font-size-13 mb-0"> <li class="g-brd-gray-light-v4 g-pa-5 g-mb-minus-1 g-bg-primary rounded g-mb-5 g-mt-10"> <div class="media"> <div class="d-flex g-mt-2 g-mr-15"> <img class="g-width-40 g-height-40 rounded-circle" src="/img/feature.jpg" alt=""> </div> <div class="media-body"> <p class="m-0"> <strong> <a href="/ID/Pinggirrawa-Timur/122069/feature/start?exp=1788885934&id=1712625642312933" class="u-link-v5 g-color-black g-color-white--hover" data-google-interstitial="false">Want your school to be the top-listed School/college in Pinggirrawa Timur?</a> </strong> </p> </div> </div> </li> </ul> </div> <div class="g-pr-20--lg g-mt-30"> <div class="g-mb-30"> <h3 class="h5 g-color-black g-font-weight-600 mb-4">Share</h3> <div> <a href="https://www.facebook.com/sharer/sharer.php?u=#" onclick="shareOnFacebook(); return false;"> <img src="/img/facebook.png" height="50" width="50" alt="Share on Facebook"> </a> <a href="https://twitter.com/intent/tweet?url=#" onclick="shareOnTwitter(); return false;"> <img src="/img/twitter.png" height="50" width="50" alt="Share on Twitter"> </a> <a href="https://www.linkedin.com/shareArticle?url=#" onclick="shareOnLinkedIn(); return false;"> <img src="/img/linkedin.png" height="50" width="50" alt="Share on LinkedIn"> </a> <br/> <a href="https://pinterest.com/pin/create/button/?url=#" onclick="shareOnPinterest(); return false;"> <img src="/img/pinterest.png" height="50" width="50" alt="Share on Pinterest" style="margin-top:10px"> </a> <a href="https://www.reddit.com/submit?url=#" onclick="shareOnReddit(); return false;"> <img src="/img/reddit.png" height="50" width="50" alt="Share on Reddit" style="margin-top:10px"> </a> <a href="mailto:?subject=Check%20out%20this%20page&body=#"> <img src="/img/email.png" height="50" width="50" alt="Share via Email" style="margin-top:10px"> </a> <br/> <a href="whatsapp://send?text=#" data-action="share/whatsapp/share"> <img src="/img/whatsapp.png" height="50" width="50" alt="Share on WhatsApp" style="margin-top:10px"> </a> <a href="#" onclick="shareOnInstagram(); return false;"> <img src="/img/instagram.png" height="50" width="50" alt="Share on Instagram" style="margin-top:10px"> </a> <a href="#" onclick="shareOnTelegram(); return false;"> <img src="/img/telegram.png" height="50" width="50" alt="Share on Telegram" style="margin-top:10px"> </a> </div> <script> function getCurrentPageUrl() { return encodeURIComponent(window.location.href); } function shareOnFacebook() { var url = getCurrentPageUrl(); window.open('https://www.facebook.com/sharer/sharer.php?u=' + url, '_blank'); } function shareOnTwitter() { var url = getCurrentPageUrl(); window.open('https://twitter.com/intent/tweet?url=' + url, '_blank'); } function shareOnLinkedIn() { var url = getCurrentPageUrl(); window.open('https://www.linkedin.com/shareArticle?url=' + url, '_blank'); } function shareOnPinterest() { var url = getCurrentPageUrl(); window.open('https://pinterest.com/pin/create/button/?url=' + url, '_blank'); } function shareOnReddit() { var url = getCurrentPageUrl(); window.open('https://www.reddit.com/submit?url=' + url, '_blank'); } function shareViaEmail() { var url = getCurrentPageUrl(); var subject = encodeURIComponent('Check out this page'); var body = encodeURIComponent(url); window.location.href = 'mailto:?subject=' + subject + '&body=' + body; } function shareOnWhatsApp() { var url = getCurrentPageUrl(); window.location.href = 'whatsapp://send?text=' + encodeURIComponent(url); } function shareOnInstagram() { var url = getCurrentPageUrl(); var caption = encodeURIComponent("Check out this page: " + url); window.location.href = 'instagram://library?AssetPath=' + url + '&InstagramCaption=' + caption; } function shareOnTelegram() { var url = getCurrentPageUrl(); window.open('https://t.me/share/url?url=' + encodeURIComponent(url)); } </script> </div> </div> <div class="g-pr-20--lg"> <div class="g-mb-50"> <h3 class="h5 g-color-black g-font-weight-600 mb-4">Category</h3> <ul class="list-unstyled g-font-size-13 mb-0"> <li> <a href="/ID/Pinggirrawa-Timur/122069/genre/2601/School" class="d-block u-link-v5 g-color-gray-dark-v4 rounded g-px-20 g-py-8 g-color-primary--hover"><i class="mr-2 fa fa-angle-right"></i> School</a> </li> </ul> </div> </div> <div class="g-mb-50"> <ul class="list-unstyled"> </ul> </div> <div class="g-mb-50 text-center"> </div> </div> </div> </div> </div> <script data-cfasync="false"> function trunc20(str) { if (str.length > 20) { return str.substring(0,20) + "..."; } else { return str; } } var map; document.addEventListener("DOMContentLoaded", function(){ setTimeout(function (){ loadCss("https://unpkg.com/leaflet@1.7.1/dist/leaflet.css", false); loadScript("https://unpkg.com/leaflet@1.7.1/dist/leaflet.js", false, function () { map = L.map('map').setView([-6.19697, 106.946], 14); var markersLayer = new L.LayerGroup(); markersLayer.addTo(map); var osmAttrib='© <a href="https://maptiler.com">MapTiler</a> © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors'; var locations = [ {id:1712625642312933,lat:-6.19697,lng:106.946,title:'Sekolah TK,SD Harapa...',popupHtml:'<center><a href="/ID/Pinggirrawa-Timur/1712625642312933/Sekolah-TK%2CSD-Harapan-Bagi-Bangsa"><img height="100" width="100" src="https://graph.facebook.com/1712625642312933/picture?type=large"/><h5>Sekolah TK,SD Harapan Bagi Bangsa</h5></a></center>',urlPath:'ID/Pinggirrawa-Timur/1712625642312933/Sekolah-TK%2CSD-Harapan-Bagi-Bangsa',pictureUrl:'https://graph.facebook.com/1712625642312933/picture?type=large',label:''}, ]; var locationIds = [1712625642312933,]; var gettingMore = false; map.on('moveend', function(e) { //getMore(); }); map.on('zoomend', function(e) { //getMore(); }); map._addMarker = function(loc) { var marker = L.marker([loc.lat,loc.lng], { title: loc.title, riseOnHover: true, icon: loc.label ? new L.DivIcon({ className: 'directory-map-marker', html: '<span aria-hidden="true">' + loc.label + '</span>', iconSize: [34, 34], iconAnchor: [17, 34], popupAnchor: [0, -34] }) : new L.Icon.Default() }) .bindTooltip('<a href="/' + loc.urlPath + '">' + loc.title + '</a>', { permanent: false, direction: 'top', offset: L.point(0, -30), opacity: 0.88, interactive: true }) .bindPopup(loc.popupHtml); markersLayer.addLayer(marker); } var mapPopulated = false; function populateMap() { if (mapPopulated) { return; } mapPopulated = true; locations.forEach(function(loc) { map._addMarker(loc); }); L.tileLayer('https://map.schoolandcollegelistings.com/api/maps/bright/{z}/{x}/{y}.png', { attribution: osmAttrib, tileSize: 512, zoomOffset: -1 }).addTo(map); } if ("IntersectionObserver" in window) { let lazyMapObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { lazyMapObserver.unobserve(entry.target); populateMap(); } }); }); lazyMapObserver.observe(document.querySelector("#map")); } else { populateMap(); } map._addMarker2 = function(label, name, latitude, longitude) { var marker = L.marker([latitude,longitude], { //title: loc.title, icon: label ? new L.DivIcon({ className: 'directory-map-marker', html: '<span aria-hidden="true">' + label + '</span>', iconSize: [34, 34], iconAnchor: [17, 34], popupAnchor: [0, -34] }) : new L.Icon.Default() //className: 'my-div-icon', //iconUrl: "https://graph.facebook.com/" + loc.id + "/picture?type=square", //iconSize: [32, 32], //html: '<span class="my-div-span"><img height="24" width="24" border="2" src="https://graph.facebook.com/' + loc.id + '/picture?type=square" /></span>' }) .bindTooltip(name, { //permanent: true, direction: 'bottom', //offset: L.point(12, 25), //opacity: 0.88, interactive: true }) .bindPopup(name); markersLayer.addLayer(marker); } function getMore() { if (gettingMore) { return; } gettingMore = true; var center = map.getCenter(); $.ajax({ url: "/vicinitysearch", data: { lat: center.lat, lng: center.lng, country: "INDONESIA" } }) .done(function(data) { var added = 0; data.forEach(function(loc) { if (!locationIds.includes(loc.id)) { var mapLoc = {id:loc.id,lat:loc.latitude,lng:loc.longitude,title:trunc20(loc.name),popupHtml:loc.popupHtml,urlPath:loc.urlPath,pictureUrl:loc.pictureUrl}; locations.push(mapLoc); locationIds.push(loc.id); map._addMarker(mapLoc); added++; } }); }) .always(function() { gettingMore = false; }); } map._clearMarkers = function() { markersLayer.clearLayers(); } }); }, 4000); }); </script> <script data-cfasync="false"> function recaptchaCallback() { document.getElementById("contact_submit").disabled = false; }; window.setTimeout(function() { $.ajax({ url: "/pv/1712625642312933" }); }, 4000); </script> <div class="takedown-dialog" id="takedownRequestDialog" hidden aria-hidden="true"> <div class="takedown-dialog__backdrop" data-takedown-close></div> <section class="takedown-dialog__panel" role="dialog" aria-modal="true" aria-labelledby="takedownRequestTitle" tabindex="-1"> <button type="button" class="takedown-dialog__close" data-takedown-close aria-label="Close">×</button> <h2 id="takedownRequestTitle">Listing takedown request</h2> <p class="takedown-dialog__intro">Tell us why this listing should be removed. Our team will review your request.</p> <form id="takedownRequestForm" action="/takedown-request/1712625642312933" method="post"> <input name="language" type="hidden" value="en"> <div class="takedown-dialog__field"> <label for="takedownName">Name</label> <input id="takedownName" name="name" type="text" maxlength="200" autocomplete="name" required> </div> <div class="takedown-dialog__field"> <label for="takedownEmail">Email</label> <input id="takedownEmail" name="email" type="email" maxlength="254" autocomplete="email" required> </div> <div class="takedown-dialog__field"> <label for="takedownDetails">Comments</label> <textarea id="takedownDetails" name="details" rows="6" maxlength="5000" placeholder="Include the reason for your request and any helpful context." required></textarea> </div> <div class="takedown-dialog__honeypot" aria-hidden="true"> <label for="takedownWebsite">Website</label> <input id="takedownWebsite" name="website" type="text" tabindex="-1" autocomplete="off"> </div> <div class="takedown-dialog__captcha" data-sitekey="6LfZJzMUAAAAAFMtPuYzU5SW3LgeQbEUNNLmUt1a"></div> <p class="takedown-dialog__status" id="takedownRequestStatus" role="alert" aria-live="polite"></p> <button type="submit" class="btn btn-danger takedown-dialog__submit" data-label="Submit" data-sending-label="Sending…" data-error-label="We could not send your request. Please try again.">Submit</button> </form> </section> </div> <link rel="stylesheet" href="/css/takedown-request.css?v=20260813-2"> <script data-cfasync="false" src="/js/takedown-request.js?v=20260821-2" defer></script> <script> var imgErr=false; </script>   <footer class="g-bg-black-opacity-0_9 g-color-white-opacity-0_6 g-py-60"> <div class="container"> <div class="row">  <div class="col-lg-4 g-mb-50 g-mb-0--lg"> <h6 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">About SchoolAndCollegeListings</h6> <div class="g-mb-25"> <p> One of the largest resources on the Internet for finding schools & colleges and related businesses, worldwide. </p> </div> </div>   <div class="col-lg-4 g-mb-30 g-mb-0--lg"> <h6 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Useful Links</h6> <div class="row"> <div class="col-sm-6"> <ul class="list-unstyled g-mb-30 g-mb-0--md"> <li class="d-flex g-mb-12"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.schoolandcollegelistings.com/about/1712625642312933" data-google-interstitial="false"> About SchoolAndCollegeListings</a> </li> <li class="d-flex g-mb-12"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.schoolandcollegelistings.com/terms" data-google-interstitial="false"> Terms</a> </li> <li class="d-flex g-mb-12"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.schoolandcollegelistings.com/privacy" data-google-interstitial="false"> Privacy Policy</a> </li> <li class="d-flex"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.schoolandcollegelistings.com/faq" data-google-interstitial="false"> FAQ</a> </li> </ul> </div> <div class="col-sm-6"> <ul class="list-unstyled mb-0"> <li class="d-flex g-mb-12"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.schoolandcollegelistings.com/advertise" data-google-interstitial="false"> Advertise</a> </li> <li class="d-flex g-mb-12"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.schoolandcollegelistings.com/login/start" data-google-interstitial="false"> Add listing</a> </li> <li class="d-flex"> <i class="fa fa-circle g-color-primary g-font-size-5 g-mt-10 g-mr-8"></i> <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="/login/1712625642312933" data-google-interstitial="false"> Login</a> </li> </ul> </div> </div> </div>   <div class="col-lg-4"> <h6 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Subscribe</h6> <p> We will notify you when anything happens in Pinggirrawa Timur. </p> <form class="g-mt-25" onsubmit="event.preventDefault(); subscribe(122069,null);" > <div class="row"> <div class="col-md-8 col-lg-12"> <div class="form-group g-mb-20"> <label class="sr-only" for="email">Your Email</label> <input id="email" class="form-control g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white-opacity-0_1 g-brd-primary--focus g-px-20 g-py-12" type="email" placeholder="Your Email"> </div> </div> <div class="col-md-4 col-lg-12"> <button id="submit" class="btn btn-md u-btn-primary g-font-size-12 text-uppercase rounded g-py-11 g-px-30" type="submit">Subscribe</button> </div> </div> </form> </div>  </div> </div> </footer>  <script> function subscribe(city, page) { var email; if (page === null) { email = $("#email").val(); $("#email").prop('disabled', true); $("#submit").hide(300); } else { email = $("#alert_email").val(); $("#alert_email").prop('disabled', true); $("#alert_submit").hide(300); } $.ajax({ method: "POST", contentType : 'application/json', url: "/subscribe", data: JSON.stringify({email: email, city: city, page: page}) }).done(function(response) { console.log(response); }) .fail(function( jqXHR, textStatus) { console.log(textStatus); }); return false; } </script> </main> <script data-cfasync="false"> /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ (function(w){ "use strict"; /* exported loadCSS */ var loadCSS = function( href, before, media ){ // Arguments explained: // `href` [REQUIRED] is the URL for your CSS file. // `before` [OPTIONAL] is the element the script should use as a reference for injecting our stylesheet <link> before // By default, loadCSS attempts to inject the link after the last stylesheet or script in the DOM. However, you might desire a more specific location in your document. // `media` [OPTIONAL] is the media type or query of the stylesheet. By default it will be 'all' var doc = w.document; var ss = doc.createElement( "link" ); var ref; if( before ){ ref = before; } else { var refs = ( doc.body || doc.getElementsByTagName( "head" )[ 0 ] ).childNodes; ref = refs[ refs.length - 1]; } var sheets = doc.styleSheets; ss.rel = "stylesheet"; ss.href = href; // temporarily set media to something inapplicable to ensure it'll fetch without blocking render ss.media = "only x"; // wait until body is defined before injecting link. This ensures a non-blocking load in IE11. function ready( cb ){ if( doc.body ){ return cb(); } setTimeout(function(){ ready( cb ); }); } // Inject link // Note: the ternary preserves the existing behavior of "before" argument, but we could choose to change the argument to "after" in a later release and standardize on ref.nextSibling for all refs // Note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/ ready( function(){ ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) ); }); // A method (exposed on return object for external use) that mimics onload by polling document.styleSheets until it includes the new sheet. var onloadcssdefined = function( cb ){ var resolvedHref = ss.href; var i = sheets.length; while( i-- ){ if( sheets[ i ].href === resolvedHref ){ return cb(); } } setTimeout(function() { onloadcssdefined( cb ); }); }; function loadCB(){ if( ss.addEventListener ){ ss.removeEventListener( "load", loadCB ); } ss.media = media || "all"; } // once loaded, set link's media back to `all` so that the stylesheet applies once it loads if( ss.addEventListener ){ ss.addEventListener( "load", loadCB); } ss.onloadcssdefined = onloadcssdefined; onloadcssdefined( loadCB ); return ss; }; // commonjs if( typeof exports !== "undefined" ){ exports.loadCSS = loadCSS; } else { w.loadCSS = loadCSS; } }( typeof global !== "undefined" ? global : this )); </script> <script data-cfasync="false"> var $grid, $grid2; $(function () { $grid = $('.masonry-grid').masonry({ columnWidth: '.masonry-grid-sizer', itemSelector: '.masonry-grid-item', }); $grid2 = $('.masonry-grid2').masonry({ columnWidth: '.masonry-grid-sizer', itemSelector: '.masonry-grid-item', }); var timeoutTime = 2000; function layoutTimeout() { $grid.masonry('layout'); timeoutTime = timeoutTime * 1.5; setTimeout(layoutTimeout, timeoutTime); }; layoutTimeout(); $('.masonry-grid').imagesLoaded().then(function () { $grid.masonry('layout'); }).progress( function() { $grid.masonry('layout'); }); }); $(window).on('load', function () { if ($grid !== undefined) { $grid.masonry('layout'); } }); </script> <script data-cfasync="false"> var documentReady=false, carouselInit=false; </script> <script src="https://cdnjs.cloudflare.com/polyfill/v2/polyfill.min.js?features=IntersectionObserver"></script> <script data-cfasync="false"> document.addEventListener("DOMContentLoaded", function() { var lazyImages = [].slice.call(document.querySelectorAll("img[data-src]")); var lazyVideos = [].slice.call(document.querySelectorAll("div.fb-video-lazy")); var captchaDivs = [].slice.call(document.querySelectorAll("div.g-recaptcha")); if ("IntersectionObserver" in window) { let lazyImageObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { let lazyImage = entry.target; if (typeof lazyImage.dataset.src !== 'undefined') { lazyImage.src = lazyImage.dataset.src; } lazyImageObserver.unobserve(lazyImage); if ($grid !== undefined) { $grid.masonry('layout'); } if (typeof addthis !== 'undefined') { if (typeof addthis.layers.refresh !== 'undefined' && $.isFunction(addthis.layers.refresh)) { addthis.layers.refresh(); } } if (documentReady && !carouselInit) { // initialization of carousel carouselInit = true; $.HSCore.components.HSCarousel.init('.js-carousel'); } } }); }, { rootMargin: "0px 0px 600px 0px" }); lazyImages.forEach(function(lazyImage) { lazyImageObserver.observe(lazyImage); }); let lazyVideoObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { var timerId; var renderVid = function() { if (FbInited) { clearInterval(timerId); let lazyVideo = entry.target; observer.unobserve(lazyVideo); lazyVideo.classList.add('fb-video'); lazyVideo.classList.remove('fb-video-lazy'); FB.XFBML.parse(lazyVideo.parentNode); if ($grid !== undefined) { $grid.masonry('layout'); } } }; if (!FbInited) { timerId = setInterval(renderVid, 500); } else { renderVid(); } } }); }, { rootMargin: "0px 0px 600px 0px" }); lazyVideos.forEach(function(lazyVideo) { lazyVideoObserver.observe(lazyVideo); }); let captchaObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { var rc = document.createElement('script'); rc.setAttribute('src','https://www.google.com/recaptcha/api.js'); document.head.appendChild(rc); } }); }, { rootMargin: "0px 0px 256px 0px" }); captchaDivs.forEach(function(captchaDiv) { captchaObserver.observe(captchaDiv); }); } else { } }); </script> <script data-cfasync="false"> $(function () { documentReady = true; // initialization of go to $.HSCore.components.HSGoTo.init('.js-go-to'); // initialization of header $.HSCore.components.HSHeader.init($('#js-header')); $.HSCore.helpers.HSHamburgers.init('.hamburger'); // initialization of rating $.HSCore.components.HSRating.init($('.js-rating'), { spacing: 4 }); }); </script> <br/> <br/> <br/> <script data-cfasync="false"> document.addEventListener('DOMContentLoaded', () => { [].forEach.call(document.querySelectorAll('.js-directory-results-toggle'), function (button) { var results = document.getElementById(button.getAttribute('aria-controls')); if (!results) return; button.addEventListener('click', function () { var expanded = button.getAttribute('aria-expanded') === 'true'; results.classList.toggle('is-expanded', !expanded); button.setAttribute('aria-expanded', expanded ? 'false' : 'true'); button.textContent = expanded ? button.getAttribute('data-collapsed-label') : button.getAttribute('data-expanded-label'); }); results.classList.add('is-collapsible'); button.classList.add('is-enhanced'); }); [].forEach.call(document.querySelectorAll('.js-directory-list-toggle'), function (button) { var list = document.getElementById(button.getAttribute('aria-controls')); if (!list) return; button.addEventListener('click', function () { var expanded = button.getAttribute('aria-expanded') === 'true'; list.classList.toggle('is-expanded', !expanded); button.setAttribute('aria-expanded', expanded ? 'false' : 'true'); button.textContent = expanded ? button.getAttribute('data-collapsed-label') : button.getAttribute('data-expanded-label'); }); list.classList.add('is-collapsible'); button.classList.add('is-enhanced'); }); setTimeout(function (){ loadScript("https://cdnjs.cloudflare.com/polyfill/v2/polyfill.min.js?features=IntersectionObserver"); loadScript("https://s.skimresources.com/js/117608X1581653.skimlinks.js"); }, 3500); }); function loadCss(cssFile) { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = cssFile; link.media = 'all'; head.appendChild(link); } </script> </body> </html>