Timer Top Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor

The Countdown Timer

Create Beautiful Countdowns Easily

                                
<div class = "col-lg-12 mb-4">
    <div id = "wdpk-timer"></div>
</div>
                                
                            
                        


$wdpk-gray-200: #e9ecef !default;
$wdpk-primary-color: #0056c6 !default;
$wdpk-timer-separator-symbol: '' !default;
$wdpk-timer-counter-color: #666666 !default;
$wdpk-timer-desc-color: #ffffff !default;
$wdpk-timer-counter-background: (
										backgroundType: color,
										gradientType: linear,
										color1: $wdpk-gray-200,
										color2: $wdpk-gray-200,
										degree: 0deg,
										backgroundImage: url(../../assets/images/background-black.jpg),
										backgroundRepeat: repeat-x,
										backgroundHorPos: center,
										backgroundVerPos: center,
										backgroundSize: initial
								) !default;

$wdpk-timer-counter-border: (
									borderTop: true,
									borderTopColor: $wdpk-primary-color,
									borderTopWidth: 4px,
									borderTopStyle: solid,
									borderRight: false,
									borderRightColor: $wdpk-gray-200,
									borderRightWidth: 1px,
									borderRightStyle: solid,
									borderBottom: false,
									borderBottomColor: $wdpk-gray-200,
									borderBottomWidth: 1px,
									borderBottomStyle: solid,
									borderLeft: false,
									borderLeftColor: $wdpk-gray-200,
									borderLeftWidth: 1px,
									borderLeftStyle: solid,
									borderRadius: 0rem,
							) !default;
$wdpk-timer-desc-background: (
									 backgroundType: color,
									 gradientType: linear,
									 color1: $wdpk-primary-color,
									 color2: $wdpk-primary-color,
									 degree: 0deg,
									 backgroundImage: url(../../assets/images/background-black.jpg),
									 backgroundRepeat: repeat-x,
									 backgroundHorPos: center,
									 backgroundVerPos: center,
									 backgroundSize: initial
							 ) !default;


                        
                    
                        
jQuery(document).ready(function ()
{
    if (jQuery("#wdpk-timer").length !== 0)
    {
        let obj = {
            finalDate: '2020/12/31 23:24:50', // In the following format YYYY/MM/DD hh:mm:ss
            selector: '#wdpk-timer',
            enableYears: false,
            yearsString: 'Years',
            enableMonths: true,
            monthsString: 'Months',
            enableDaysOfMonth: false,
            daysOfMonthString: 'Days Left',
            enableWeeks: true,
            weeksString: 'Weeks',
            enableDays: true,
            dasysString: 'Days',
            enableHours: true,
            hoursString: 'Hours',
            enableMinutes: true,
            minutesString: 'Minutes',
            enableSeconds: true,
            secondsString: 'Seconds',
        };
        require(["app/shortcodes/wdpkTimer"], function (e)
        {
            e.publicCall(obj);
        });
    }
});