<!DOCTYPE HTML>
<html lang="en">

<head>
    <title>SkierBob.ca</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>SkierBob.ca</title>
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel='stylesheet' id='fonts-googleapis-Open-Sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans:400,700%7CPoppins:400,500' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css'  href='http://skierbob.ca/wp-content/plugins/wp-maintenance-mode-site-under-construction/assets/css/font-awesome-4.7.0/css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-min-css'  href='http://skierbob.ca/wp-content/plugins/wp-maintenance-mode-site-under-construction/assets/css/bootstrap.min.css?r=1' type='text/css' media='all' />
<link rel='stylesheet' id='jquery-classycountdown-css'  href='http://skierbob.ca/wp-content/plugins/wp-maintenance-mode-site-under-construction/assets/css/jquery.classycountdown.css' type='text/css' media='all' />
<link rel='stylesheet' id='styles-css'  href='http://skierbob.ca/wp-content/plugins/wp-maintenance-mode-site-under-construction/assets/css/styles.css?x=4' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css'  href='http://skierbob.ca/wp-content/plugins/wp-maintenance-mode-site-under-construction/assets/css/responsive.css?x=5' type='text/css' media='all' />
<script type='text/javascript' src='http://skierbob.ca/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>
<script type='text/javascript' id='contactform-script-js-extra'>
/* <![CDATA[ */
var ajax_object = {"ajax_url":"http:\/\/skierbob.ca\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='http://skierbob.ca/wp-content/plugins/wp-maintenance-mode-site-under-construction/assets/js/contactform.js?ver=5.5.18' id='contactform-script-js'></script>
<link rel="icon" href="http://skierbob.ca/wp-content/uploads/2020/09/cropped-Avatar-512x512-1-32x32.jpg" sizes="32x32" />
<link rel="icon" href="http://skierbob.ca/wp-content/uploads/2020/09/cropped-Avatar-512x512-1-192x192.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="http://skierbob.ca/wp-content/uploads/2020/09/cropped-Avatar-512x512-1-180x180.jpg" />
<meta name="msapplication-TileImage" content="http://skierbob.ca/wp-content/uploads/2020/09/cropped-Avatar-512x512-1-270x270.jpg" />
	<!--[if lt IE 9]>
	<script>
	document.createElement('header');
	document.createElement('nav');
	document.createElement('section');
	document.createElement('article');
	document.createElement('aside');
	document.createElement('footer');
	</script>
	<![endif]-->
	    <style>
    /* General Reset */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Body */
    html,
    body {

        overflow: hidden;
    }
    </style>
</head>

<body>
    <style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Full Page Layout */
    html,
    body {
        height: 100%;
        /* Full height */
        overflow: hidden;
        /* Prevent scrolling */
        font-family: Arial, sans-serif;
    }

    body {
        font-family: Arial, sans-serif;
        margin: 0;
    }

    .countdown-container {
        text-align: center;
        color: #333;
        margin-bottom: 20px;
    }

    .countdown-container h1 {
        font-size: 2em;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .countdown-container ul {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .countdown-container li {
        text-align: center;
    }

    .countdown-container li span {
        display: block;
        font-size: 2em;
        font-weight: bold;
    }
    </style>
    <div class="main-area" style="overflow:hidden;">
        <div class="container-fluid full-height position-static">
                        <!-- Left Section (Contact Form) -->
            <section class="left-section col full-height">
                <div class="display-table">
                    <div class="main-content" style="padding: 10px;">
                        <h3 class="title">
                            <b>Contact us:</b></h3>
                        <p>We will be back soon! For more information, feel free to contact us anytime                        </p>
                        <div class="email-input-area">
                            <form class="contact2-form validate-form" id="contactform">
                                <div class="wrap-input2 validate-input" data-validate="Name is required">
                                    <label for="name">Your Name</label>
                                    <input class="input2" id="name" type="text" name="name"
                                        placeholder="Enter your full name">
                                </div>
                                <div class="wrap-input2 validate-input"
                                    data-validate="Valid email is required: ex@abc.xyz">
                                    <label for="email">Your Email Address</label>
                                    <input class="input2" id="email" type="text" name="email"
                                        placeholder="Enter your email address (e.g., example@example.com)">
                                </div>
                                <div class="wrap-input2 validate-input" data-validate="Message is required">
                                    <label for="message">Your Message</label>
                                    <textarea class="input2" name="message" id="message"
                                        placeholder="Type your message or query here"></textarea>
                                </div>
                                <div id="contact-msg"></div>
                                <div class="container-contact2-form-btn">
                                    <div class="wrap-contact2-form-btn">
                                        <div class="contact2-form-bgbtn"></div>
                                        <button class="contact2-form-btn" id="contactbutton">
                                            Send Message                                        </button>
                                    </div>
                                </div>
                                <input type="hidden" id="_acf_nonce" name="_acf_nonce" value="8413b73e8f" /><input type="hidden" name="_wp_http_referer" value="/feed/" />                                <input type="hidden" name="action" value="contactform_action" />
                            </form>
                        </div><!-- email-input-area -->
                    </div><!-- main-content -->
                </div><!-- display-table -->
            </section><!-- left-section -->

            <!-- Right Section -->
            <section class="right-section half_width_mode"                 style="background-color: #ffffff; display : flex; justify-content : center; align-items : center; " >

                <div class="countdown-container">
                                        <!-- Simple Timer -->
                    <h1>Back in November 2026</h1>
                    <ul id="countdown">
                        <li><span id="days">--</span>Days</li>
                        <li><span id="hours">--</span>Hours</li>
                        <li><span id="minutes">--</span>Minutes</li>
                        <li><span id="seconds">--</span>Seconds</li>
                    </ul>
                    <div class="cta-buttons">
                                            </div>

                    <style>
                    .cta-buttons {
                        display: flex;
                        justify-content: center;
                        gap: 20px;
                        margin-top: 30px;
                    }

                    .cta-button {
                        display: inline-block;
                        padding: 8px 30px;
                        background-color: #007BFF;
                        color: #FFFFFF;
                        text-decoration: none;
                        border-radius: 4px;
                        font-size: 14px;
                        transition: background-color 0.3s ease, transform 0.2s ease;
                        text-align: center;
                        min-width: 100px;
                    }

                    .cta-button:hover {
                        background-color: #0056b3;
                        transform: scale(1.05);
                    }
                    </style>
                                    </div>
            </section><!-- right-section -->
                    </div><!-- container-fluid -->
    </div><!-- main-area -->

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const countdownDate = new Date("2026-10-31T00:00:00").getTime();

        if (!isNaN(countdownDate)) {
            const x = setInterval(function() {
                const now = new Date().getTime();
                const distance = countdownDate - now;

                if (distance < 0) {
                    clearInterval(x);
                    document.querySelector("#countdown").innerHTML = "The countdown has ended!";
                } else {
                    document.getElementById("days").textContent = Math.floor(distance / (1000 * 60 *
                        60 * 24));
                    document.getElementById("hours").textContent = Math.floor((distance % (1000 * 60 *
                        60 * 24)) / (1000 * 60 * 60));
                    document.getElementById("minutes").textContent = Math.floor((distance % (1000 * 60 *
                        60)) / (1000 * 60));
                    document.getElementById("seconds").textContent = Math.floor((distance % (1000 *
                        60)) / 1000);
                }
            }, 1000);
        }
    });
    </script>
</body>



</html>

