# hurrytimer/2.0.0/admin/templates/appearance-tab.php

HurryTimer – An Scarcity and Urgency Countdown Timer for WordPress & WooCommerce, version 2.0.0. 49 lines.

- Page: https://pluginprobe.com/plugins/hurrytimer/2.0.0/code/admin/templates/appearance-tab.php
- Raw: https://pluginprobe.com/plugins/hurrytimer/2.0.0/raw/admin/templates/appearance-tab.php
- Modified: 2019-04-05T20:43:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hurrytimer/2.0.0/code/admin/templates/appearance-tab.php#L10-L20`.

```php
<?php namespace Hurrytimer; ?>
<div id="hurrytimer-tabcontent-styling" class="hurrytimer-tabcontent">


    <!-- Preview container -->
    <div id="hurrytimer-campaign-preview"> 
    <div class="hurrytimer-campaign" >
        <div class="hurrytimer-headline"></div>
        <div class="hurrytimer-timer">
            <div class="hurrytimer-timer-block" data-block="days">
                <div class="hurrytimer-timer-digit">10</div>
                <div class="hurrytimer-timer-label">days</div>
            </div>
            <div class="hurrytimer-timer-sep" data-is="separator">:</div>
            <div class="hurrytimer-timer-block" data-block="hours" data-is="block">
                <div class="hurrytimer-timer-digit" data-is="digit">20</div>
                <div class="hurrytimer-timer-label" data-is="label">hours</div>
            </div>
            <div class="hurrytimer-timer-sep" data-is="separator">:</div>
            <div class="hurrytimer-timer-block" data-block="minutes">
                <div class="hurrytimer-timer-digit">30</div>
                <div class="hurrytimer-timer-label">minutes</div>
            </div>
            <div class="hurrytimer-timer-sep" data-is="separator">:</div>
            <div class="hurrytimer-timer-block" data-block="seconds">
                <div class="hurrytimer-timer-digit">40</div>
                <div class="hurrytimer-timer-label">seconds</div>
            </div>
        </div>
    </div>
    </div>   
    <!-- Sub tab bar -->
    <ul class="hurrytimer-subtabbar">
        <li class="active">
            <a href="#hurrytimer-styling-content-tab">Content</a>
        </li>
        <li>
            <a href="#hurrytimer-styling-general-tab">Style</a>
        </li>
        <li><a href="#hurrytimer-customcss-tab">Custom CSS</a></li>
    </ul>

    <!-- ! Preview container -->
    <?php include 'appearance-content-tabcontent.php' ?>
    <?php include 'appearance-style-tabcontent.php' ?>
    <?php include 'customcss-tab-content.php' ?>


</div>
```