Countdown Timer


<div class="soon" id="countdown-timer-soon-amor"
data-format="y,d,h,m,s"
data-layout="group"
data-scale-max="l"
data-due="2016-06-01"
data-face="flip color-light corners-round shadow-soft">
</div>



<div class="soon" id="countdown-timer-soon-watch-red"
data-layout="group tight label-uppercase label-small"
data-format="d,h,m,s"
data-face="slot"
data-padding="false"
data-due="2016-06-01"
data-visual="ring cap-round invert progressgradient-fb1a1b_fc1eda ring-width-custom align-center gap-0">
</div>



<div class="soon text-theme-colored" id="countdown-timer-soon-rev"
data-separator="/"
data-format="d,h,m"
data-due="2016-06-01"
data-layout="group label-uppercase label-above spacey"
data-face="slot slide left">
</div>



<div class="soon text-theme-colored" id="countdown-timer-soon-scifi"
data-layout="group label-small"
data-format="d,h,m,s"
data-due="2016-06-01"
data-face="matrix dot-round slide left">
</div>



<div class="soon" id="countdown-timer-soon-orange"
data-layout="group tight label-lowercase label-big"
data-format="d,h,m,s"
data-separate-chars="false"
data-padding="false"
data-due="2016-06-01"
data-face="slot"
data-visual="ring cap-round invert progressgradient-fb801b_facf00 ring-width-custom align-center">
</div>



<div class="soon" id="countdown-timer-soon-cartoon"
data-layout="line"
data-due="2016-06-01"
data-scale-max="s"
data-face="slot roll right">
</div>



<div class="soon" id="countdown-timer-soon-prog"
data-layout="group adjacent"
data-due="2016-06-01"
data-face="matrix color-dark dot-square"
data-visual="fill to-bottom">
</div>
New site launching soon... 

<div class="soon" id="countdown-timer-soon-klas"
data-separator=":"
data-due="2016-06-01"
data-layout="group tight label-small"
data-face="text">
new site launching soon...
<span class="soon-placeholder"></span>
</div>



<div class="soon" id="countdown-timer-soon-radi"
data-layout="group label-lowercase"
data-format="h,m,s"
data-due="2016-06-01"
data-face="matrix dot-round slide up">
</div>
Stay tuned... 

<div class="soon text-theme-colored" id="countdown-timer-soon-sep"
data-scale-max="l"
data-separator="."
data-due="2016-06-01"
data-layout="group label-hidden"
data-face="slot slide down"
data-reflect="true">
<span class="soon-lbl text-gray">Stay tuned...</span>
<span class="soon-placeholder"></span>
</div>



<div class="soon" id="countdown-timer-soon-glow"
data-layout="group overlap"
data-face="slot doctor glow"
data-padding="false"
data-scale-max="l"
data-due="2016-06-01"
data-visual="ring color-light width-thin glow-progress length-70 gap-0 offset-65">
</div>



<div class="soon text-theme-colored" id="countdown-timer-soon-espa"
data-layout="group label-above label-small"
data-face="flip corners-sharp color-dark"
data-format="h,m,s"
data-due="2016-06-01"
data-scale-max="l"
data-separate-chars="false"
data-labels-hours="Hora,Horas"
data-labels-minutes="Minuto,Minutos"
data-labels-seconds="Segundo,Segundos"
data-reflect="true">
</div>