Time Card Calculator <div class="container mx-auto px-4 py-8 md:py-12"> <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-8"> <!-- Left section: Logo and Contact Info --> <div class="flex flex-col gap-6"> <!-- Logo --> <div class="flex items-center gap-3"> <a href="https://punchpro.io/" class="custom-logo-link" rel="home"><img width="165" height="150" src="https://punchpro.io/wp-content/uploads/2025/06/logo-e1751021202201.webp" class="custom-logo h-8 md:h-10 w-auto object-contain" alt="PunchPro" decoding="async" /></a> <span class="text-xl md:text-2xl text-nowrap font-bold font-roboto"> <span class="text-white">Punch</span> <span class="text-primary">Pro</span> </span> </div> <!-- Contact Info --> <div class="flex flex-col gap-3"> <a href="https://apps.apple.com/app/id6743714143" target="_blank"> <img src="https://punchpro.io/wp-content/themes/punch-pro/theme/assets/img/appstore.webp" alt="Facebook" class="w-53"> </a> <a href="https://play.google.com/store/apps/details?id=punch.pro.app" target="_blank"> <img src="https://punchpro.io/wp-content/themes/punch-pro/theme/assets/img/gplay.webp" alt="Facebook" class="w-53"> </a> </div> </div> <!-- Center section: Footer Menu --> <div class="flex flex-col items-center gap-4"> <p class="text-primary text-lg">Call Sales: <a href="tel:1-847-946-8173" class="hover:text-primary transition-colors"> 1-847-946-8173 </a> </p> <p class="text-white">Mon - Fri, 5AM to 6 PM</p> </div> <!-- Right section: Social Icons --> <div class="flex items-center gap-6"> <a href="https://facebook.com/" class="text-primary hover:text-white transition-colors" aria-label="Facebook" target="_blank" rel="noopener noreferrer"> <img src="https://punchpro.io/wp-content/themes/punch-pro/theme/assets/img/icons/facebook.svg" alt="Facebook" class="w-8 h-8"> </a> <a href="https://x.com/" class="text-primary hover:text-white transition-colors" aria-label="X" target="_blank" rel="noopener noreferrer"> <img src="https://punchpro.io/wp-content/themes/punch-pro/theme/assets/img/icons/x.svg" alt="X" class="w-8 h-8"> </a> <a href="https://instagram.com/" class="text-primary hover:text-white transition-colors" aria-label="Instagram" target="_blank" rel="noopener noreferrer"> <img src="https://punchpro.io/wp-content/themes/punch-pro/theme/assets/img/icons/instagram.svg" alt="Instagram" class="w-8 h-8"> </a> <a href="https://www.linkedin.com/company/punchpro.io/?viewAsMember=true" class="text-primary hover:text-white transition-colors" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"> <img src="https://punchpro.io/wp-content/themes/punch-pro/theme/assets/img/icons/linkedin.svg" alt="LinkedIn" class="w-8 h-8"> </a> </div> </div> <!-- Copyright --> <div class="mt-8 pt-8 border-t border-gray-800 text-white text-center text-sm flex flex-col items-center gap-8"> <nav aria-label="Footer Menu"> <ul id="footer-menu" class="flex flex-wrap gap-6 text-sm"><li id="menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29"><a href="https://app.termly.io/policy-viewer/policy.html?policyUUID=5e6d40f7-9bf0-4ff6-a1b9-3bbb84a85103"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Privacy Policy</span></a></li> <li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30"><a href="https://app.termly.io/policy-viewer/policy.html?policyUUID=44d2d769-fd77-4c28-b8f0-35f999356734"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Terms of Service</span></a></li> <li id="menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32"><a href="#"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Support</span></a></li> <li id="menu-item-816" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-816"><a href="https://punchpro.io/cookie-policy/"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Cookie Policy</span></a></li> <li id="menu-item-819" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-819"><a href="https://punchpro.io/acceptable-use-policy/"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Acceptable Use Policy</span></a></li> <li id="menu-item-822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-822"><a href="https://punchpro.io/disclaimer/"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Disclaimer</span></a></li> <li id="menu-item-825" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-825"><a href="https://punchpro.io/privacy-center/"><span class="font-open-sans text-base font-semibold leading-normal hover:text-primary transition-colors">Privacy Center</span></a></li> </ul> </nav> <p class="opacity-60">© 2026 PunchPro. All rights reserved.</p> </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <script nowprocket nitro-exclude type="text/javascript" id="sa-dynamic-optimization" data-uuid="477d6b20-0b30-4adb-874c-bd4332cea4a4" src="data:text/javascript;base64,dmFyIHNjcmlwdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoInNjcmlwdCIpO3NjcmlwdC5zZXRBdHRyaWJ1dGUoIm5vd3Byb2NrZXQiLCAiIik7c2NyaXB0LnNldEF0dHJpYnV0ZSgibml0cm8tZXhjbHVkZSIsICIiKTtzY3JpcHQuc3JjID0gImh0dHBzOi8vZGFzaGJvYXJkLnNlYXJjaGF0bGFzLmNvbS9zY3JpcHRzL2R5bmFtaWNfb3B0aW1pemF0aW9uLmpzIjtzY3JpcHQuZGF0YXNldC51dWlkID0gIjQ3N2Q2YjIwLTBiMzAtNGFkYi04NzRjLWJkNDMzMmNlYTRhNCI7c2NyaXB0LmlkID0gInNhLWR5bmFtaWMtb3B0aW1pemF0aW9uLWxvYWRlciI7ZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChzY3JpcHQpOw=="></script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/punch-pro/theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script src="https://punchpro.io/wp-content/plugins/metasync/public/js/otto-tracker.min.js?ver=2.3.7" id="metasync-tracker-js"></script> <script src="https://punchpro.io/wp-content/themes/punch-pro/theme/js/script.min.js?ver=0.1.0" id="punch-pro-script-js"></script> <script src="https://punchpro.io/wp-content/themes/punch-pro/theme/js/navigation.min.js?ver=0.1.0" id="punch-pro-navigation-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://punchpro.io/wp-includes/js/wp-emoji-release.min.js?ver=6.9.1"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://punchpro.io/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html> <!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com Retrieved 2249 objects (2 MB) from Redis using PhpRedis (v6.3.0). -->
