<div style="background-color: #1d3d7b; color: white; font-family: Lato, sans-serif; padding: 1rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-bottom: 4px solid #c3230e;">

<div style="display: flex; align-items: center; flex: 1 1 300px;">

<img src="https://5il.co/3kmmf" alt="Wakulla County Schools Logo" style="height: 50px; margin-right: 15px;">

<strong style="font-size: 1.25rem;">COUNTDOWN TO THE FIRST DAY OF SCHOOL HAS BEGUN!</strong>

</div>

<div style="text-align: right; flex: 2 1 400px; margin-top: 10px;">

<div style="font-weight: bold; font-size: 1rem;">

Have you completed your student’s registration or updated your family’s annual information?

<a href="https://wakulla.focusschoolsoftware.com/focus/" target="_blank" style="color: #c3230e; font-weight: bold; text-decoration: underline;">

Visit the Focus Parent Portal Today! »

</a>

</div>

<div id="countdown" style="margin-top: 0.5rem; font-size: 1.1rem; font-weight: bold;"></div>

</div>

</div>

<script>

const countdownElement = document.getElementById('countdown');

const targetDate = new Date('August 11, 2025 07:30:00').getTime();

function updateCountdown() {

const now = new Date().getTime();

const timeLeft = targetDate - now;

if (timeLeft <= 0) {

countdownElement.innerHTML = "🎉 School is back in session!";

return;

}

const days = Math.floor(timeLeft / (1000 60 60 * 24));

const hours = Math.floor((timeLeft / (1000 60 60)) % 24);

const minutes = Math.floor((timeLeft / (1000 * 60)) % 60);

const seconds = Math.floor((timeLeft / 1000) % 60);

countdownElement.innerHTML = ⏳ ${days}d ${hours}h ${minutes}m ${seconds}s to go!;

}

updateCountdown();

setInterval(updateCountdown, 1000);

</script>

Wakulla County School District