# Countdown

Please search block with the name **"Countdown"** block.

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMsXhyZbkhXX5jXu_5J%2F-MMsvLTvhwi3jupFLEGb%2Fgd_countdown2.jpg?alt=media&#x26;token=0aa1f902-f54b-43f7-ba49-c667b6f5ddd7" alt=""></div>

When adding new Countdown block,  you can config more information for **Countdown:** Layout, Style & Advanced.

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtCr-GEjGpd61EZqE2%2F-MMtDccOLmUPCy2rvF_X%2Fgd_countdown3.jpg?alt=media&#x26;token=669224bf-fb0d-4a3a-95db-0db750c7490b" alt=""></div>

Style Tab:&#x20;

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMtCr-GEjGpd61EZqE2%2F-MMtDccRXHYC0vZt8ar6%2Fgd_countdown4.jpg?alt=media&#x26;token=99a4f311-5fee-428c-9ab6-cb8f0bc1ec33" alt=""></div>

With the advanced tab: it will display all configs for your input.

<div align="left"><img src="https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMsw-H-gMvxyYN57dH2%2F-MMsxeAc_9aAUpEvXtAA%2Fgd-tabs6.jpg?alt=media&#x26;token=72ed4830-bf5e-4202-b13e-c53c13f074da" alt=""></div>

**Front-end display:** View detail how to Countdown Block Display at frontend.&#x20;

![](https://1990997008-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLL4GKqpTOWkzXqgF-e%2F-MMs4PmlLPG3mywxLfCk%2F-MMsMAmIu6W3gzVlMSGv%2Fgd_countdown1.jpg?alt=media\&token=b502824f-372b-4567-a896-5c4a4df1908e)
