Added X pixel code

mosbat · mosbat · commit 4a5bc741833b · 2024-12-29T03:53:22.000+01:00
diff --git a/index.html b/index.html
@@ -329,7 +329,7 @@
       width: 100%;
       display: flex;
       justify-content: space-between;
-      
+
       transform: translateY(-50%);
     }
 
@@ -345,8 +345,23 @@
     .carousel-controls button:hover {
       background: rgba(0, 0, 0, 0.8);
     }
-
   </style>
+  <script>
+
+    !function (e, t, n, s, u, a) {
+      e.twq || (s = e.twq = function () { s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments); }, s.queue = [], a = t.createElement(n), a.async = !0, a.src = u, t.head.appendChild(a));
+    }(window, document, "script", "https://static.ads-twitter.com/uwt.js");
+
+    function onMailToClick(event) {
+      event.preventDefault();
+
+      // Insert Twitter Event ID
+      twq('event', 'tw-omjy9-oxajj', {
+      });
+      // Optionally trigger the mailto link after the script runs
+      window.location.href = 'mailto:project.print506@passinbox.com?subject=Project%20Inquiry';
+    }
+  </script>
 </head>
 
 <body>
@@ -364,9 +379,9 @@ <h1>Mousa Al Bateh</h1>
     <b>
       <h2><em>Empowering Your Business with Tailored IT Consulting and Custom Software Solutions</em></h2>
       <h3><em>All your IT needs in one place!</em></h3>
-<a href="mailto:project.print506@passinbox.com">✨📧✨ Get Your Quote Today!</a>
-<br>
-<a href="mailto:project.print506@passinbox.com">project.print506@passinbox.com</a>
+      <a href="mailto:project.print506@passinbox.com" onclick="onMailToClick(event)">✨📧✨ Get Your Quote Today!</a>
+      <br>
+      <a href="mailto:project.print506@passinbox.com" onclick="onMailToClick(event)">project.print506@passinbox.com</a>
     </b>
     <hr>
     <p><b>
@@ -394,7 +409,8 @@ <h3><em>All your IT needs in one place!</em></h3>
     <hr>
     <h1>Services</h1>
     <p>
-    <ul id="services-list" title="Services Offered" style="list-style-type: disc; text-align: start; padding-left: 10%;"><b>
+    <ul id="services-list" title="Services Offered"
+      style="list-style-type: disc; text-align: start; padding-left: 10%;"><b>
         <li>
           Building new websites for small to medium sized businesses
         </li>
@@ -430,7 +446,8 @@ <h1>Services</h1>
     </p>
     <hr>
     <h1>Prices</h1>
-    <p style="color: #121212; padding-left: 10%;"><b>Prices of all services are quoted on a case by case basis depending on the scale.</b></p>
+    <p style="color: #121212; padding-left: 10%;"><b>Prices of all services are quoted on a case by case basis depending
+        on the scale.</b></p>
     <p style="color: #121212; padding-left: 10%;"><b>Minimum: <i>EUR 1,600</i></b></p>
     <hr>
     <div class="section">
@@ -469,7 +486,8 @@ <h2>Certified By</h2>
     </script>
     <hr>
     <h1><b>How does it work?</b></h1>
-    <h2><em>All payments and disputes are securely managed by a trusted global intermediary called Escrow, ensuring protection for businesses worldwide.</em></h2>
+    <h2><em>All payments and disputes are securely managed by a trusted global intermediary called Escrow, ensuring
+        protection for businesses worldwide.</em></h2>
     <div class="faq-container">
       <div class="faq-item">
         <div class="faq-question">What is escrow and how does it work?</div>
@@ -668,9 +686,9 @@ <h2><b>For Donations!</b></h2>
     </div>
     <hr>
     <b>
-      <a href="mailto:project.print506@passinbox.com">✨📧✨ Get Your Quote Today!</a>
+      <a href="mailto:project.print506@passinbox.com" onclick="onMailToClick(event)">✨📧✨ Get Your Quote Today!</a>
       <br>
-      <a href="mailto:project.print506@passinbox.com">project.print506@passinbox.com</a>
+      <a href="mailto:project.print506@passinbox.com" onclick="onMailToClick(event)">project.print506@passinbox.com</a>
     </b>
     </p>
 </body>
