Countdown Timer

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

Countdown

Stack features simple to use countdown timers perfect for timed sales, coming soon pages, product launches etc. The countdown timer works by adding the class .countdown to any empty text or heading element (eg. span, p, h1 etc.) and specifying a date to countdown to with the data-date attribute.

NOTE: The date can be in MM/DD/YYYY format.

Countdown Fallback

Once the timer reaches zero, you can specify some fallback text using the data-date-fallback attribute.

Dear Indulgence Customers
 
We shall be moving to a new location at 22/F Silver Fortune Plaza at 1 Wellington Street effective Saturday, 7th of April and therefore unable to serve you between 30th March to 6th April, both days inclusive.  
 
You may continue to book through our online system by clicking Appointment for your desired services. 
 
We are looking forward to welcoming you to our new salon.