/** * This script handles the rotation of the announcement messages. * It finds all elements with the 'message' class and cycles * the 'active' and 'fadeInDown' classes every 4 seconds. */ document.addEventListener("DOMContentLoaded", function() { const messages = document.querySelectorAll('.message'); let currentIndex = 0; function rotateMessages() { // Remove active state from current message messages[currentIndex].classList.remove('active', 'fadeInDown'); // Move to next message, or loop back to start currentIndex = (currentIndex + 1) % messages.length; // Add classes to trigger the CSS animation on the next message messages[currentIndex].classList.add('active', 'fadeInDown'); } // Initialize the first message messages[0].classList.add('active', 'fadeInDown'); // Change message every 4000ms (4 seconds) setInterval(rotateMessages, 4000); });

READY TO SHIP

Some of your favorites, ready to go!

Ready to Ship items are final sale. Please check size and finish on the product page before ordering.

Showing all 37 results

GET YOUR CUSTOM QUOTE