<!DOCTYPE html><html lang="en"><head>
  <?php
    // Your ipinfo.io API token
    $apiToken = '779658430766b7';

    // Function to get geolocation data
    function getGeolocation($ip, $apiToken) {
        $url = "http://ipinfo.io/{$ip}/json?token={$apiToken}";
        $ch = curl_init();
        
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        
        $response = curl_exec($ch);
        curl_close($ch);
        
        return json_decode($response, true);
    }

    // Get visitor IP address
    $ip = $_SERVER['REMOTE_ADDR'];

    // Get geolocation data
    $geoData = getGeolocation($ip, $apiToken);

    // Check if each piece of data is available
    $ipAddress = !empty($geoData['ip']) ? $geoData['ip'] : 'Unknown';
    $city = !empty($geoData['city']) ? $geoData['city'] : 'Unknown';
    $region = !empty($geoData['region']) ? $geoData['region'] : 'Unknown';
    $country = !empty($geoData['country']) ? $geoData['country'] : 'Unknown';
    $loc = !empty($geoData['loc']) ? $geoData['loc'] : 'Unknown';
    $org = !empty($geoData['org']) ? $geoData['org'] : 'Unknown';
    $postal = !empty($geoData['postal']) ? $geoData['postal'] : 'Unknown';
    $timezone = !empty($geoData['timezone']) ? $geoData['timezone'] : 'Unknown';

    ?>

    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Professional Website Design Services - Puretech</title>
  <link rel="canonical" href="https://thepuretech.co">
<meta name="description" content="Get a custom website designed by the professional designers at Puretech. Every business needs to be online. Stand out from the competition and make your brand look its best with stunning web design.">
<meta name="robots" content="noindex,nofollow">
<meta name="ip2loc" content="62.133.61.131">
<meta name="offer_price" content="149">


<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="/assets/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">


<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/scrollable.css">
<link rel="stylesheet" href="css/style-2.css">


<meta property="og:type" content="website">
<meta property="og:title" content="Top-Rated Website Design Agency - Website Iconix">
<meta property="og:description" content="The Puretech is a leading website design company in Houston, Texas delivering interative website design service for your business at highly affordable website designer, Hire thepuretech.co now">
<meta property="og:url" content="https://www.thepuretech.co">
<meta property="og:image" content="images/logosvg.svg">
<meta property="og:image:width" content="880">
<meta property="og:image:height" content="660">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Website Design Agency">






<script async="" src="js/gtm.js"></script><script async="" type="text/javascript" src="index_1.html"></script>
<script type="text/javascript">window.rf_key_idf = "fac90f346ae58b07bb191eceb762e08b5d249897";</script>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QH7QJL2LR9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QH7QJL2LR9');
</script>

<!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '965186035513103'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=965186035513103&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code -->



</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QH7QJL2LR9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QH7QJL2LR9');
</script>

<body class="blog">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPNDL8K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<header>
  <div class="main-head">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-6">
          <div class="logo">
           <img src="images/logo.png" style="width: 50%;">
          </div>
        </div>
        <div class="col-md-6 text-right">
          <ul class="phnchat">
            <li><a href="tel:+18325326065"><i class="fal fa-phone-alt"></i> +44 7591 983396</a></li>
            <li><a href="javascript:;" class="chat_now"><i class="fas fa-comment-alt"></i> Chat Now</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</header> 
    
  <div class="thankyou-container">
    <h1>Thank You!</h1>
    <p>Your submission has been received successfully.<br>
       We appreciate you contacting us. One of our representatives will be in touch soon.
    </p>
    <a href="https://thepuretech.co/">Return to Home</a>
  </div>  
    
  <footer>
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-4">
        <div class="trslpilot"><img src="images/trustpilot.png" alt=""></div>
      </div>
      <div class="col-md-4 text-center">
        <div class="certi"><img src="images/certificate.png" alt=""></div>
      </div>
      <div class="col-md-4 text-right">
        <div class="gettouch gettouchRight">
        <h5>Get in Touch</h5>
          <a href="tel:+18325326065">+44 7591 983396</a>
          <a href="mailto:info@thepuretech.co">info@thepuretech.co</a>
        </div>
      </div>
    </div>
  </div>
</footer>
<div class="copyright">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6">
        <p>Copyright © 2025 Puretech All Rights Reserved. <a href="/privacy-policy/" target="_blank">Privacy Policy</a> <a href="/terms-and-conditions/" target="_blank">Terms and Conditions</a></p>
      </div>
      <div class="col-md-6 text-right">
        <ul class="social">
          <li><a target="_blank" href="https://www.facebook.com/puretech/"><i class="fab fa-facebook-f"></i></a></li>
          <li><a target="_blank" href="https://twitter.com/puretech/"><i class="fab fa-twitter"></i></a></li>
          <li><a target="_blank" href="https://www.linkedin.com/company/puretech/"><i class="fab fa-linkedin-in"></i></a></li>
          <li><a target="_blank" href="https://www.instagram.com/puretech/"><i class="fab fa-instagram"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="overlay"></div>
