/* Add hover scale effect */
.apply-button {
transition: transform 0.2s ease-in-out, background-color 0.2s;
}
.apply-button:hover {
transform: scale(1.05);
background-color: #FFC300;
color: #000;
}
/* Responsive styles for mobile */
@media (max-width:690px) {
#countdown {
flex-direction: column;
text-align: center;
padding: 15px;
}
#timer-section {
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
#countdown span {
font-size: 18px;
}
.apply-button {
margin-top: 20px;
width: 100%;
max-width: 300px;
font-size: 14px;
padding: 12px 20px;
}
#timer-section div span {
font-size: 20px;
}
}
@media (max-width: 480px) {
#countdown {
padding: 10px;
}
span {
font-size: 16px;
}
.apply-button {
font-size: 14px;
padding: 10px 15px;
}
#timer-section div span {
font-size: 18px;
}
}
const TIMER_DURATION = 59 * 60 * 1000; // 59 minutes in milliseconds
const RESET_INTERVAL = 8 * 60 * 60 * 1000; // 8 hours in milliseconds
const now = new Date().getTime();
// Check if there’s a saved start time and validate it
const savedStartTime = localStorage.getItem(“startTime”);
const startTime = savedStartTime && now – savedStartTime < RESET_INTERVAL ? parseInt(savedStartTime) : now;
// Save the updated start time
localStorage.setItem("startTime", startTime);
// Calculate the countdown end time
const countdownEndTime = startTime + TIMER_DURATION;
// Update the countdown every second
const countdownFunction = setInterval(function () {
const currentTime = new Date().getTime();
const timeLeft = countdownEndTime – currentTime;
if (timeLeft = RESET_INTERVAL) {
// Reset the timer
localStorage.setItem(“startTime”, currentTime);
location.reload(); // Reload the page to reset the timer
} else {
// Timer expired but within 8 hours
document.getElementById(“timer-section”).innerHTML =
‘This offer has expired.‘;
}
return;
}
// Calculate time components
const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
// Display the time
document.getElementById(“days”).innerText = days;
document.getElementById(“hours”).innerText = hours;
document.getElementById(“minutes”).innerText = minutes;
document.getElementById(“seconds”).innerText = seconds;
}, 1000);
–>
HOW TO LAUNCH YOUR CAREER IN TECH BY BUILDING VIDEO GAMES
Get Mentored by Industry Experts With Our Proven Process (Even If You’re a Beginner)
<!– Transparent Overlay with Video Cutout
–>
let vimeoPlayer;
function startVideo() {
// Hide the default overlay with the play button
document.getElementById(‘play-overlay’).style.display = ‘none’;
// Show the transparent overlay with the cutout
// Ensure the Vimeo video is visible
const vimeoVideo = document.getElementById(‘vimeo-video’);
vimeoVideo.style.display = ‘block’;
// Initialize the Vimeo player and start playing
if (!vimeoPlayer) {
vimeoPlayer = new Vimeo.Player(vimeoVideo);
}
vimeoPlayer.play();
}
// Function to handle sticky video behavior
window.addEventListener(‘scroll’, function () {
const overlayContainer = document.getElementById(‘overlay-container’);
const stickyVideo = document.getElementById(‘sticky-video’);
const vimeoVideo = document.getElementById(‘vimeo-video’);
const bounding = overlayContainer.getBoundingClientRect();
if (bounding.bottom < 0) {
// Show sticky video and position the existing iframe there
stickyVideo.style.display = 'block';
vimeoVideo.style.position = 'fixed';
vimeoVideo.style.top = '20px';
vimeoVideo.style.left = '20px';
vimeoVideo.style.width = '320px';
vimeoVideo.style.height = '180px';
vimeoVideo.style.zIndex = '1000';
} else {
// Return video to the original position
stickyVideo.style.display = 'none';
vimeoVideo.style.position = 'absolute';
vimeoVideo.style.top = '0%';
vimeoVideo.style.left = '0%';
vimeoVideo.style.width = '100%';
vimeoVideo.style.height = '100%';
vimeoVideo.style.zIndex = '2';
}
});
Learning to code is hard. We provide a complete A-to-Z curriculum that’s clear, concise, and to the point, so you can feel confident learning exactly what you need to thrive in your coding career.
Throughout the program, you’re going to be writing real code. You’ll learn by building projects and completing assessments that allow you to test your knowledge and go far beyond the course instruction. I don’t believe in spoon-feeding. It’s time to pull the curtain back and unlock the secrets to becoming a software developer.
Stuck on a problem? You can receive help from an experienced software engineer. Our team is dedicated to the success of our students and we’re ready to hop on a call 1:1 to help you get unstuck.
Get access to a private community filled with passionate serious learners and grow your industry connections. You’ll be able to engage in discussions, support, and regular community events like live workshops and industry events.
Learning to code is just the beginning. Our career prep program will guide you in building a standout portfolio, a strong online presence, and all the essentials—resume, cover letter, and more—to help you stand out to employers. You’ll gain the confidence to launch your career and thrive in the tech industry.
We built one of the first metaverse curriculums on the market. Learn to build immersive interactive experiences using the latest Meta Quest, Apple Vision Pro, or any headset of your choosing and explore the explosive industry that is XR (extended reality).
At gamedev:hq, you’ll master two of the world’s most powerful coding languages, C# and C++, while working with industry-leading game engines: Unity and Unreal. These tools extend far beyond gaming—powering industries like film, automotive, architecture, engineering, construction, simulation, medical, and the entire XR field. Gaming itself is a $200B industry, yet it’s only the beginning of what’s possible. At gamedev:hq, we use game development as a gateway to software engineering, opening doors to a wide range of industries where you can thrive as a professional software engineer.
<!– Transparent Overlay with Video Cutout
–>
–>
