1<!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 5 6<meta name="ahrefs-site-verification" content="8afd9c4f9b297c22afa6cfc11a82d1f2bb46effd24d0124cdc8346fec2e09724"> 7<meta property="og:image" content="https://files.sysers.com/cp/upload/biloxibounce/editor//full/img_OG_logo_biloxibouncehouse.png"/> 8<meta property="og:description" content="Bounce house and water slide rentals for backyard, church, school, and community events in Biloxi and the Mississippi Gulf Coast."/> 9<meta property="og:url"content="https://www.biloxibouncehouse.com/"/> 10<meta property="og:title" content="Biloxi Bounce House & Water Slides - Bounce House and Water Slide Rentals"/> 11<meta property="og:image:alt" content="OG IMAGE"/> 12<meta property="og:type" content="website"/> 13<!-- schema START -->
14<script type="application/ld+json"> 15{ 16 "@context": "https://schema.org", 17 "@type": "LocalBusiness", 18 "name": "Biloxi Bounce House & Water Slides", 19 "description": "Biloxi Bounce House & Water Slides rents bounce houses, water slides, and party equipment across the Mississippi Gulf Coast, serving families since 2009.", 20 "image": "https://files.sysers.com/cp/upload/biloxibounce/editor/img_logo_biloxibouncehouse.png", 21 "address": { 22 "@type": "PostalAddress", 23 "streetAddress": "106 Industrial Park Cir", 24 "addressLocality": "Ocean Springs", 25 "addressRegion": "MS", 26 "postalCode": "39564", 27 "addressCountry": "US" 28 }, 29 "telephone": "+12282437493", 30 "geo": { 31 "@type": "GeoCoordinates", 32 "latitude": 30.4067416, 33 "longitude": -88.7593334 34 }, 35 "url": "https://www.biloxibouncehouse.com/", 36 "priceRange": "$$", 37 "openingHoursSpecification": [ 38 { 39 "@type": "OpeningHoursSpecification", 40 "dayOfWeek": [ 41 "Monday", 42 "Tuesday", 43 "Wednesday", 44 "Thursday", 45 "Friday", 46 "Saturday", 47 "Sunday" 48 ], 49 "opens": "07:00", 50 "closes": "19:00" 51 } 52 ] 53} 54</script>
54 55<!-- schema END --> 56<!-- Google Tag Manager -->
57<script>
vendor: 327 bytes, lines 57-61
57(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 58new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 59j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 60'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 61})(window,document,'script','dataLayer','
61GTM-MBK26MQ8
vendor: 3 bytes, line 61
61');
61</script>
61 62<!-- End Google Tag Manager --> 63<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 63-64
63 64<script async src="https://www.googletagmanager.com/gtag/js?id=
64G-W4JX8NGPSP
vendor: 12 bytes, line 64
64"></script>
65<script> 66
vendor: 133 bytes, lines 66-69
66window.dataLayer = window.dataLayer || []; 67 function gtag(){dataLayer.push(arguments);} 68 gtag('js', new Date()); 69 gtag('config', '
69G-W4JX8NGPSP
vendor: 4 bytes, line 69
69');
70</script>
70 71<!-- Google tag (gtag.js) --><style type="text/css"> 72 73.be4c0873eccbc131128772173aeb4be20 { 74 padding: 20px; 75 background: #000 !important; 76 color: #fff !important; 77 display: flex; 78 align-items: center; 79 justify-content: space-between; 80 align-content: center; 81} 82 83.be4c0873eccbc131128772173aeb4be20 p { 84 margin: 0; 85} 86 87.be4c0873eccbc131128772173aeb4be20 br { 88 display: none; 89} 90 91.be4c0873eccbc131128772173aeb4be20 span { 92 color: #fff !important; 93} 94 95.be4c0873eccbc131128772173aeb4be20 #b88a166a8a805c65378055e562febca34 { 96 width: initial !important; 97} 98 99.be4c0873eccbc131128772173aeb4be20 span a span { 100 color: #fff !important; 101} 102 103.be4c0873eccbc131128772173aeb4be20 span a:hover { 104 color: #fff; 105 text-decoration: underline; 106} 107</style> 108<meta charset='utf-8'> 109<meta http-equiv='X-UA-Compatible' content='IE=edge'> 110<meta name='viewport' content='width=device-width, initial-scale=1'> 111<title>Stress-Free Party Rentals for Gulf Coast Families</title> 112<meta name="keywords" content="Blog, paty rental blog" /> 113<meta name="description" content="Turn your childâs big day into a memory youâll cherish forever. Explore Biloxiâs safest, cleanest, and most fun bounce house rentals." /> 114
115<script type="importmap"> 116{ 117 "imports": { 118 "dayjs": "https://unpkg.com/[email protected]/esm/index.js", 119 "dayjs/plugin/localizedFormat": "https://unpkg.com/[email protected]/esm/plugin/localizedFormat/index.js", 120 "dayjs/plugin/relativeTime": "https://unpkg.com/[email protected]/esm/plugin/relativeTime/index.js", 121 "html": "/cp/resources/js/html.module.js", 122 "preact": "/cp/resources/js/[email protected]", 123 "preact/compat": "/cp/resources/js/[email protected]", 124 "preact/custom": "/__core__/preact/custom/index.js", 125 "preact/devtools": "/cp/resources/js/[email protected]", 126 "preact/hooks": "/cp/resources/js/[email protected]", 127 "preactlibs": "/cp/resources/js/preactlibs.js", 128 "react-plugins": "/__core__/react_plugins/js/index.js", 129 "rpc": "/__core__/rpc/index.js", 130 "slot": "/cp/resources/views/test_slot/slot/Slot.js", 131 "slot/utils": "/cp/resources/views/test_slot/slot/utils.js", 132 "sweetalert2": "https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.esm.all.min.js" 133 } 134} 135</script>
135<script>document.addEventListener('DOMContentLoaded', () => { 136 let interval = 50; 137 function xy950() { 138 let bl = ["Ly9hW2NvbnRhaW5zKHRleHQoKSwgJ0V2ZW50IEhhd2snKV0=", "Ly9hW2NvbnRhaW5zKHRleHQoKSwgJ0VIJyld", "Ly9hW2NvbnRhaW5zKEBocmVmLCAnbXlhZGFjYWRlbXkuY29tJyld", "Ly9hW2NvbnRhaW5zKEBocmVmLCAnZXZlbnRoYXdrMzYwLmNvbScpXQ=="]; 139 bl.forEach((b) => { 140 let nodes = document.evaluate(atob(b), document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null) 141 for(i=0; i < nodes.snapshotLength; i++) { 142 nodes.snapshotItem(i).remove(); 143 } 144 }); 145 interval *= 1.3; 146 setTimeout(xy950, interval); 147 } 148 xy950(); 149}); 150</script>
150<script language='javascript' src='/cp/resources/js/general_functions.js?49'></script>
150<style>/* imported by CountdownTimer module */.fomo-container { 151 opacity: 0; 152 font-size: 16px; 153 color: #333; 154 font-family: sans-serif; 155 font-weight: bold; 156 transition: opacity 250ms linear; 157} 158 159.fomo-body { 160 display: inline-block; 161} 162 163.fomo-slat { 164 display: inline-block; 165 vertical-align: top; 166 text-align: center; 167 margin: 0.3em 0.2em; 168 padding: 0.5em 1em; 169 min-width: 4.5em; 170 background-color: #fff; 171 box-shadow: 0 0 2px 0 #0003; 172} 173 174.fomo-time, 175.fomo-unit { 176} 177 178.fomo-time { 179 font-size: 1.5em; 180} 181 182.fomo-unit { 183 color: rgba(0,0,0,0.5); 184 font-size: 0.7em; 185} 186</style>
186<script type='module'>window.addEventListener("load", async function main() { 187 const timers = document.getElementsByClassName("fomo-container"); 188 for (const timerElement of timers) { 189 const then = new Date(timerElement.getElementsByTagName("input")[0].value.trim()); 190 initTimer(timerElement, then); 191 } 192}); 193 194function countDown(then) { 195 const _sec = 1000; 196 const _min = _sec * 60; 197 const _hr = _min * 60; 198 const _day = _hr * 24; 199 const _wk = _day * 7; 200 const diff = then - Date.now(); 201 const days = Math.max(Math.floor(diff / _day), 0); 202 const hours = Math.max(Math.floor(diff % _day / _hr), 0); 203 const minutes = Math.max(Math.floor(diff % _hr / _min), 0); 204 const seconds = Math.max(Math.floor(diff % _min / _sec), 0); 205 return {days, hours, minutes, seconds}; 206} 207 208function initTimer(e, then) { 209 updateTimer(e, then); 210} 211 212function updateTimer(e, then) { 213 const times = e.getElementsByClassName("fomo-time"); 214 (function doUpdate() { 215 216 const t = countDown(then); 217 const units = Object.values(t); 218 if (!units.some(Boolean)) { 219 e.style.display = "none"; 220 return; 221 } 222 223 e.style.display = "inline-block"; 224 e.style.opacity = "1"; 225 for (let i = 0; i < units.length; i++) { 226 times[i].innerHTML = units[i]; 227 } 228 setTimeout(doUpdate, 1000); 229 230 })(); 231} 232</script>
232<script>window.addEventListener("load", () => { 233 [...document.getElementsByClassName("asyncImage")].map((item) => { 234 const img = new Image(); 235 img.src = ( 236 item.nodeName === "IMG" 237 ? item.src 238 : item.style.backgroundImage.slice(4, -1).replace(/['"]/g, "") 239 ).replace(/(banner|categories|design|editor|gallery|items)\b/g, "$1/full"); 240 img.onload = () => { 241 return item.nodeName === "IMG" 242 ? (item.src = img.src) 243 : (item.style.backgroundImage = `url("${img.src}")`); 244 }; 245 }); 246}); 247</script>
247<script>window.appConfig = {"filesURL":"https:\/\/files.sysers.com","filesHost":"files.sysers.com","appPrimeDomain":"ourers.com","appDomains":["ourers.com","erszone.com","web.sysers.com"],"folderName":"biloxibounce","isMgmtUser":false,"featureFlags":{"Truck Driver Name":false},"sessvarDomain":"front"};</script>
247<script type='text/javascript'>CM_use_touch = false;</script>
247 248 249 <meta charset="utf-8"> 250 <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" href="//files.sysers.com/cp/upload/biloxibounce/editor/full/new-bbh-logo-w-phone--.png" sizes="any" /> 251<link rel="apple-touch-icon" href="//files.sysers.com/cp/upload/biloxibounce/editor/full/new-bbh-logo-w-phone--.png" sizes="any" /> 252<link rel='stylesheet' href='/cp/resources/template-common/responsive/bootstrap.min.css?md5=6dde4d3ce89ffe3ba3955eab085fd0fb'> 253
253<script src='/cp/resources/template-common/jquery-2.2.0.min.js' noexpand='1'></script>
253<style> 254 :root { 255 --color-theme-1: #0080ff; 256 --color-theme-2: #db0009; 257 --color-theme-3: #002059; 258 --color-theme-4: #fff; 259 --color-theme-5: #fff; 260 --color-theme-6: #fff;} 261 </style> 262 263 264<!-- Facebook Pixel Code -->
265<script>
vendor: 408 bytes, lines 265-274
265 266 !function(f,b,e,v,n,t,s) 267 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 268 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 269 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 270 n.queue=[];t=b.createElement(e);t.async=!0; 271 t.src=v;s=b.getElementsByTagName(e)[0]; 272 s.parentNode.insertBefore(t,s)}(window, document,'script', 273 'https://connect.facebook.net/en_US/fbevents.js'); 274 fbq('init', '
274386446413520328
vendor: 31 bytes, lines 274-275
274'); 275 fbq('track', 'PageView');
276</script>
276 277<noscript> 278 <img height="1" width="1" style="display:none" 279 src="https://www.facebook.com/tr?id=386446413520328&ev=PageView&noscript=1"/> 280</noscript> 281<!-- End Facebook Pixel Code --> 282<!-- auto inserted facebook tag --> 283</head><body class='ers_page_party-rental-blog'>
284<script type="text/javascript"> function check_responsive_page_mode_enabled() { return "Blog"; } </script>
284<style> 285 286 .button_back { 287 background: none repeat scroll 0 0 #FF0000; 288 border: 1px solid #6b6b6b; 289 border-radius: 0.5em; 290 float: left; 291 font-size: 9pt; 292 font-family: Verdana, Arial; 293 padding: 0.2em 1.3em .2em 1em; 294 position: relative; 295 text-align: center; 296 color: #fff; 297 text-transform: uppercase; 298 } 299 300 .button_book, 301 .button_add { 302 background: none repeat scroll 0 0 #FF0000; 303 border: 1px solid #6b6b6b; 304 border-radius: 0.5em; 305 float: left; 306 font-size: 12pt; 307 font-family: Verdana, Arial; 308 padding: 0.2em 1.3em .2em 1em; 309 position: relative; 310 text-align: center; 311 color: #fff; 312 text-transform: uppercase; 313 } 314 315 .button_finalizeOrder { 316 background-color: #FF0000; 317 border: 1px solid #6b6b6b; 318 border-radius: 0.5em; 319 color: white; 320 font-size: 12pt; 321 font-family: Verdana, Arial; 322 margin: 3px 0px; 323 padding: 0.2em 1.3em .2em 1em; 324 text-transform: uppercase; 325 } 326 327 .button_finalizeOrder_without_receipt 328 { 329 background-color: #6F8FAF; 330 border: 1px solid #6b6b6b; 331 border-radius: 0.5em; 332 color: white; 333 font-size: 12pt; 334 font-family: Verdana, Arial; 335 margin: 3px 0px; 336 padding: 0.2em 1.3em .2em 1em; 337 text-transform: uppercase; 338 } 339 .store { 340 background-image:url('//files.sysers.com/cp/upload/biloxibounce/banner/full/page-bkgd.jpg'); 341 background-repeat:no-repeat; 342 background-attachment:fixed; 343 background-position:top; 344 background-size:cover; 345 background-blend-mode: normal; 346 background-color:transparent; 347 } 348 349</style> 350<style> 351 352</style> 353<div style='visibility:hidden; z-index:-200; position:absolute' id='imgloadcontainer'></div><span id='section_header_nav_container'> 354<div id='elemtype-NavCustom' option_count=''></div> 355<style rel="stylesheet" type="text/css"> 356.ers-premium-header { 357 z-index: 2000; 358 margin-top: 225px; 359} 360.ers-premium-header .mobile-banner { 361 padding: 15px 15px 10px; 362 margin-top: -5px; 363 display: flex; 364 flex-direction: row; 365 justify-content: space-between; 366 align-items: center; 367 background-color: var(--color-theme-3); 368} 369.ers-premium-header .mobile-ar-button, 370.ers-premium-header .mobile-phone-link { 371 font-weight: 500; 372 color: var(--color-theme-6); 373} 374.ers-premium-header .header-top { 375 width: 100%; 376 padding: 10px; 377 display: flex; 378 flex-direction: column; 379 position: fixed; 380 top: 0; 381 z-index: 2500; 382 background-color: black; 383 background-color: var(--color-theme-1); 384} 385.ers-premium-header .header-top.active { 386 box-shadow: 0 0 5px #707070; 387} 388.ers-premium-header .header-logo-wrapper { 389 height: 150px; 390 width: 100%; 391 margin: 0 10px 10px; 392 display: flex;
393 align-items: center; 394 justify-content: center; 395 transition: 0.1s; 396 align-self: center; 397} 398.ers-premium-header .header-logo-wrapper.active { 399 height: 0; 400 margin: 0; 401} 402.ers-premium-header .header-logo { 403 max-width: 100%; 404 max-height: 100%; 405} 406.ers-premium-header .hamburger-button { 407 cursor: pointer; 408 height: 36px; 409 width: 36px; 410} 411.ers-premium-header .hamburger-icon { 412 fill: var(--color-theme-4); 413} 414.ers-premium-header .mobile-header-container { 415 display: flex; 416 flex-direction: row; 417 flex-grow: 1; 418 align-items: center; 419} 420.ers-premium-header .product-search-container { 421 flex-grow: 1; 422} 423.ers-premium-header .product-search-form { 424 background-color: #fff; 425 display: flex; 426 flex-direction: row; 427 align-items: center; 428 padding: 10px; 429 margin: 0 10px; 430 border-radius: 5px; 431} 432.ers-premium-header .product-search-input { 433 border: none; 434 padding: 0; 435 flex-grow: 1; 436} 437.ers-premium-header .product-search-input:focus-visible { 438 outline: none; 439} 440.ers-premium-header .product-search-button { 441 background: none; 442 border: none; 443 display: flex; 444 padding: 0; 445} 446.ers-premium-header .product-search-icon { 447 height: 20px; 448 width: 20px; 449 fill: var(--color-theme-2); 450} 451.ers-premium-header .product-search-list { 452 margin: 0; 453 padding: 0; 454 right: 0; 455 left: 0; 456 position: absolute; 457 max-height: 80vh; 458 overflow-y: scroll; 459 background-color: #fff; 460 box-shadow: 0 3px 5px #707070; 461} 462.ers-premium-header .product-search-list::-webkit-scrollbar-thumb { 463 background-color: #808080; 464} 465.ers-premium-header .product { 466 list-style-type: none; 467} 468.ers-premium-header .product-link { 469 color: #222; 470} 471.ers-premium-header .product-link:hover { 472 color: #222; 473 text-decoration: none; 474} 475.ers-premium-header .product-details { 476 display: flex; 477 flex-direction: row; 478 align-items: center; 479 justify-content: space-between; 480 background-color: #fff; 481 text-align: center; 482 transition: 0.25s; 483 border-top: solid 2px #eee; 484 border-left: solid 2px #eee; 485} 486.ers-premium-header .product-search-list > li:last-child > .product-link > .product-details { 487 border-bottom: solid 2px #eee; 488} 489.ers-premium-header .product-details:hover { 490 background-color: #eee; 491} 492.ers-premium-header .product-image-wrapper { 493 width: 60px; 494 height: 60px; 495 margin: 5px 15px; 496 display: flex;
497 align-items: center; 498 justify-content: center; 499} 500.ers-premium-header .product-image { 501 max-width: 100%; 502 max-height: 100%; 503} 504.ers-premium-header .product-name { 505 font-size: 14px; 506 font-weight: 500; 507} 508.ers-premium-header .category-name { 509 font-size: 12px 510} 511.ers-premium-header .product-price { 512 font-size: 14px; 513 margin: 0 15px; 514 font-weight: 500; 515} 516.ers-premium-header .header-phone-number:hover .header-phone-icon, 517.ers-premium-header .header-phone-number:hover .header-phone-number-text { 518 filter: brightness(90%); 519} 520.ers-premium-header .header-phone-number { 521 display: flex; 522 flex-direction: row; 523 align-items: center; 524} 525.ers-premium-header .header-phone-icon { 526 height: 32px; 527 width: 32px; 528 margin-right: 5px; 529 transition: 0.25s; 530 filter: brightness(100%); 531 fill: var(--color-theme-4); 532} 533.ers-premium-header .header-phone-number-text { 534 font-family: 'Passion One', sans-serif; 535 font-size: 32px; 536 display: none; 537 color: white; 538 color: var(--color-theme-4); 539} 540 541.ers-premium-header .header-bottom { 542 width: 100%; 543 padding: 10px; 544 margin-top: -268px; 545 display: flex; 546 flex-direction: column; 547 align-items: center; 548 justify-content: flex-start; 549 transition: 0.25s; 550 position: fixed; 551 left: -100%; 552 height: 100%; 553 z-index: 3000; 554 overflow-y: scroll; 555 background-color: grey; 556 background-color: var(--color-theme-3); 557} 558.ers-premium-header .header-bottom::-webkit-scrollbar-thumb { 559 background-color: var(--color-theme-6); 560} 561.ers-premium-header .header-category-container { 562 display: flex; 563 flex-direction: column; 564 align-items: flex-start; 565 justify-content: flex-start; 566 position: fixed; 567 box-shadow: 0 3px 5px #222; 568 z-index: 2500; 569 left: -105%; 570 top: 0; 571 height: 100%; 572 width: 100%; 573 transition: left 0.25s ease-in-out; 574 background-color: grey; 575 background-color: var(--color-theme-3); 576} 577.ers-premium-header .header-category-container.active { 578 left: 0; 579} 580.ers-premium-header .header-nav-back-button-container { 581 display: flex; 582 flex-direction: row; 583 margin: 15px 10px; 584} 585.ers-premium-header .header-nav-back-button { 586 cursor: pointer; 587 height: 36px; 588 width: 36px; 589} 590.ers-premium-header .header-nav-back-icon { 591 transform: scaleX(-1); 592 fill: var(--color-theme-6); 593} 594.ers-premium-header .header-nav-back-button-title { 595 font-size: 28px; 596 margin-left: 25px; 597 color: var(--color-theme-6); 598} 599.ers-premium-header .megamenu-item { 600 display: flex; 601 flex-direction: row; 602 align-items: center; 603 margin: 2px 10px; 604} 605.ers-premium-header .megamenu-image-container { 606 display: flex;
607 align-items: center; 608 justify-content: center; 609 height: 50px; 610 width: 50px; 611} 612.ers-premium-header .megamenu-image { 613 max-height: 100%; 614 max-width: 100%; 615} 616.ers-premium-header .megamenu-title { 617 font-size: 16px; 618 margin: 0 10px; 619 font-weight: 500; 620 color: white; 621 color: var(--color-theme-6); 622} 623.ers-premium-header .megamenu-link { 624 cursor: pointer; 625} 626.ers-premium-header .megamenu-modal-container { 627 display: none; 628} 629.ers-premium-header .megamenu-category-container { 630 width: 100%; 631 overflow-y: scroll; 632} 633.ers-premium-header .megamenu-category-container::-webkit-scrollbar-thumb { 634 background-color: var(--color-theme-6); 635} 636.ers-premium-header .header-bottom.active { 637 left: 0; 638} 639.ers-premium-header .header-nav-container { 640 margin: 0; 641 padding: 15px 0; 642 display: flex; 643 flex-direction: column; 644 align-items: flex-start; 645 flex-wrap: wrap; 646} 647.ers-premium-header .close-hamburger-button { 648 cursor: pointer; 649 height: 36px; 650 width: 36px; 651 margin: 5px 0; 652 align-self: flex-start; 653} 654.ers-premium-header .close-hamburger-icon { 655 fill: var(--color-theme-6); 656} 657.ers-premium-header .header-nav-item { 658 list-style-type: none; 659 margin: 12px 0; 660} 661.ers-premium-header .header-nav-container > .header-nav-item > a.link-style { 662 color: white; 663 color: var(--color-theme-6); 664} 665.ers-premium-header .dropdown-menu { 666 top: unset; 667 left: unset; 668} 669.ers-premium-header .dropdown-menu > .header-nav-item > a { 670 padding: 5px; 671} 672.ers-premium-header .header-bottom-right { 673 display: flex; 674 flex-direction: column; 675 align-items: center; 676} 677.ers-premium-header .recently-viewed-button, 678.ers-premium-header .header-book-now-button { 679 margin: 8px 0; 680} 681.ers-premium-header .recently-viewed-wrapper-header { 682 display: flex;
683 align-items: center; 684 position: relative; 685} 686.ers-premium-header .recently-viewed-button { 687 border-radius: 5px; 688 padding: 8px 18px; 689 transition: 0.25s; 690 cursor: pointer; 691 border: solid 2px var(--color-theme-6); 692} 693.ers-premium-header .recently-viewed-button { 694 color: var(--color-theme-6); 695} 696.ers-premium-header .recently-viewed-button:hover { 697 background-color: var(--color-theme-6); 698} 699.ers-premium-header .recently-viewed-button:hover { 700 color: var(--color-theme-3); 701} 702.ers-premium-header .recently-viewed-container { 703 display: none; 704 opacity: 0; 705 position: fixed; 706 flex-direction: column; 707 width: 100%; 708 height: 100%; 709 top: 0; 710 left: 0; 711 transition: 0.25s; 712 z-index: 3500; 713 background-color: grey; 714 background-color: var(--color-theme-3); 715} 716.ers-premium-header .recently-viewed-items-container { 717 overflow-y: scroll; 718} 719.ers-premium-header .recently-viewed-items-container::-webkit-scrollbar-thumb { 720 background-color: var(--color-theme-6); 721} 722.ers-premium-header .recently-viewed-back-button-container { 723 display: flex; 724 flex-direction: row; 725 margin: 15px 10px; 726} 727.ers-premium-header .recently-viewed-back-button { 728 cursor: pointer; 729 height: 36px; 730 width: 36px; 731} 732.ers-premium-header .recently-viewed-back-icon { 733 transform: scaleX(-1); 734 fill: var(--color-theme-6); 735} 736.ers-premium-header .recently-viewed-back-button-title { 737 font-size: 28px; 738 margin-left: 25px; 739 color: var(--color-theme-6); 740} 741.ers-premium-header .recently-viewed-item { 742 display: flex; 743 flex-direction: row; 744 padding: 10px; 745} 746.ers-premium-header .recently-item-picture-wrapper { 747 display: flex;
748 align-items: center; 749 justify-content: center; 750 height: 60px; 751 width: 60px; 752 margin-right: 20px; 753} 754.ers-premium-header .recently-item-picture { 755 max-height: 100%; 756 max-width: 100%; 757} 758.ers-premium-header .recently-item-content { 759 display: flex; 760 flex-direction: column; 761 justify-content: center; 762 color: var(--color-theme-6); 763} 764.ers-premium-header .recently-item-name { 765 font-size: 14px; 766 font-weight: 500; 767} 768.ers-premium-header .recently-item-price { 769 font-size: 12px; 770} 771.ers-premium-header .header-book-now-button { 772 background-color: black; 773 background-color: var(--color-theme-2); 774} 775.ers-premium-header .cart-container { 776 position: relative; 777 display: flex; 778 margin: 15px 0; 779} 780.ers-premium-header .cart-icon { 781 height: 30px; 782 transition: 0.25s; 783 filter: brightness(100%); 784 fill: var(--color-theme-6); 785} 786.ers-premium-header .cart-icon:hover { 787 filter: brightness(90%); 788} 789.ers-premium-header .cart-count-indicator { 790 position: absolute; 791 top: -10px; 792 left: 15px; 793 width: 25px; 794 height: 25px; 795 font-size: 16px; 796 border-radius: 100px; 797 text-align: center; 798 color: var(--color-theme-5); 799} 800.ers-premium-header .cart-count-indicator { 801 background-color: var(--color-theme-2); 802} 803@media only screen and (min-width: 600px) { 804 .ers-premium-header .product-search-list { 805 margin-left: 10px; 806 right: unset; 807 left: unset; 808 } 809} 810@media only screen and (min-width: 992px) { 811 .ers-premium-header { 812 margin-top: 0; 813 } 814 .ers-premium-header .mobile-banner { 815 display: none; 816 } 817 .ers-premium-header .header-top { 818 flex-direction: row; 819 align-items: center; 820 z-index: 4500; 821 } 822 .ers-premium-header .header-logo-wrapper { 823 width: unset; 824 max-width: 400px; 825 } 826 .ers-premium-header .header-logo-wrapper, 827 .ers-premium-header .header-logo-wrapper.active { 828 margin: 0 10px; 829 } 830 .ers-premium-header .header-logo-wrapper.active { 831 height: 50px; 832 } 833 .ers-premium-header .hamburger-button, 834 .ers-premium-header .close-hamburger-button { 835 display: none; 836 } 837 .ers-premium-header .header-phone-number { 838 margin: 0 10px; 839 } 840 .ers-premium-header .header-phone-number-text { 841 display: initial; 842 } 843 .ers-premium-header .header-bottom { 844 width: 100%; 845 padding: 10px 25px; 846 margin-top: 170px; 847 overflow-y: initial; 848 flex-direction: row; 849 justify-content: space-between; 850 position: relative; 851 left: unset; 852 z-index: unset; 853 height: unset; 854 } 855 .ers-premium-header .header-bottom.active { 856 left: unset; 857 } 858 .ers-premium-header .header-nav-container { 859 flex-direction: row; 860 align-items: center; 861 padding: 0; 862 } 863 .ers-premium-header .header-bottom-right { 864 flex-direction: row; 865 } 866 .ers-premium-header .header-nav-item { 867 margin: 0 12px; 868 } 869 .ers-premium-header .recently-viewed-button, 870 .ers-premium-header .header-book-now-button { 871 margin: 0 10px; 872 } 873 .ers-premium-header .recently-viewed-button { 874 z-index: 4000; 875 } 876 .ers-premium-header .recently-viewed-container { 877 position: absolute; 878 width: unset; 879 height: auto; 880 max-height: 400px; 881 top: 50px; 882 left: -300px; 883 right: 0; 884 border-radius: 5px; 885 box-shadow: 0 3px 5px #707070; 886 border: solid 2px var(--color-theme-6); 887 } 888 .ers-premium-header .recently-viewed-back-button-container { 889 display: none; 890 } 891 .ers-premium-header .cart-container { 892 margin: 0 10px; 893 } 894 .ers-premium-header .megamenu-modal-container { 895 position: fixed; 896 width: 100%; 897 height: 100%; 898 top: 0; 899 left: 0; 900 right: 0; 901 bottom: 0; 902 background-color: rgba(0, 0, 0, 0.5); 903 z-index: 10000; 904 display: none; 905 opacity: 0; 906 } 907 .ers-premium-header .megamenu-modal-container.active { 908 display: initial; 909 } 910 .ers-premium-header .megamenu-modal { 911 height: 80%; 912 width: 60%; 913 border-radius: 5px; 914 box-shadow: 0 0 5px #222; 915 background-color: #fff; 916 margin: 5% auto; 917 } 918 .ers-premium-header .megamenu-modal-header { 919 margin: 0 50px 25px; 920 display: flex; 921 flex-direction: row; 922 justify-content: space-between; 923 align-items: center; 924 border-bottom: solid 2px #eee; 925 } 926 .ers-premium-header .close-megamenu { 927 font-size: 55px; 928 font-weight: 500; 929 cursor: pointer; 930 color: grey; 931 color: #222; 932 } 933 .ers-premium-header .modal-header-text { 934 font-size: 36px; 935 color: grey; 936 color: var(--color-theme-1); 937 } 938 .ers-premium-header .categories-searchbar { 939 font-size: 16px; 940 color: #222; 941 padding: 0 10px; 942 height: 45px; 943 border-radius: 5px; 944 } 945 .ers-premium-header .megamenu-category-container { 946 display: flex; 947 flex-direction: row; 948 justify-content: flex-start; 949 flex-wrap: wrap; 950 padding: 0 5%;
951 overflow-y: scroll; 952 max-height: 75%; 953 } 954 .ers-premium-header .megamenu-category-container::-webkit-scrollbar-thumb { 955 background-color: #808080; 956 } 957 .ers-premium-header .megamenu-item { 958 display: flex; 959 flex-direction: column; 960 align-items: center; 961 width: 33.333333%; 962 margin: 0 0 15px; 963 } 964 .ers-premium-header .megamenu-image-container { 965 height: 125px; 966 width: 125px; 967 display: flex; 968 align-items: center; 969 } 970 .ers-premium-header .megamenu-image { 971 max-height: 100%; 972 max-width: 100%; 973 } 974 .ers-premium-header .megamenu-title { 975 white-space: initial; 976 font-size: 16px; 977 line-height: initial; 978 text-align: center; 979 color: #222; 980 max-width: 150px; 981 } 982} 983@media only screen and (min-width: 1200px) { 984 .ers-premium-header .megamenu-item { 985 width: 25%; 986 } 987} 988@media only screen and (min-width: 1400px) { 989 .ers-premium-header .megamenu-item { 990 width: 20%; 991 } 992} 993@media only screen and (min-width: 1650px) { 994 .ers-premium-header .megamenu-item { 995 width: 16.666666%; 996 } 997} 998@media only screen and (min-width: 1900px) { 999 .ers-premium-header .megamenu-item { 1000 width: 14.285714%; 1001 } 1002} 1003</style> 1004<div class="ers-premium-header"> 1005 <div class="header-top"> 1006 <a class="header-logo-wrapper" href="/"><img src='//files.sysers.com/cp/upload/biloxibounce/editor/img_logo_biloxibouncehouse.png' class='header-logo' border='0' style='max-height:300;' alt='Biloxi Bounce House & Water Slides' title='Biloxi Bounce House & Water Slides' /></a> 1007 <div class="mobile-header-container"> 1008 <a class="hamburger-button"> 1009 <svg class="hamburger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1010 <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 17h-12v-2h12v2zm0-4h-12v-2h12v2zm0-4h-12v-2h12v2z"/> 1011 </svg> 1012 </a> 1013 <div class="product-search-container"> 1014 <form action="" class="product-search-form"> 1015 <input type="text" id="product-search-input" class="product-search-input" name="product-search-input" placeholder="Search Inventory" autocomplete="off"> 1016 <button type="submit" class="product-search-button"> 1017 <svg class="product-search-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 30.239 30.239" xml:space="preserve"> 1018 <g> 1019 <path d="M20.194,3.46c-4.613-4.613-12.121-4.613-16.734,0c-4.612,4.614-4.612,12.121,0,16.735 c4.108,4.107,10.506,4.547,15.116,1.34c0.097,0.459,0.319,0.897,0.676,1.254l6.718,6.718c0.979,0.977,2.561,0.977,3.535,0 c0.978-0.978,0.978-2.56,0-3.535l-6.718-6.72c-0.355-0.354-0.794-0.577-1.253-0.674C24.743,13.967,24.303,7.57,20.194,3.46z M18.073,18.074c-3.444,3.444-9.049,3.444-12.492,0c-3.442-3.444-3.442-9.048,0-12.492c3.443-3.443,9.048-3.443,12.492,0 C21.517,9.026,21.517,14.63,18.073,18.074z"/> 1020 </g> 1021 </svg> 1022 </button> 1023 </form> 1024 <ul class="product-search-list custom-scrollbar"></ul> 1025 </div> 1026 <a class="header-phone-number link-style" href="tel://228-243-7493"> 1027 <svg class="header-phone-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1028 <path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"/> 1029 </svg> 1030 <span class="header-phone-number-text link-style">228-243-7493</span> 1031 </a> 1032 </div> 1033 </div> 1034 <div class="mobile-banner"> 1035 <a class="megamenu-link mobile-ar-button link-style">All Rentals <span class="caret"></span></a> 1036 <a href="tel://228-243-7493" class="mobile-phone-link link-style">228-243-7493</a> 1037 </div> 1038 <div class="header-bottom custom-scrollbar"> 1039 <a class="close-hamburger-button"> 1040 <svg class="close-hamburger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1041 <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 16.094l-4.157-4.104 4.1-4.141-1.849-1.849-4.105 4.159-4.156-4.102-1.833 1.834 4.161 4.12-4.104 4.157 1.834 1.832 4.118-4.159 4.143 4.102 1.848-1.849z"/> 1042 </svg> 1043 </a> 1044 <ul class="header-nav-container"> 1045 <li class="header-nav-item"> 1046 <a class="link-style" href="/">Home</a> 1047 </li> 1048 <li class="header-nav-item"> 1049 <a class="megamenu-link link-style">All Rentals <span class="caret"></span></a> 1050 <div class="megamenu-modal-container"> 1051 <div class="megamenu-modal"> 1052 <div class="megamenu-modal-header"> 1053 <div class="close-megamenu">×</div> 1054 <div class="modal-header-text header-style">Shop By Category</div> 1055 <input type="text" id="categories-searchbar" class="categories-searchbar" name="categories-searchbar" placeholder="Search Categories"> 1056 </div> 1057 <div class="megamenu-category-container custom-scrollbar"></div> 1058 </div> 1059 </div> 1060 </li> 1061 <li class="header-nav-item"> 1062 <a class="link-style" href="/all_products/">Filter By</a> 1063 </li> 1064 1065 1066 <li class="header-nav-item"> 1067 <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us <span class="caret"></span></a> 1068 <ul class="dropdown-menu"> 1069 1070 <li class="header-nav-item"><a class="link-style" href="/about-us/">About Us</a></li> 1071 1072 <li class="header-nav-item"><a class="link-style" href="/faq/">FAQ</a></li> 1073 1074 <li class="header-nav-item"><a class="link-style" href="/delivery-area/">Delivery Area</a></li> 1075 1076 <li class="header-nav-item"><a class="link-style" href="/deals/">Deals</a></li> 1077 1078 <li class="header-nav-item"><a class="link-style" href="/rental-agreement/">Rental Agreement</a></li> 1079 1080 <li class="header-nav-item">
1080<a class="link-style" href="/safety-instructions/">Safety Instructions</a></li> 1081 1082 </ul> 1083 </li> 1084 1085 <li class="header-nav-item"> 1086 <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <span class="caret"></span></a> 1087 <ul class="dropdown-menu"> 1088 1089 <li class="header-nav-item"><a class="link-style" href="/party-rental-blog/">All Categories</a></li> 1090 1091 <li class="header-nav-item"><a class="link-style" href="/categories/bounce-houses/">Bounce House Blog</a></li> 1092 1093 <li class="header-nav-item"><a class="link-style" href="/categories/water-slides/">Water Slide Blog</a></li> 1094 1095 </ul> 1096 </li> 1097 1098 <li class="header-nav-item"><a class="link-style" href="/contact-us/">Contact Us</a></li> 1099 1100 <li class="header-nav-item"> 1101 <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Locations <span class="caret"></span></a> 1102 <ul class="dropdown-menu"> 1103 1104 <li class="header-nav-item"><a class="link-style" href="/locations/">All Locations</a></li> 1105 1106 <li class="header-nav-item"><a class="link-style" href="/locations/biloxi/">Biloxi</a></li> 1107 1108 <li class="header-nav-item"><a class="link-style" href="/locations/mobile/">Mobile</a></li> 1109 1110 <li class="header-nav-item"><a class="link-style" href="/locations/gulfport/">Gulfport</a></li> 1111 1112 <li class="header-nav-item"><a class="link-style" href="/locations/pascagoula/">Pascagoula</a></li> 1113 1114 <li class="header-nav-item"><a class="link-style" href="/locations/gautier/">Gautier</a></li> 1115 1116 </ul> 1117 </li> 1118 1119 1120 </ul> 1121 <div class="header-category-container"> 1122 <div class="header-nav-back-button-container"> 1123 <a class="header-nav-back-button"> 1124 <svg class="header-nav-back-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1125 <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2 12l-4.5 4.5 1.527 1.5 5.973-6-5.973-6-1.527 1.5 4.5 4.5z"/> 1126 </svg> 1127 </a> 1128 <span class="header-nav-back-button-title header-style">Shop By Category</span> 1129 </div> 1130 <div class="megamenu-category-container custom-scrollbar"></div> 1131 </div> 1132 <div class="header-bottom-right"> 1133 <div class="recently-viewed-wrapper-header"> 1134 <a class="recently-viewed-button link-style">Recently Viewed</a> 1135 <div class="recently-viewed-container"> 1136 <div class="recently-viewed-back-button-container"> 1137 <a class="recently-viewed-back-button"> 1138 <svg class="recently-viewed-back-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1139 <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2 12l-4.5 4.5 1.527 1.5 5.973-6-5.973-6-1.527 1.5 4.5 4.5z"/> 1140 </svg> 1141 </a>
1142 <span class="recently-viewed-back-button-title header-style">Recently Viewed Items</span> 1143 </div> 1144 <div class="recently-viewed-items-container custom-scrollbar"></div> 1145 </div> 1146 </div> 1147 <a class="header-book-now-button button-style" href="/order-by-date/">Order By Date</a> 1148 <a class="cart-container" href="/cart/"> 1149 <svg class="cart-icon link-style" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g><polygon points="26.672,15.636 30.229,57.839 92.887,57.839 100,15.636 "/><polygon points="20.39,7.263 12.841,7.263 0,7.263 0,15.636 13.683,15.636 19.124,69.772 21.604,69.772 26.672,69.772 92.887,69.772 92.887,61.396 25.831,61.396 "/><circle cx="39.593" cy="82.802" r="9.935"/><circle cx="76.673" cy="82.802" r="9.935"/></g></svg> 1150 </a> 1151 </div> 1152 </div> 1153</div>
1154<script type="text/javascript"> 1155// Functions to enable and disable scrolling 1156const disableScroll = () => { 1157 $('body').css({'overflow':'hidden'}); 1158 $(document).bind('scroll', () => { 1159 window.scrollTo(0,0); 1160 }); 1161} 1162const enableScroll = () => { 1163 $(document).unbind('scroll'); 1164 $('body').css({'overflow':'visible'}); 1165} 1166 1167// Initialize recently viewed items for the header 1168const initializeRecentlyViewedHeader = () => { 1169 const storageItems = Object.keys(localStorage); 1170 let hasItems = false; 1171 for (let storageItem of storageItems) { 1172 try { 1173 let formattedStorageItem = JSON.parse(localStorage.getItem(storageItem)); 1174 1175 if (formattedStorageItem.price !== undefined) { 1176 $('.recently-viewed-items-container').append(` 1177 <a class="recently-viewed-item link-style" href="${formattedStorageItem.path}"> 1178 <div class="recently-item-picture-wrapper"> 1179 <img class="recently-item-picture" src="${formattedStorageItem.picture}" alt="${formattedStorageItem.name}" /> 1180 </div> 1181 <div class="recently-item-content"> 1182 <div class="recently-item-name">${formattedStorageItem.name}</div> 1183 <div class="recently-item-price">${formattedStorageItem.price}</div> 1184 </div> 1185 </a> 1186 `); 1187 hasItems = true; 1188 } 1189 } catch(err) { 1190 console.log(err); 1191 } 1192 } 1193 if ($('.recently-viewed-button').closest('body[class*="ers"]').length && !hasItems) { 1194 $('.recently-viewed-button').css('display', 'none'); 1195 } 1196} 1197initializeRecentlyViewedHeader(); 1198 1199$('.recently-viewed-button').click(() => { 1200 $('.recently-viewed-container').toggleClass('active'); 1201 if ($('.recently-viewed-container').hasClass('active')) { 1202 $('.recently-viewed-container').css('display', 'flex'); 1203 $('.recently-viewed-container').animate( 1204 {opacity:1}, 1205 100 1206 ); 1207 } else { 1208 $('.recently-viewed-container').animate( 1209 {opacity:0}, 1210 100, 1211 () => { 1212 $('.recently-viewed-container').css('display', 'none'); 1213 } 1214 ); 1215 } 1216}); 1217$('.recently-viewed-back-button').click(() => { 1218 $('.recently-viewed-container').removeClass('active'); 1219 $('.recently-viewed-container').animate( 1220 {opacity:0}, 1221 100, 1222 () => { 1223 $('.recently-viewed-container').css('display', 'none'); 1224 } 1225 ); 1226}); 1227$(document).click((e) => { 1228 if (window.matchMedia("only screen and (min-width: 992px)").matches) { 1229 if (!e.target.closest('div').classList.contains('recently-viewed-wrapper-header') && $('.recently-viewed-container').hasClass('active')) { 1230 $('.recently-viewed-container').removeClass('active'); 1231 $('.recently-viewed-container').animate( 1232 {opacity:0}, 1233 100, 1234 () => { 1235 $('.recently-viewed-container').css('display', 'none'); 1236 } 1237 ); 1238 } 1239 } 1240}); 1241 1242// Initialize megamenu functionality 1243const displayCategoriesSearchResults = () => { 1244 let selectedCategories = []; 1245 1246 categoriesData.forEach(category => { 1247 if (category.name.toLowerCase().includes(categoriesQuery.toLowerCase()) && categoriesQuery !== '') { 1248 selectedCategories.push(category); 1249 } 1250 }); 1251 1252 if (categoriesQuery === '') { 1253 createMegamenu(categoriesData); 1254 } else { 1255 createMegamenu(selectedCategories); 1256 } 1257} 1258$('#categories-searchbar').keyup((e) => { 1259 categoriesQuery = e.target.value; 1260 $('.megamenu-category-container').empty(); 1261 displayCategoriesSearchResults(); 1262}); 1263$('.header-nav-back-button').click(() => { 1264 setTimeout(() => { 1265 $('.megamenu-category-container').empty(); 1266 }, 250) 1267 $('.header-category-container').toggleClass('active'); 1268}); 1269 1270const createMegamenu = (data) => {
1271 let counter = 0; 1272 if (productsData && categoriesData) { 1273 data.forEach((category, index) => { 1274 if (category.display === true || category.display === 'web_only') { 1275 $('.megamenu-category-container').append(` 1276 <a class="megamenu-item megamenu-item-${index} link-style" style="opacity:0;" href="${category.url}"> 1277 <div class="megamenu-image-container"> 1278 <img class="megamenu-image" loading="lazy" src="${category.picture}"> 1279 </div> 1280 <div class="megamenu-title">${category.name}</div> 1281 </a> 1282 `); 1283 setTimeout(() => { 1284 $('.megamenu-item-' + index).animate( 1285 {'opacity':1}, 1286 150 1287 ); 1288 }, index * 25); 1289 } 1290 }); 1291 } else if (counter < 16) { 1292 setTimeout(() => { 1293 counter += 1; 1294 createMegamenu(); 1295 }, 250); 1296 } 1297} 1298$('.megamenu-link').click(() => { 1299 $('.megamenu-category-container').empty(); 1300 createMegamenu(categoriesData); 1301 1302 if (window.matchMedia("only screen and (max-width: 992px)").matches) { 1303 $('.header-category-container').toggleClass('active'); 1304 } else { 1305 $('.megamenu-modal-container').toggleClass('active'); 1306 $('.megamenu-modal-container').animate( 1307 {'opacity': 1}, 1308 250 1309 ); 1310 disableScroll(); 1311 } 1312}); 1313$('.close-megamenu').click(() => { 1314 $('.megamenu-modal-container').animate( 1315 {'opacity': 0}, 1316 250, 1317 () => { 1318 $('.megamenu-category-container').empty(); 1319 $('.megamenu-modal-container').toggleClass('active'); 1320 $('#categories-searchbar').val(''); 1321 enableScroll(); 1322 if (window.matchMedia("only screen and (max-width: 992px)").matches) { 1323 window.addEventListener('scroll', shrinkLogoOnScroll); 1324 } 1325 } 1326 ); 1327}); 1328 1329// Intialize searchbar functionality 1330let query = ''; 1331let keywordCategories = []; 1332let addedProductsIds = []; 1333 1334const delaySearch = (callback, ms) => { 1335 var timer = 0; 1336 return function() { 1337 var context = this, args = arguments; 1338 clearTimeout(timer); 1339 timer = setTimeout(() => { 1340 callback.apply(context, args); 1341 }, ms || 0); 1342 }; 1343} 1344 1345$('#product-search-input').keyup(delaySearch((e) => { 1346 keywordCategories = []; 1347 $('.product-search-list').empty(); 1348 query = e.target.value; 1349 displaySearchResults(); 1350}, 250)); 1351$('#product-search-input').click(delaySearch((e) => { 1352 keywordCategories = []; 1353 $('.product-search-list').empty(); 1354 displaySearchResults(); 1355}, 250)); 1356$('.product-search-form').submit((e) => { 1357 e.preventDefault(); 1358 document.location.href = `/category/?item_search=${query}`; 1359}); 1360 1361const bounceKeywords = ['moonwalks', 'moonwalk', 'moon walks', 'moon walk', 'jumpy houses', 'jumpy house', 'spacewalks', 'spacewalk', 'space walks', 'space walk', 'moon bounces', 'moon bounce', 'moon jumps', 'moon jump', 'moon', 'brincas brincas', 'brinca brinca', 'brincas', 'brinca', 'inflatables', 'inflatable', 'bouncers', 'bouncer', 'inflatable castles', 'inflatable castle', 'bouncy castles', 'bouncy castle', 'bouncy houses', 'bouncy house', 'jumpy balloon', 'jumpers', 'jumper', 'jumps', 'jump', 'brincolin']; 1362const slideKeywords = ['water', 'wet']; 1363const mechanicalKeywords = ['carnival', 'train', 'axe', 'axe throw', 'axe throwing', 'roller', 'roller coaster', 'carousel', 'swing', 'mechanical', 'mechanical bull', 'meltdown', 'ride', 'rides', 'rock', 'rock wall', 'rockwall', 'foam', 'foam machine', 'kiddy rides', 'party rides']; 1364const tentsKeywords = ['tables', 'table', 'chairs', 'chair']; 1365const chairsKeywords = ['tents', 'tent', 'tables', 'table']; 1366const tablesKeywords = ['tents', 'tent', 'chairs', 'chair']; 1367 1368const bounceCategories = ['bounce houses', 'combos', 'combo bouncers', 'combo bounce houses', 'inflatable', 'inflatable games']; 1369const slideCategories = ['water slides', 'dry slides', 'dunk tanks', 'inflatable slides', 'wet combos', 'wet combo bouncers']; 1370const mechanicalCategories = ['mechanical rides', 'carnival rides', 'inflatable games']; 1371const tentsCategories = ['tents']; 1372const chairsCategories = ['chairs']; 1373const tablesCategories = ['tables']; 1374 1375const addSelectedCategoriesToKeywordCategories = (keywords, selectedCategories) => { 1376 keywords.forEach(keyword => { 1377 if (query.toLowerCase() === keyword.toLowerCase()) { 1378 keywordCategories = keywordCategories.concat(selectedCategories); 1379 } 1380 }) 1381} 1382const compareQuerySynonyms = () => { 1383 addSelectedCategoriesToKeywordCategories(bounceKeywords, bounceCategories); 1384 addSelectedCategoriesToKeywordCategories(slideKeywords, slideCategories); 1385 addSelectedCategoriesToKeywordCategories(mechanicalKeywords, mechanicalCategories); 1386 addSelectedCategoriesToKeywordCategories(tentsKeywords, tentsCategories); 1387 addSelectedCategoriesToKeywordCategories(chairsKeywords, chairsCategories); 1388 addSelectedCategoriesToKeywordCategories(tablesKeywords, tablesCategories); 1389} 1390const displaySearchResults = () => { 1391 productsData.forEach(product => { 1392 let categoryNameIncludesKeyword = false; 1393 let addedProductsIds = []; 1394 let categoryName = ''; 1395 categoriesData.forEach(category => { 1396 if (product.categoryIds[0] === category.id) { 1397 categoryName = category.name; 1398 } 1399 }); 1400 1401 const addProduct = () => { 1402 if (!addedProductsIds.includes(product.id)) { 1403 $('.product-search-list').append(` 1404 <li data-value="${product.id}" class="product product-${product.id}"> 1405 <a class="product-link" href="${product.url}"> 1406 <div class="product-details"> 1407 <div class="product-image-wrapper"> 1408 <img class="product-image" src="${product.picture}" loading="lazy" alt="${product.name}" /> 1409 </div> 1410 <div class="product-info"> 1411 <div class="product-name">${product.name}</div> 1412 <div class="category-name">${categoryName}</div> 1413 </div> 1414 <div class="product-price">$${product.baseCost}</div> 1415 </div> 1416 </a> 1417 </li> 1418 `); 1419 addedProductsIds.push(product.id); 1420 } 1421 } 1422 1423 if (product.name.toLowerCase().includes(query.toLowerCase()) && query.trim() !== '') { 1424 console.log('product'); 1425 addProduct(); 1426 } 1427 setTimeout(() => { 1428 categoriesData.forEach(category => { 1429 if (category.name === categoryName) { 1430 category.name.split(' ').forEach(categoryWord => { 1431 if (categoryWord.toLowerCase() === query.toLowerCase() && query.trim() !== '') { 1432 console.log('category'); 1433 addProduct(); 1434 } 1435 }); 1436 } 1437 }); 1438 }, 50); 1439 setTimeout(() => { 1440 compareQuerySynonyms();
1441 keywordCategories.forEach(keywordCategory => { 1442 if (categoryName.toLowerCase().includes(keywordCategory.toLowerCase()) && query.trim() !== '') { 1443 console.log('keyword'); 1444 addProduct(); 1445 } 1446 }); 1447 }, 100); 1448 }); 1449} 1450$(document).click((e) => { 1451 if (!e.target.closest('div').classList.contains('product-search-container')) { 1452 $('.product-search-list').empty(); 1453 } 1454 1455 if ( 1456 e.target.closest('div') === null || 1457 e.target.closest('div').classList.contains('megamenu-modal-container') && 1458 document.querySelectorAll('.megamenu-modal-container')[0].classList.contains('active') 1459 ) { 1460 $('.megamenu-modal-container').animate( 1461 {'opacity': 0}, 1462 250, 1463 () => { 1464 $('.megamenu-category-container').empty(); 1465 $('.megamenu-modal-container').toggleClass('active'); 1466 $(document).unbind('scroll'); 1467 $('body').css({'overflow':'visible'}); 1468 $('#categories-searchbar').val(''); 1469 } 1470 ); 1471 } 1472}); 1473 1474// Shrink logo when user scrolls below 100px 1475const shrinkLogoOnScroll = () => { 1476 let headerLogoWrapper = document.querySelectorAll('.header-logo-wrapper')[0]; 1477 let headerTop = document.querySelectorAll('.header-top')[0]; 1478 if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { 1479 if (!headerLogoWrapper.classList.contains('active')) { 1480 headerLogoWrapper.classList.add('active'); 1481 headerTop.classList.add('active'); 1482 } 1483 } else { 1484 if (headerLogoWrapper.classList.contains('active')) { 1485 headerLogoWrapper.classList.remove('active'); 1486 headerTop.classList.remove('active'); 1487 } 1488 } 1489} 1490window.addEventListener('scroll', shrinkLogoOnScroll); 1491 1492// Initialize hamburger menu functionality on mobile 1493$('.hamburger-button').click(() => { 1494 $('.header-bottom').addClass('active'); 1495 disableScroll(); 1496 if (!$('.header-logo-wrapper').hasClass('active')) { 1497 $('.header-logo-wrapper').toggleClass('active'); 1498 } 1499}); 1500$('.close-hamburger-button').click(() => { 1501 $('.header-bottom').removeClass('active'); 1502 enableScroll(); 1503 if (!window.matchMedia("only screen and (min-width: 992px)").matches) { 1504 window.addEventListener('scroll', shrinkLogoOnScroll); 1505 } 1506 if (document.documentElement.scrollTop < 100 && $('.header-logo-wrapper').hasClass('active')) { 1507 $('.header-logo-wrapper').toggleClass('active'); 1508 } 1509}); 1510window.addEventListener('resize', () => { 1511 if (window.matchMedia("only screen and (min-width: 992px)").matches) { 1512 if ($('.header-bottom').hasClass('active')) { 1513 $('.header-bottom').removeClass('active'); 1514 enableScroll(); 1515 } 1516 if (document.documentElement.scrollTop < 100 && $('.header-logo-wrapper').hasClass('active')) { 1517 $('.header-logo-wrapper').toggleClass('active'); 1518 } 1519 if ($('.header-category-container').hasClass('active')) { 1520 $('.header-category-container').removeClass('active'); 1521 } 1522 } 1523}); 1524 1525// Resize search list container width to match search bar 1526const matchSearchWidth = () => { 1527 if (window.matchMedia("only screen and (min-width: 600px)").matches) { 1528 let searchbarWidth = $('.product-search-container').width(); 1529 $('.product-search-list').css('width', searchbarWidth - 20); 1530 } else { 1531 $('.product-search-list').css('width', 'unset'); 1532 } 1533} 1534$(document).ready(() => { 1535 matchSearchWidth(); 1536}) 1537window.addEventListener('resize', matchSearchWidth); 1538window.addEventListener('scroll', matchSearchWidth); 1539 1540// Display an item count indicator on the cart icon if user has items in cart 1541if ('0' !== '') { 1542 $('.cart-container').append('<div class="cart-count-indicator">0</div>') 1543} 1544</script>
1544</span><div id='main_section_editor_container'><div style="clear:left" id="sepS" class="edsep"></div><div id="newdiv_insert_n2"><style> 1545 1546 1547</style> 1548 1549<div id="elemtype-Welcome CTA Banner" option_count="1"></div> 1550<style> 1551 /* Basic reset and body styling */ 1552 .cta-banner { 1553 margin: 0; 1554 padding: 0; 1555 box-sizing: border-box; 1556 } 1557 1558 /* Container for the image and text, replace img url*/ 1559 .cta-banner .cta-container { 1560 min-height: 500px; 1561 height: auto; 1562 width: 100%; 1563 display: flex; 1564 flex-direction: column; 1565 justify-content: center; 1566 align-items: center; 1567 text-align: center; 1568 color: white; 1569 position: relative; 1570 overflow: hidden; 1571 z-index: 1; 1572 } 1573 1574 .cta-container .cta-info-container { 1575 position: absolute; 1576 display: flex; 1577 flex-direction: column; 1578 justify-content: center; 1579 align-items: center; 1580 } 1581 1582 /* Styling for the heading */ 1583 .cta-container .cta-info-container span { 1584 width: 90%; 1585 font-size: 3rem; 1586 margin-bottom: 20px; 1587 font-weight: bold; 1588 z-index: 2; 1589 text-wrap: balance; 1590 } 1591 1592 /* Styling for the paragraph text */ 1593 .cta-container .cta-info-container .cta-paragraph-1 { 1594 font-size: 1.25rem; 1595 width: 90%; 1596 max-width: 600px; 1597 margin-bottom: 20px; 1598 line-height: 1.5; 1599 z-index: 2; 1600 text-wrap: pretty; 1601 } 1602 1603 .cta-container .cta-info-container a { 1604 z-index: 2; 1605 } 1606 1607 .cta-container .cta-image { 1608 display: block; 1609 position: relative; 1610 left: 0; 1611 top: 0; 1612 width: 100%; 1613 height: 100%; 1614 object-fit: contain; 1615 } 1616 1617 1618 @media (max-width: 993px) { 1619 .cta-banner .cta-container { 1620 background-color: var(--color-theme-1); 1621 } 1622 1623 .cta-container .cta-image { 1624 display: none; 1625 } 1626 1627 } 1628</style> 1629<section class="cta-banner"> 1630 <div id="cta-container-n2at_0_" class="cta-container"> 1631 1632 <div id="cta-info-container-n2at_0_" class="cta-info-container"> 1633 <span class="h1 header-style" id="n2at_0_textid-cta-headline-1" data-id="n2at_0_textid-cta-headline-1">Creating Unforgettable Moments, One Bounce at a Time</span> 1634 1635 <div class="cta-paragraph-1" id="n2at_0_textid-cta-paragraph-1" data-id="n2at_0_textid-cta-paragraph-1">From backyard birthdays to block parties, we deliver clean, safe funâso you can focus on the smiles, not the stress.</div> 1636 1637 <a id="n2at_0_textid-ers-cta-button" data-id="n2at_0_textid-ers-cta-button" class="btn button-style" href="/category/">Book Now!</a> 1638 </div> 1639 1640 <img class="cta-image" loading="lazy" id="n2at_0_imageid-cta-image" data-id="n2at_0_imageid-cta-image" src="https://files.sysers.com/cp/upload/premium-template-3/gallery/cta_bg.png"> 1641 </div> 1642</section> 1643
1644<script> 1645 function adjustParentHeight() { 1646 const parent = document.getElementById('cta-container-n2at_0_'); 1647 const child = document.getElementById('cta-info-container-n2at_0_'); 1648 parent.style.height = `${child.offsetHeight + 200}px`; 1649 } 1650 1651 // Call the function to adjust the height 1652 adjustParentHeight(); 1653 1654 // Optionally, you can call this function on window resize or other events 1655 window.addEventListener('resize', adjustParentHeight); 1656</script>
1656 1657</div><div style="clear:left" id="sepDn2" class="edsep"></div><div id="newdiv_insert_n7"><style> 1658 1659 1660</style> 1661 1662<div id="elemtype-Header Section" option_count="2"></div> 1663<style rel="stylesheet" type="text/css"> 1664 1665.header-section.option1 .header-text { 1666 color: #222; 1667} 1668.header-section.option2 .header-text { 1669 color: var(--color-theme-1); 1670} 1671.header-section .header-text * { 1672 font-family: inherit; 1673} 1674</style> 1675 1676 <div class="header-section option1"> 1677 1678 1679 <div class="container"> 1680 <div class="row"> 1681 <div class="col-md-12 header-style h2 header-text" id="n7at_0_textid-header-text" data-id="n7at_0_textid-header-text"><h1><center>Because Every Celebration Deserves to Be Joyful, Not Stressful</center></h1></div> 1682 </div> 1683 </div> 1684</div> 1685</div><div style="clear:left" id="sepDn7" class="edsep"></div><div id="newdiv_insert_n3"><style> 1686 1687 1688</style> 1689 1690<div id="elemtype-Text1" option_count="3"></div> 1691 1692<style> 1693 .textcontainer-99bc57f { text-align: left; } 1694 1695 1696 1697 1698</style> 1699 1700 1701<section class="text-area text1"> 1702 <div class="container"> 1703 <div class="row-spacing"></div> 1704 <div class="row"> 1705 <div class="col-md-12"> 1706 <div class="textcontainer textcontainer-99bc57f" id="n3at_0_textid-text1" data-id="n3at_0_textid-text1">Planning your childâs birthday shouldnât feel like a second job and it definitely shouldnât leave you comparing your party to Pinterest-perfect posts. At Biloxi Bounce House, we get it. Weâre parents too. Thatâs why we offer more than just inflatable rentalsâwe deliver peace of mind wrapped in giggles, squeals, and stress-free celebration. Whether you're looking for a water slide to beat the Mississippi heat or a bounce house that turns your backyard into a magical wonderland, we bring it all with a smile, professional setup, and early delivery options that let you breathe. Our equipment is sanitized, inspected, and handled like it's for our own kidsâbecause to us, it kind of is. You donât have to do it all alone. Let us help you throw a party where your childâs laughter is louder than your to-do list.</div> 1707 </div> 1708 </div> 1709 <div class="row-spacing"></div> 1710 </div> 1711</section> 1712 1713 1714<!-- tplid text1 --> 1715 1716 1717</div><div style="clear:left" id="sepDn3" class="edsep"></div><div id="newdiv_insert_n10"><style> 1718 1719 1720</style> 1721 1722<div id="elemtype-Spacing" option_count="2"></div> 1723<style rel="stylesheet" type="text/css"> 1724 .ers-spacing { 1725 height: 40px; 1726 } 1727</style> 1728<div class="ers-spacing"></div> 1729</div><div style="clear:left" id="sepDn10" class="edsep"></div><div id="newdiv_insert_n9"><style> 1730 1731 1732</style> 1733 1734<div id="elemtype-Feature Section Main" option_count="2"></div> 1735 1736 1737<style> 1738 1739 .img-container-7c8e328 { 1740 background-color: #222; 1741 min-height: 150px; 1742 } 1743 1744 .text-box-7c8e328 { 1745 padding: 0; 1746 padding-bottom: 1.5em; 1747 background: radial-gradient( at top, #0053a7, #127); 1748 } 1749 1750 .header-7c8e328 { 1751 padding: 1em; 1752 background-color: #dadada; 1753 color: #137; 1754 font-weight: bold; 1755 font-family: verdana, sans-serif; 1756 text-transform: uppercase; 1757 text-align: center; 1758 } 1759 1760 .content-7c8e328 { 1761 text-align: center; 1762 color: white; 1763 font-size: 12pt; 1764 padding: 1em; 1765 } 1766 1767 .btn-7c8e328 { 1768 border-radius:0px; 1769 } 1770 1771 a[href].text-button-7c8e328 { 1772 font-family: verdana, sans-serif; 1773 text-decoration: none; 1774 display: block; 1775 margin: auto; 1776 width: 80%; 1777 color: #113376; 1778 background-color: #eabd00; 1779 text-align: center; 1780 box-sizing: border-box; 1781 padding: .5em; 1782 } 1783 1784@media screen and ( max-width: 800px ) { 1785 1786 .img-responsive-7c8e328 { 1787 width: 100%; 1788 } 1789 1790 .col-sm-6-7c8e328 { 1791 margin-bottom: 6em; 1792 } 1793} 1794 1795.h3-7c8e328 { 1796 font-weight: normal; 1797 margin-bottom: .9rem; 1798 font-size: 2.1rem; 1799 line-height: 2.5rem; 1800 font-family: 'Lane', sans-serif; 1801 margin-top: 0; 1802 color: inherit; 1803} 1804</style> 1805 1806<section class="feature-section"> 1807 1808 <div class="container"> 1809 <div class="row-spacing"></div> 1810 1811 <!-- For normal size screens separate layout --> 1812 <div class="hidden-xs row"> 1813 <div class="col-sm-4 text-center"> 1814 <img id="n9at_0_imageid-if1" data-id="n9at_0_imageid-if1" src="https://files.sysers.com/cp/upload/biloxibounce/gallery/kids-party-rentals-%281%29.jpg" class="img-responsive img-responsive-7c8e328"> 1815 <div class="row-spacing"></div> 1816 <div class="h3 h3-7c8e328 title" id="n9at_0_textid-f-t1-1" data-id="n9at_0_textid-f-t1-1"><strong>Bounce Houses</strong></div> 1817 <div class="team-separator"></div> 1818 1819 <div class="info" id="n9at_0_textid-f-info-1" data-id="n9at_0_textid-f-info-1">Safe, clean, and full of funâour bounce houses turn any backyard into a party zone. Perfect for birthdays, school events, or just because!</div> 1820 1821 </div> 1822 1823 <div class="hidden-xs col-sm-4 text-center"> 1824 <img id="n9at_0_imageid-if2" data-id="n9at_0_imageid-if2" src="https://files.sysers.com/cp/upload/biloxibounce/gallery/Water-slide-rental.jpg" class="img-responsive img-responsive-7c8e328"> 1825 <div class="row-spacing"></div> 1826 <div class="h3 h3-7c8e328 title" id="n9at_0_textid-f-t1-2" data-id="n9at_0_textid-f-t1-2"><strong>Water Slides</strong></div> 1827 <div class="team-separator"></div> 1828 1829 <div class="info" id="n9at_0_textid-f-info-2" data-id="n9at_0_textid-f-info-2">Beat the Gulf Coast heat with thrilling water slides! From splashy fun to slippery races, we bring the coolest summer memories right to your door.</div> 1830 1831 </div> 1832 1833 <div class="hidden-xs col-sm-4 text-center"> 1834 <img id="n9at_0_imageid-if3" data-id="n9at_0_imageid-if3" src="https://files.sysers.com/cp/upload/biloxibounce/gallery/Tent-Rentals.jpg" class="img-responsive img-responsive-7c8e328"> 1835 <div class="row-spacing"></div> 1836 <div class="h3 h3-7c8e328 title" id="n9at_0_textid-f-t1-3" data-id="n9at_0_textid-f-t1-3"><strong>Tent Rentals</strong></div> 1837 <div class="team-separator"></div> 1838 1839 <div class="info" id="n9at_0_textid-f-info-3" data-id="n9at_0_textid-f-info-3">Rain or shine, weâve got you covered. Our tent rentals create the perfect setup for shade, comfort, and peace of mind at any celebration.</div> 1840 1841 </div> 1842 </div> 1843 <!-- Buttons separated for even column heights --> 1844 1845 <div class="hidden-xs row"> 1846 <div class="col-sm-4"> 1847 <div class="row-spacing"></div> 1848 <a id="n9at_0_textid-f-btn1" data-id="n9at_0_textid-f-btn1" href="/categories/bounce-houses/" class="btn btn-7c8e328 bt
1848n-primary btn-lg btn-block" target="">Bounce Houses Blogs</a> 1849 <div class="row-spacing"></div> 1850 </div> 1851 1852 <div class="col-sm-4"> 1853 <div class="row-spacing"></div> 1854 <a id="n9at_0_textid-f-btn2" data-id="n9at_0_textid-f-btn2" href="/categories/water-slides/" class="btn btn-7c8e328 btn-primary btn-lg btn-block" target="">Water Slides Blogs</a> 1855 <div class="row-spacing"></div> 1856 </div> 1857 1858 <div class="col-sm-4"> 1859 <div class="row-spacing"></div> 1860 <a id="n9at_0_textid-f-btn3" data-id="n9at_0_textid-f-btn3" href="/categories/tents/" class="btn btn-7c8e328 btn-primary btn-lg btn-block" target="">Tent Rentals Blogs</a> 1861 <div class="row-spacing"></div> 1862 </div> 1863 </div> 1864 1865 1866 <!-- For xsmall screens use full width layout --> 1867 <div class="hidden-sm hidden-md hidden-lg row"> 1868 <div class="col-xs-12 text-center"> 1869 <img id="n9at_0_imageid-if1" data-id="n9at_0_imageid-if1" src="https://files.sysers.com/cp/upload/biloxibounce/gallery/kids-party-rentals-%281%29.jpg" class="img-responsive img-responsive-7c8e328"> 1870 <div class="row-spacing"></div> 1871 <div class="h3 h3-7c8e328 title" id="n9at_0_textid-f-t1-1" data-id="n9at_0_textid-f-t1-1"><strong>Bounce Houses</strong></div> 1872 <div class="team-separator"></div> 1873 1874 <div class="info" id="n9at_0_textid-f-info-1" data-id="n9at_0_textid-f-info-1">Safe, clean, and full of funâour bounce houses turn any backyard into a party zone. Perfect for birthdays, school events, or just because!</div> 1875 <a id="n9at_0_textid-f-btn1" data-id="n9at_0_textid-f-btn1" href="/categories/bounce-houses/" class="btn btn-7c8e328 btn-primary btn-lg" target="">Bounce Houses Blogs</a> 1876 1877 <div class="row-spacing"></div> 1878 </div> 1879 1880 <div class="col-xs-12 text-center"> 1881 <img id="n9at_0_imageid-if2" data-id="n9at_0_imageid-if2" src="https://files.sysers.com/cp/upload/biloxibounce/gallery/Water-slide-rental.jpg" class="img-responsive img-responsive-7c8e328"> 1882 <div class="row-spacing"></div> 1883 <div class="h3 h3-7c8e328 title" id="n9at_0_textid-f-t1-2" data-id="n9at_0_textid-f-t1-2"><strong>Water Slides</strong></div> 1884 <div class="team-separator"></div> 1885 <div class="info" id="n9at_0_textid-f-info-2" data-id="n9at_0_textid-f-info-2">Beat the Gulf Coast heat with thrilling water slides! From splashy fun to slippery races, we bring the coolest summer memories right to your door.</div> 1886 1887 <a id="n9at_0_textid-f-btn2" data-id="n9at_0_textid-f-btn2" href="/categories/water-slides/" class="btn btn-7c8e328 btn-primary btn-lg" target="">Water Slides Blogs</a> 1888 1889 <div class="row-spacing"></div> 1890 </div> 1891 1892 <div class="col-xs-12 text-center"> 1893 <img id="n9at_0_imageid-if3" data-id="n9at_0_imageid-if3" src="https://files.sysers.com/cp/upload/biloxibounce/gallery/Tent-Rentals.jpg" class="img-responsive img-responsive-7c8e328"> 1894 <div class="row-spacing"></div> 1895 <div class="h3 h3-7c8e328 title" id="n9at_0_textid-f-t1-3" data-id="n9at_0_textid-f-t1-3"><strong>Tent Rentals</strong></div> 1896 <div class="team-separator"></div> 1897 <div class="info" id="n9at_0_textid-f-info-3" data-id="n9at_0_textid-f-info-3">Rain or shine, weâve got you covered. Our tent rentals create the perfect setup for shade, comfort, and peace of mind at any celebration.</div> 1898 1899 <a id="n9at_0_textid-f-btn3" data-id="n9at_0_textid-f-btn3" href="/categories/tents/" class="btn btn-7c8e328 btn-primary btn-lg" target="">Tent Rentals Blogs</a> 1900 1901 <div class="row-spacing"></div> 1902 </div> 1903 </div> 1904 </div> 1905 1906</section> 1907 1908<!-- tplid old_feature_section --> 1909 1910 1911</div><div style="clear:left" id="sepDn9" class="edsep"></div><div id="newdiv_insert_n5"><style> 1912 1913 1914</style> 1915 1916<div id="elemtype-Spacing" option_count="2"></div> 1917<style rel="stylesheet" type="text/css"> 1918 .ers-spacing { 1919 height: 40px; 1920 } 1921</style> 1922<div class="ers-spacing"></div> 1923</div><div style="clear:left" id="sepDn4" class="edsep"></div><div id="newdiv_insert_n6"><style> 1924 1925 1926</style> 1927 1928<div id="elemtype-Spacing" option_count="2"></div> 1929<style rel="stylesheet" type="text/css"> 1930 .ers-spacing { 1931 height: 40px; 1932 } 1933</style> 1934<div class="ers-spacing"></div> 1935</div><div style="clear:left" id="sepDn6" class="edsep"></div></div><style> 1936 1937 1938</style> 1939 1940<div id='elemtype-FooterCustom' option_count=''></div> 1941<style rel="stylesheet" type="text/css"> 1942.ers-premium-footer { 1943 width: 100%; 1944 display: flex; 1945 flex-direction: column;
1946 align-items: center; 1947 background-color: grey; 1948 background-color: var(--color-theme-3); 1949} 1950.ers-premium-footer .footer-nav { 1951 display: flex; 1952 flex-direction: row; 1953 flex-wrap: wrap; 1954 justify-content: center; 1955 margin: 40px 0 0; 1956 padding: 10px 0; 1957 border-top: solid 1px var(--color-theme-6); 1958 border-bottom: solid 1px var(--color-theme-6); 1959} 1960.ers-premium-footer .footer-nav > .footer-nav-item { 1961 list-style-type: none; 1962 margin: 5px 8px; 1963} 1964.ers-premium-footer .footer-nav > .footer-nav-item > a.link-style { 1965 color: var(--color-theme-6); 1966} 1967.ers-premium-footer .dropdown-menu { 1968 top: unset; 1969 left: unset; 1970} 1971.ers-premium-footer .footer-logo-wrapper { 1972 height: 125px; 1973 max-width: 100%; 1974 display: flex; 1975 align-items: center; 1976 justify-content: center; 1977 margin: 40px 0; 1978} 1979.ers-premium-footer .footer-logo { 1980 max-height: 100%; 1981 max-width: 100%; 1982} 1983.ers-premium-footer .social-icons-container { 1984 display: flex; 1985 justify-content: center; 1986 flex-direction: row; 1987 flex-wrap: wrap; 1988 max-width: 75%; 1989 margin: 40px auto; 1990} 1991.ers-premium-footer .social-icons-container > a { 1992 transition: 0.25s; 1993 padding: 10px; 1994 width: 45px; 1995 height: 45px; 1996 margin-bottom: 10px; 1997 border-radius: 33px; 1998 display: flex; 1999 border: solid 2px var(--color-theme-6); 2000} 2001.ers-premium-footer .social-icons-container > a:hover { 2002 filter: brightness(90%); 2003} 2004.ers-premium-footer .social-icons-container > a > svg, 2005.ers-premium-footer .social-icons-container > a > svg > path, 2006.ers-premium-footer .social-icons-container > a > svg > g > path { 2007 fill: var(--color-theme-6); 2008} 2009.ers-premium-footer .footer-phone { 2010 font-size: 32px; 2011 margin: 40px 0; 2012 display: flex; 2013 justify-content: center; 2014 color: var(--color-theme-6); 2015} 2016</style> 2017<div class="ers-premium-footer"> 2018 <ul class="footer-nav"> 2019 <li class="footer-nav-item"><a class="link-style" href="/">Home</a></li> 2020 <li class="footer-nav-item"><a class="link-style" href="/all_products/">Products</a></li> 2021 <li class="footer-nav-item"><a class="link-style" href="/category/">Categories</a></li> 2022 2023 2024 <li class="footer-nav-item"> 2025 <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us <span class="caret"></a> 2026 <ul class="dropdown-menu"> 2027 2028 <li class="footer-nav-item"><a class="link-style" href="/about-us/">About Us</a></li> 2029 2030 <li class="footer-nav-item"><a class="link-style" href="/faq/">FAQ</a></li> 2031 2032 <li class="footer-nav-item"><a class="link-style" href="/delivery-area/">Delivery Area</a></li> 2033 2034 <li class="footer-nav-item"><a class="link-style" href="/deals/">Deals</a></li> 2035 2036 <li class="footer-nav-item"><a class="link-style" href="/rental-agreement/">Rental Agreement</a></li> 2037 2038 <li class="footer-nav-item"><a class="link-style" href="/safety-instructions/">Safety Instructions</a></li> 2039 2040 </ul> 2041 </li> 2042 2043 <li class="footer-nav-item"> 2044 <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <span class="caret"></a> 2045 <ul class="dropdown-menu"> 2046 2047 <li class="footer-nav-item"><a class="link-style" href="/party-rental-blog/">All Categories</a></li> 2048 2049 <li class="footer-nav-item"><a class="link-style" href="/categories/bounce-houses/">Bounce House Blog</a></li> 2050 2051 <li class="footer-nav-item"><a class="link-style" href="/categories/water-slides/">Water Slide Blog</a></li> 2052 2053 </ul> 2054 </li> 2055 2056 <li class="footer-nav-item"><a class="link-style" href="/contact-us/">Contact Us</a></li> 2057 2058 <li class="footer-nav-item"> 2059 <a noref="" class="dropdown-toggle link-style" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Locations <span class="caret"></a> 2060 <ul class="dropdown-menu"> 2061 2062 <li class="footer-nav-item"><a class="link-style" href="/locations/">All Locations</a></li> 2063 2064 <li class="footer-nav-item"><a class="link-style" href="/locations/biloxi/">Biloxi</a></li> 2065 2066 <li class="footer-nav-item"><a class="link-style" href="/locations/mobile/">Mobile</a></li> 2067 2068 <li class="footer-nav-item"><a class="link-style" href="/locations/gulfport/">Gulfport</a></li> 2069 2070 <li class="footer-nav-item"><a class="link-style" href="/locations/pascagoula/">Pascagoula</a></li> 2071 2072 <li class="footer-nav-item"><a class="link-style" href="/locations/gautier/">Gautier</a></li> 2073 2074 </ul> 2075 </li> 2076 2077 2078 </ul> 2079 <div class="container"> 2080 <div class="row"> 2081 <div class="col-md-4"> 2082 <a class="footer-phone link-style header-style" href="tel://228-243-7493">228-243-7493</a> 2083 </div> 2084 <div class="col-md-4"> 2085 <a class="footer-logo-wrapper" href="/"> 2086 <img src='//files.sysers.com/cp/upload/biloxibounce/editor/img_logo_biloxibouncehouse.png' class='footer-logo' border='0' style='' /> 2087 </a> 2088 </div> 2089 <div class="col-md-4"> 2090 <div class="social-icons-container"> 2091 <a title="Biloxi Bounce House & Water Slides Facebook" alt="Facebook" href="https://www.facebook.com/BiloxiBounceHouse" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" fill="" /></svg></a><a title="Biloxi Bounce House & Water Slides Twitter" alt="Twitter" href="https://www.twitter.com/biloxibounce" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" fill="" /></svg></a><a title="Biloxi Bounce House & Water Slides YouTube" alt="YouTube" href="https://www.youtube.com/channel/UC9hglFgQOVen97XQXSMhXBA/videos" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" fill="" /></svg></a><a title="Biloxi Bounce House & Water Slides Yelp" alt="Yelp" href="https://www.yelp.com/biz/biloxi-bounce-house-and-water-slides-vancleave" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z" fill="" /></svg></a><a title="Biloxi Bounce House & Water Slides Instagram" alt="Instagram" href="https://www.instagram.com/biloxibouncehouse/" target="_blank" style="margin-right: 0.5em;"><svg style="width: 24px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="" /></svg></a> 2092 </div> 2093 </div> 2094 </div> 2095 </div> 2096</div><!-- Compiled and minified js for bootstrap --> 2097
2097<script src="/cp/resources/template-common/bootstrap/js/bootstrap.min.js" noexpand="1"></script>
2097 2098
2098<script src="//files.sysers.com/cp/upload/eventrentalsystems/design/bootstrap/js/main.js"></script>
2098 2099 2100<div style='text-align: center;' class='be4c0873eccbc131128772173aeb4be20'> 2101<p align="center" style="margin: 10px;"><font> <a href="/about-us/" title="All About Biloxi Bounce House">About Us</a> <a href="/photo-gallery/" title="Party Rental Photo Gallery">Photo Gallery</a> <a href="/markets/" title="Party Rental Delivery Information">Delivery Area</a> <a href="/faq/" title="Frequently Asked Questions">FAQs</a> <a href="/contact-us/" title="Contact Biloxi Bounce">Contact</a></font></p> 2102 2103<p align="center" style="margin: 10px;"><font color="#555454">© 2026 Biloxi Bounce House and Water Slides. All rights reserved. (228) 243-7493</font></p> 2104<p style='display:none'> </p><span style='display:none'><div> </div></span><div id='b88a166a8a805c65378055e562febca34' style='width:100%; text-align:center;'><span style=' color:#777777'>Powered by <a href='https://eventrentalsystems.com/' target='_blank'><span style='color:#444499; '>Event Rental Systems</span></a><br> </span></div> 2105</div> 2106 2107
2107<script>const mergeFields = {"folderName":"biloxibounce","enableTravelFeeByMile":true,"allowOtherCityOrders":false,"enableCheckoutAutocomplete":true,"enableCustomerSave":true,"enableDeliveryArea":true,"enableSuggestedItems":false,"enableQuickView":false,"show_floating_cart":true,"currencyCode":"USD"};</script>
2107 2108
2108<script src='https://premium-websections.ourers.com/view/assets/allScripts.js'></script>
2108 2109 2110</body></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.