# countdown

The markup of every demo on <https://kuiper.oeds.it/countdown/>, extracted from that
page. It is generated, so it cannot disagree with what the page renders.

Load the framework from the origin and read <https://kuiper.oeds.it/docs/KUIPER.md> first:
a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`.

## countdown (fulldate) today +2 years

Varies: 13 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-years"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (months) today +2 years

Varies: 11 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (days) today +2 years

Varies: 9 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (hours) today +2 years

Varies: 7 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (minutes) today +2 years

Varies: 5 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (seconds) today +2 years

Varies: 3 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (milliseconds) today +2 years

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (fulldate) today -2 years

Varies: 13 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-years"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (months) today -2 years

Varies: 11 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (days) today -2 years

Varies: 9 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (hours) today -2 years

Varies: 7 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (minutes) today -2 years

Varies: 5 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (seconds) today -2 years

Varies: 3 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (milliseconds) today -2 years

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (fulldate) today +2 years minus:positive

Varies: 13 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-years"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (months) today +2 years minus:positive

Varies: 11 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (days) today +2 years minus:positive

Varies: 9 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (hours) today +2 years minus:positive

Varies: 7 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (minutes) today +2 years minus:positive

Varies: 5 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (seconds) today +2 years minus:positive

Varies: 3 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (milliseconds) today +2 years minus:positive

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('+2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (fulldate) today -2 years minus:positive

Varies: 13 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-years"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (months) today -2 years minus:positive

Varies: 11 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-months"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#47;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (days) today -2 years minus:positive

Varies: 9 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-days"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&nbsp;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (hours) today -2 years minus:positive

Varies: 7 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-hours"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (minutes) today -2 years minus:positive

Varies: 5 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-minutes"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (seconds) today -2 years minus:positive

Varies: 3 specimens.

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-seconds"></span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span>&#58;</span></p></div></div>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```

## countdown (milliseconds) today -2 years minus:positive

```html
<div class="card card-white" data-countdown="date:<?php echo date('c', strtotime('-2 years'));?>; reload:false; minus:positive;">
 <div class="grid-xs grid-collapse" data-grid>
  <div class="width-expand"><div class="card text-center"><p><span class="countdown-milliseconds"></span></p></div></div>
 </div>
</div>
```
