PLEASE FIND BELOW VIDEO TUTORIALS AND RESOURCES TO HELP YOU TO MAKE ANY CHANGES TO YOUR SITE
HOW TO ADD OR CHANGE OUT PHOTOS
HOW TO SAVE SECTIONS OR ADD SAVED SECTIONS
HOW TO CHANGE COLOURS
HOW TO CHANGE FONTS
RESOURCES PAGE
HOW TO ADD COUNTDOWN TIMER
COPY OF CODE INJECTION FOR COUNTDOWN TIMER PLACED IN FOOTER
<script>
document.addEventListener("DOMContentLoaded",function(){
const t=new Date("January 09, 2026 23:59:59 GMT-0500").getTime(),
c=document.getElementById("countdown-timer"),
m=document.getElementById("times-up-message");
function u(){
const n=Date.now(),d=t-n;
if(d<=0){c&&(c.style.display="none");m&&(m.style.display="block");clearInterval(i);return}
const D=Math.floor(d/86400000),
H=Math.floor((d%86400000)/3600000),
M=Math.floor((d%3600000)/60000),
S=Math.floor((d%60000)/1000);
document.getElementById("days").textContent=D;
document.getElementById("hours").textContent=H;
document.getElementById("minutes").textContent=M;
document.getElementById("seconds").textContent=S;
}
u();let i=setInterval(u,1000);
});
</script>
COPY OF CSS CODE FOR COUNTDOWN TIMER PLACED IN FOOTER
/*COUNTDOWN TIMER*/
.timer-background {
min-height: 100px;
background-color: #C2C5B2;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.countdown-wrapper {
display: flex;
justify-content: center;
gap: 20px;
font-family: h1;
}
.countdown-item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 70px;
}
.countdown-item span:first-child {
font-size: 2.5rem;
font-weight: bold;
color: #194128;
}
.countdown-item span:last-child {
font-size: 0.875rem;
color: #194128;
text-transform: uppercase;
margin-top: 10px;
}