Water Slides
Make Your Event Easier
Please watch the video below to watch a video on how to book your Water Slide. We also placed steps on how to book under the video.
/* FONT: Condensed & Easy to Read */ .stepper-container { font-family: "Arial Narrow", sans-serif; margin-top: 25px; padding-left: 5px; } /* VIDEO: Neon Red Border & Play Button */ .yt-lazy { position: relative; cursor: pointer; max-width: 100%; border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 9; background-color: #000; border: 3px solid #ff0000; box-shadow: 0 0 15px #ff0000; transition: transform 0.3s ease; } .yt-lazy img { width: 100%; height: 100%; object-fit: cover; display: block; } .yt-lazy .play-button { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: rgba(255, 0, 0, 0.9); border: 3px solid #fff; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2; } .yt-lazy .play-button::after { content: ''; position: absolute; top: 50%; left: 55%; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent white; transform: translate(-50%, -50%); } /* STEPPER: Mobile Optimized spacing */ .step-row { position: relative; padding-left: 45px; padding-bottom: 20px; } .step-row::before { content: ""; position: absolute; left: 15px; top: 32px; width: 2px; height: calc(100% - 32px); background: #ccc; } /* NEON GREEN LINE: Connects Step 1 to Step 2 */ .step-row.active::before { background: #39FF14; box-shadow: 0 0 8px #39FF14; } .step-row:last-child::before { display: none; } /* CIRCLES: Mobile Sized */ .step-node { position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: #fff; border: 2px solid #333; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; z-index: 2; } /* Step 1 Neon Green Circle */ .step-row.active .step-node { border-color: #39FF14; box-shadow: 0 0 10px #39FF14; color: #39FF14; } .step-text-title { display: block; font-weight: bold; font-size: 1rem; text-transform: uppercase; line-height: 1.2; } .step-text-desc { display: block; font-size: 0.85rem; color: #555; line-height: 1.3; } @media (max-width: 480px) { .step-row { padding-bottom: 15px; } .step-text-title { font-size: 0.95rem; } }
/* Container Setup */ .custom-slider-container { position: relative; width: 100%; overflow: hidden; /* This hides the next/prev pictures */ touch-action: pan-y; font-family: sans-serif; } .custom-slides-track { display: flex; transition: transform 0.4s ease-in-out; width: 100%; /* Ensures the track fills the area */ } .custom-slide { min-width: 100%; /* Forces the slide to be the full width */ max-width: 100%; flex-shrink: 0; /* STOPS the next picture from peeking in */ position: relative; text-align: center; box-sizing: border-box; } /* Text Above Image */ .slide-header-text { display: block; padding: 10px; font-size: 1.2rem; font-weight: bold; color: #333; background: #f9f9f9; } .custom-slide img { width: 100%; display: block; border-radius: 0 0 8px 8px; /* rounded bottom only */ object-fit: contain; /* Keeps image clean */ } /* Navigation arrows */ .slider-btn { position: absolute; top: 60%; transform: translateY(-50%); background: rgba(0,0,0,0.6); color: #fff; border: none; padding: 12px 16px; cursor: pointer; z-index: 10; font-size: 24px; border-radius: 50%; } .prev-btn { left: 10px; } .next-btn { right: 10px; }
(function() { const container = document.getElementById('mySlider'); const track = container.querySelector('.custom-slides-track'); const slides = container.querySelectorAll('.custom-slide'); const prevBtn = container.querySelector('.prev-btn'); const nextBtn = container.querySelector('.next-btn'); let currentIdx = 0; const slideCount = slides.length; function move() { track.style.transform = "translateX(-" + (currentIdx * 100) + "%)"; } nextBtn.addEventListener('click', function(e) { e.preventDefault(); currentIdx = (currentIdx + 1) % slideCount; move(); }); prevBtn.addEventListener('click', function(e) { e.preventDefault(); currentIdx = (currentIdx - 1 + slideCount) % slideCount; move(); }); // Swipe logic let xStart = 0; container.addEventListener('touchstart', function(e) { xStart = e.touches[0].clientX; }, {passive: true}); container.addEventListener('touchend', function(e) { let xEnd = e.changedTouches[0].clientX; let delta = xStart - xEnd; if (Math.abs(delta) > 50) { if (delta > 0) currentIdx = (currentIdx + 1) % slideCount; else currentIdx = (currentIdx - 1 + slideCount) % slideCount; move(); } }, {passive: true}); })();
Unit Briefing
This card shows Age Recommendations, Wet/Dry capability, and Intensity levels. The Tier Level represents the unit's "wow-factor"—higher tiers and ratings mean the unit is extremely popular and highly requested!
Call or Text us at: (302) 249-9711
Water Slide Rentals for Rent
~
Make your event unforgettable with water slide rentals from Pure Party LLC in Sussex County, DE ( Blades, Bridgeville, Dagsboro, Delmar, Georgetown, Laurel, Lewes, Lincoln, Milford, Millsboro, Milton, Rehoboth Beach, Seaford, Selbyville and nearby Maryland towns. We offer a wide selection of water slides our Beach Camper 19ft Slide, Cali Palms 15ft Slide, Galaxy 19ft Slide and Level Up 19ft Slide to provide hours of entertainments for all ages. We offer easy booking, hassle-free delivery and setup to ensure your event goes smoothly. You can also check out our exciting bounce house combos, including, Purplish Dual Lane Combo, Level Up Combo, and even more under INFLATABLES! Questions? Contact us at (302) 249-9711 to reserve your tent today and make your event unforgettable!