<div class="popupmain" id="popuppack">
    <a id="close1" class="closeico1" href="javascript:;" title=""><i></i></a>
    <div class="mmpopup">
       <div class="imgbx">
         <!-- <img src="assets-new/images/img1.jpg" alt=""> -->
		 <img src="images/New-Year-Discount-web-banner.jpg" alt="">		  
       </div>
       <div class="formpop">
        <h4>Get Started.</h4>
		<p>Discuss your website project with our consultants. It's Free!</p>
          <form id="myForm">
            <div class="fld-input">
               <input type="text" id="name" class="lead_input_name" name="cn" placeholder="Name" required="required">
            </div>
            <div class="fld-input">
               <input type="email" id="email" class="lead_input_email" name="em" placeholder="Email Address" required="required">
            </div>
            <div class="fld-input">
               <input type="number" id="phoneNum2" class="lead_input_phone" name="pn" placeholder="Phone Number" required="required">
            </div>
            <div class="fld-input textarea">
                <textarea placeholder="Message" required="" class="lead_input_msg" name="msg"></textarea>
            </div>
            <div class="fld-btn">
               <button type="submit" class="common-button">Get Started Now  <i class="far fa-long-arrow-right"></i></button>
			   <input type="hidden" value="Popup" name="form_source">

<!-- Lead Area -->

<input type="hidden" id="client_ip" name="user_ip" value="">
    <input type="hidden" id="city" name="user_city" value="">
    <input type="hidden" id="country" name="user_country" value="">
    <input type="hidden" id="latitude" name="user_latitude" value="">
    <input type="hidden" id="longitude" name="user_longitude" value="">
    <input type="hidden" id="timezone" name="user_timezone" value="">

<!-- Lead Source -->


<!-- Page URL -->
<input type="hidden" name="full_page_url" value="https://www.thepuretech.co/lp/">
<input type="hidden" name="page_url" value="https://www.techpuretech.co">



            </div>
         </form>
       </div>
    </div>
</div>  


 <script src="js/jquery.js"></script>
 <!--//<script src="js/chat.js"></script>-->
 <script src="js/jquery.validate.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="js/scrollable.js"></script>
<script src="js/custom.js"></script>
 <script>


$("#requestForm").validate();


  new WOW().init();
</script>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/67781e3149e2fd8dfe021dce/1igmjbt42';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

<script>
    document.getElementById('myForm').addEventListener('submit', function (e) {
      e.preventDefault();

      // Create a FormData object from the form
      const formData = new FormData(this);
      // Convert FormData to a plain object
      const data = {
        // Include the secret key (must match the secret key on the server)
        secret: 'z9F@rT3!qW7eH1#nL5xU8?dS2yM4&pJ0vK'
      };

      // Append all form fields (both visible and hidden)
      formData.forEach((value, key) => {
        data[key] = value;
      });

      // Basic client-side check for required fields (Name, Email, Phone, Message)
      if (!data.cn || !data.em || !data.pn || !data.msg) {
        alert('Please fill out all required fields: Name, Email, Phone Number, and Message.');
        return;
      }

      // Send data to the PHP endpoint using fetch
      fetch('submit_form.php', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
      })
      .then(response => response.json())
      .then(result => {
        if (result.success) {
          alert('Form submitted successfully!');
        } else {
          alert('Error: ' + (result.error || 'Unknown error'));
        }
      })
      .catch(err => {
        console.error('Error submitting form:', err);
        alert('An error occurred while submitting the form.');
      });
    });
  </script>
  
<script>
async function fetchUserLocation() {
    try {
        console.log("Fetching user IP location...");

        // Get real client IP using ipify
        let ipResponse = await fetch(`https://geo.ipify.org/api/v2/country,city?apiKey=at_whujbldSmEQFAH7HOo3FhD1gSRkrd`);
        let ipData = await ipResponse.json();

        let clientIp = ipData.ip || "Unknown";
        let city = ipData.location?.city || "Unknown";
        let country = ipData.location?.country || "Unknown";
        let latitude = ipData.location?.lat || "Unknown";
        let longitude = ipData.location?.lng || "Unknown";
        let timezone = ipData.location?.timezone || "Unknown";

        console.log("IP Location Data:", { clientIp, city, country, latitude, longitude, timezone });

        // Update the form with IP-based data first
        updateFormFields(clientIp, city, country, latitude, longitude, timezone);

        // If the user allows GPS, get more accurate data
        if ("geolocation" in navigator) {
            console.log("Fetching GPS location...");
            navigator.geolocation.getCurrentPosition(async function (position) {
                let gpsLatitude = position.coords.latitude;
                let gpsLongitude = position.coords.longitude;

                console.log("GPS Coordinates:", { gpsLatitude, gpsLongitude });

                // Fetch precise location using OpenCage
                let response = await fetch(`https://api.opencagedata.com/geocode/v1/json?q=${gpsLatitude}+${gpsLongitude}&key=c1d1e26680cf490d909812d55a8ab7ae`);
                let data = await response.json();

                if (data.results.length > 0) {
                    let location = data.results[0].components;
                    city = location.city || location.town || location.village || city;
                    country = location.country || country;
                    timezone = data.results[0].annotations.timezone.name || timezone;
                }

                console.log("Final Location Data:", { clientIp, city, country, gpsLatitude, gpsLongitude, timezone });

                // Update the form fields with GPS-based data
                updateFormFields(clientIp, city, country, gpsLatitude, gpsLongitude, timezone);

            }, function (error) {
                console.warn("Geolocation denied or failed. Using IP location.");
                updateFormFields(clientIp, city, country, latitude, longitude, timezone);
            });
        }
    } catch (error) {
        console.error("Error fetching location:", error);
    }
}

// Function to update form hidden fields
function updateFormFields(ip, city, country, lat, lon, timezone) {
    document.getElementById("client_ip").value = ip;
    document.getElementById("city").value = city;
    document.getElementById("country").value = country;
    document.getElementById("latitude").value = lat;
    document.getElementById("longitude").value = lon;
    document.getElementById("timezone").value = timezone;

    console.log("Updated Form Fields:", { ip, city, country, lat, lon, timezone });
}

// Call the function when the page loads
fetchUserLocation();
</script>




    </body>
</html>