Home
Blog
Services
Team
Courses
Career Opportunities
About Us
Contact Us
Book a call
Softhat
Latest Internships & Jobs
Latest Internships
Apply Now
Latest Jobs
Apply Now
Get In
Touch
Phone Number
+923159300600
Email
info@softhat.pk
</div> </noscript> </div> </div> </section> <script> // for menu to show and hide on laptop and in Mobile function to_show(){ let humberger_icon = document.getElementById("humberger-icon"); let cross_icon = document.getElementById("cross-icon"); let menu = document.getElementById("nav"); menu.classList.toggle("show"); humberger_icon.classList.toggle("hide-icon"); cross_icon.classList.toggle("hide-icon"); } </script> <footer> <section class="footer lp-footer"> <div class="c-big-shape"> <div class="big-shape__container"> <div class="big-blur-shape is--right is--pink" style="transform: translate3d(0rem, 0rem, 0px) scale3d(1.02738, 1.02738, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;"> </div> </div> </div> <div class="c-big-shape"> <div class="big-shape__container"> <div class="big-blur-shape is--left is--blue" style="transform: translate3d(0rem, 0rem, 0px) scale3d(1.02738, 1.02738, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;"> </div> </div> </div> <div class="parent-footer"> <div class="top-footer"> <div class="parts part-info"> <img class="lazyload" src="" data-src="https://softhat.pk/images/Softhat-IT-Solutions-Pvt-Limited-Footer.webp" alt="Footer Company Logo"><noscript><img src="https://softhat.pk/images/Softhat-IT-Solutions-Pvt-Limited-Footer.webp" alt="Footer Company Logo"></noscript> <p>Elevating Pakistani businesses through tailored IT services. Digitize your operations, enhance your online presence with custom websites, digital marketing, SEO, and comprehensive technical audits. Unlock your full potential with our expert solutions.</p> </div> <div class="parts part-company"> <h2>COMPANY</h2> <ul class="company"> <li><a href="https://softhat.pk">Home</a></li> <li><a href="https://softhat.pk/blog/">Blog</a></li> <li><a href="https://softhat.pk/services/">Our Services</a></li> <li><a href="https://softhat.pk/team/">Our Team</a></li> <li><a href="https://softhat.pk/courses/">Courses</a></li> <li><a href="https://softhat.pk/career/">Career Opportunities</a></li> <li><a href="https://softhat.pk/about-us/">About Us</a></li> <li><a href="https://softhat.pk/contact-us/">Contact Us</a></li> </ul> </div> <div class="parts part-social"> <h2>SOCIAL</h2> <ul> <li> <a href="https://www.linkedin.com/company/softhat/">Linkedin</a> </li> <li> <a href="https://www.facebook.com/softhatpk/">Facebook</a> </li> <li> <a href="https://www.instagram.com/softhatpk/">Instagram</a> </li> <li> <a href="https://wa.me/+923159300600">WhatsApp</a> </li> </ul> </div> <div class="parts part-contactdetails"> <h2>Contact Details</h2> <ul> <li> <a href="tel:+923159300600">+923159300600</a> </li> <li> <a href="mailto:info@softhat.pk">info@softhat.pk</a> </li> </ul> </div> </div> <div class="bottom-footer"> <div class="left"> <p>Copyright © 2018-2024 Softhat IT Solutions | All Rights Reserved</p> </div> </div> </div> </section> </footer> <script> document.addEventListener("DOMContentLoaded", function() { const lazyloadImages = document.querySelectorAll("img.lazyload"); const imageObserver = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; img.classList.remove("lazyload"); observer.unobserve(img); } }); }); lazyloadImages.forEach(img => { // Check if the image is in the viewport const rect = img.getBoundingClientRect(); if (rect.top >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)) { img.src = img.dataset.src; img.classList.remove("lazyload"); } else { imageObserver.observe(img); } }); }); </script> <script> window.addEventListener('scroll', function() { loadGTM(); }); function loadGTM() { if (!window.gtmLoaded) { window.gtmLoaded = true; // Add GTM script var script = document.createElement('script'); script.src = 'https://www.googletagmanager.com/gtag/js?id=G-0FS9E6N03L'; script.defer = true; document.body.appendChild(script); // Add inline GTM config script script.onload = function() { var inlineScript = document.createElement('script'); inlineScript.innerHTML = ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0FS9E6N03L'); `; document.body.appendChild(inlineScript); }; // Remove the scroll event listener after loading GTM window.removeEventListener('scroll', loadGTM); } } </script> <script> document.getElementById('name').addEventListener('input', function() { if (this.value.length > 0) { loadRecaptcha(); } }); function loadRecaptcha() { if (!window.recaptchaLoaded) { window.recaptchaLoaded = true; var script = document.createElement('script'); script.src = 'https://www.google.com/recaptcha/api.js'; script.async = true; script.defer = true; document.body.appendChild(script); } } </script> <script> document.addEventListener("DOMContentLoaded", function() { // Function to load the content function loadContent() { var loadOnScrollDiv = document.getElementById("loadOnScroll"); if (loadOnScrollDiv) { loadOnScrollDiv.innerHTML = ` <div class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13230.732510219459!2d71.545163!3d34.000672!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38d917beda072c1f%3A0x3e1a0088e12f70f9!2sSofthat%20IT%20Solutions%20Private%20Limited!5e0!3m2!1sen!2s!4v1718278227712!5m2!1sen!2s" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Softhat IT Solutions Google Maps Location"> </div> `; } } // Create an IntersectionObserver var observer = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { loadContent(); observer.disconnect(); // Stop observing after the content is loaded } }); }); // Start observing the placeholder div var loadOnScrollDiv = document.getElementById("loadOnScroll"); if (loadOnScrollDiv) { observer.observe(loadOnScrollDiv); } }); </script> <script> // Define the left and right blur shape elements const rightShape = document.querySelector('.big-blur-shape.is--right'); const leftShape = document.querySelector('.big-blur-shape.is--left'); let scale = 1.02; let direction = 1; // 1 means increasing scale, -1 means decreasing scale function animateShapes() { // Update the scale factor for animation scale += direction * 0.01; // Reverse the direction of scaling when reaching thresholds if (scale >= 1.5 || scale <= 1.02) { direction *= -1; // Reverse the scaling direction } // Apply the new transform with the updated scale rightShape.style.transform = `translate3d(0rem, 0rem, 0px) scale3d(${scale}, ${scale}, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)`; leftShape.style.transform = `translate3d(0rem, 0rem, 0px) scale3d(${scale}, ${scale}, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)`; } // Set an interval to continuously animate the shapes setInterval(animateShapes, 70); // Run the animation every 100ms (adjust as needed for smoothness) </script> </body> </html>
