<!doctype html>
<html>
<head>
<title>X4 - Advancing IT Security</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>

<link rel="stylesheet" href="css/main.css" />
    <style>
        .enlarged-image-container {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
        }
        .enlarged-image {
            max-width: 90%;
            max-height: 90%;
            border: 2px solid black;
        }
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 500;
        }
    </style>
</head>
<body>

<!-- HEADER -->
<header id="Header" class="sticky top-0 bg-black text-white px-[5vw] py-6 z-[100]">
  <div class="flex justify-between items-center gap-4 max-w-4xl mx-auto">
    <a href="/">
      <img src="img/x4-logo.png" alt="X4 Logo" class="max-w-12 lg:max-w-16" />
    </a>

    <div>
      <!-- Hamburger (mobile) -->
      <button id="HamburgerMenuButton" title="Menu" class="md:hidden text-white text-2xl leading-none sm:leading-none px-3 py-2 -mr-3 outline-none">
        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
      </button>
      
      <ul class="hidden md:flex gap-4 text-lg tracking-wide text-actc-light-orange">
        <li class="block px-2 py-1"><a href="/ebooks.html">eBooks</a></li>
        <li class="block px-2 py-1"><a href="/x4-coalition.html">Coalition</a></li>
        <li class="block px-2 py-1"><a href="/about-x4.html">About</a></li>
        <!--li class="block px-2 py-1"><a href="/frequently-asked-questions-faqs.html">FAQs</a></li-->
        <li class="block px-2 py-1"><a href="/faqs-about-it-security.html">IT Security</a></li>
        <li class="block px-2 py-1"><a href="/myconstituents.html">MyConstituents</a></li>
        <li class="block px-2 py-1"><a href="/contact.html">Contact</a></li>
      </ul>
    </div>

    <nav id="HamburgerMenu" class="opacity-0 absolute right-full min-w-full top-full md:hidden bg-black">
      <ul class="w-full text-lg bg-fly-red ml-auto overflow-hidden text-white">
        <li><a href="/ebooks.html" class="block px-[5vw] py-3 border-t border-white/20">eBooks</a></li>
        <li><a href="/x4-coalition.html" class="block px-[5vw] py-3 border-t border-white/20">Coalition</a></li>
        <li><a href="/about-x4.html" class="block px-[5vw] py-3 border-t border-white/20">About</a></li>
        <!--li><a href="/frequently-asked-questions-faqs.html" class="block px-[5vw] py-3 border-t border-white/20">FAQs</a></li-->
        <li><a href="/faqs-about-it-security.html" class="block px-[5vw] py-3 border-t border-white/20">IT Security</a></li>
        <li><a href="/myconstituents.html" class="block px-[5vw] py-3 border-t border-white/20">MyConstituents</a></li>
        <li><a href="/contact.html" class="block px-[5vw] py-3 border-t border-white/20">Contact</a></li>
      </ul>
    </nav>

    <script>
      const btn = document.querySelector("#HamburgerMenuButton");
      const menu = document.querySelector("#HamburgerMenu");

      btn.addEventListener("click", () => {
        menu.classList.toggle("right-full");
        menu.classList.toggle("right-0");
        menu.classList.toggle("opacity-0");
      });
    </script>
  </div>
</header>

<!-- Launch announcement -->
<section class="px-[5vw] py-12 bg-rose-700 text-white" style="display:none">
  <div class="max-w-6xl mx-auto text-lg">
    <div class="grid grid-cols-1 md:grid-cols-3 xl:grid-cols-5 gap-4 md:gap-10 xl:gap-12">
      <div class="xl:col-span-2">
        <img id="thumbnail" src="img/x4-v4-2015-05_page-01.jpg" class="w-full rounded" />
      </div>
    <div class="overlay" id="overlay"></div>
    <div class="enlarged-image-container" id="enlargedContainer">
        <img id="enlargedImage" class="enlarged-image" src="img/x4-v4-2015-05_page-01.jpg" alt="Enlarged Image">
    </div>

      <div class="md:col-span-2 xl:col-span-3">
        <p class="mb-4"><b><b>On Independence Day, July 4th 2024, we announced The X4 Internet (Web 4.0) which features anonymous use as a maximum-security replacement for all other conferencing and meeting software, allowing you to break strongholds and unhealthy dependence on tech giants.</b></b></p>
        <p class="font-light mb-4">X4 Internet is the creation of IT specialists whose clients have included large corporations, financial institutions, and government agencies including the military. Please ask yourself, “Do I want to use Information Technology (IT) and the Internet on my own terms, avoid threats, including government surveillance, by using military-grade communications and security protocols?”</p>
        <p class="font-light">Fifteen-minute secure video calls and conferences are free. Subscribe for unlimited use for $15 monthly.  Please inquire about the earnings potential of our 50-50 referral program.</p>

	
      </div>
    </div>
  </div>
</section>

<!-- HERO -->
<div id="Hero" class="relative bg-[url('img/lion-bg.jpg')] bg-cover bg-center text-white px-[5vw] py-36">
  <!-- Overlay -->
  <div class="bg-black/70 absolute inset-0"></div>

  <div class="relative max-w-3xl mx-auto text-center">
    <p class="text-3xl lg:text-5xl font-thin drop-shadow-[0_0_10px_rgba(0,0,0,1)] mb-6"><b>Untraceable &amp; Impenetrable</b> calls,&nbsp;email, and chat is the antidote for mass surveillance.</p>
    <p class="text-lg lg:text-2xl font-normal drop-shadow-[0_0_10px_rgba(0,0,0,1)] mb-4">X4 FlexTech consists of solutions and services that have been enhanced to operate on X4 secure servers. Please inquire about operating your business more securely on the X4 Internet under a software or white-label license.</p>
    
    <p class="text-lg lg:text-xl font-extralight drop-shadow-[0_0_10px_rgba(0,0,0,1)] mb-4">We can stop anyone from tracking you online and listening to your calls. That includes the CIA, NSA, FBI, China, Russia… anyone. Make free 15 minute calls at <u> <a href="https://ff.x4.com">https://ff.x4.com</a></u> or subscriibe anytime to unlimted calling for $15/mo. </p>
    <p class="text-lg lg:text-xl font-extralight drop-shadow-[0_0_10px_rgba(0,0,0,1)] mb-4">Act today to lock down your comms and lock in your charter member status. Please note we always preserve your anonymity.</p>
    <p class="text-lg lg:text-xl font-extralight drop-shadow-[0_0_10px_rgba(0,0,0,1)] mb-4">Click on the subscribe button to receive a roadmap of the x4 Project and rollout.</p>        
    <p class="mt-12">
      <a href="https://secure.epicpay.com/Merchant/Hosted/FullPage/91777220-9157-498d-a41b-e8973862e901" target="_blank" class="inline-block bg-rose-700 text-white text-2xl lg:text-3xl uppercase font-bold px-6 lg:px-8 py-3 lg:py-4 rounded">Subscribe</a>
    </p>

    <p class="text-md text-slate-300 font-light mt-6">Individual subscriptions start at $15/month for unlimited secure calling and video conferencing. Group pricing available. Become a Charter Member of the X-force for a $444 annual fee to unlock unlimited earning potential as an X4 Ambassador. </p>
  </div>
</div>

<!-- Intro -->
<section class="px-[5vw] py-20">
  <div class="max-w-5xl mx-auto">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-12">
      <div class="lg:order-last">
        <img src="img/x4-logo-breakdown.jpg" class="w-full rounded" />
      </div>
      <div class="text-center text-xl">
        <p class="mb-6">The X4 and X4C represent the Aleph and the Tav from the Paleo-Hebrew Alphabet.</p>
        <p class="mb-6 font-bold">An Internet designed for Privacy, Protection, and Productivity for all, and Prosperity for our subscribers and affiliates.</p>
        <p class="mb-6">X4 Internet assists you in mitigating cyber threats from private sector and government bad actors, both foreign and domestic</p>
        <p>The Xforce teams exist to become force multipliers in each and every area where they&nbsp;engage.</p>
      </div>
    </div>
  </div>
</section>

<!-- Ebook -->
<section class="px-[5vw] py-20 bg-slate-200">
  <div class="max-w-xl mx-auto grid grid-cols-1 lg:grid-cols-5 gap-4 lg:gap-8 items-center">
    <a href="http://books.x4.com/" class="lg:col-span-2">
      <img src="img/profiles-book-cover.jpg" class="drop-shadow-md" />
    </a>

    <div class="lg:col-span-3">
      <p class="text-sm uppercase">Latest ebook</p>
      <h2 class="text-xl font-bold mb-6">Profiles in Deception: a Historical Reset by Bill Carico</h2>
      <p><a href="http://books.x4.com/" target="_blank" class="inline-block bg-rose-700 text-white text-md uppercase font-bold px-4 py-2 rounded">Order Now</a></p>
      <p class="text-sm text-slate-700 mt-4">See <a href="/ebooks.html" class="text-rose-700 hover:underline">eBooks</a> for more info.</p>
    </div>
  </div>
</section>

<!-- Consultation -->
<section class="px-[5vw] py-20 bg-black text-white">
  <div class="max-w-lg mx-auto">
    <h2 class="text-2xl font-bold mb-8">Schedule a Free Consultation</h2>

    <form id="contact-form">
      <div class="text-black">
        <input type="text" id="from_name" name="from_name" placeholder="Full Name" class="w-full p-2 border-slate-400 rounded mb-4" />
        
        <input type="email" id="email_address" name="email_address" placeholder="Email Address *" class="w-full p-2 border-slate-400 rounded mb-4" required />

        <input type="tel" id="organization_size" name="organization_size" placeholder="Size of Organization *" class="w-full p-2 border-slate-400 rounded mb-4" required />
        
        <textarea name="message" id="message" placeholder="Description of security concerns… *" class="block w-full p-2 border-slate-400 rounded mb-4" rows="5" required></textarea>
        
        <textarea name="message_2" id="message_2" placeholder="Description of IT infrastructure. Please include existing security tools deployed… *" class="block w-full p-2 border-slate-400 rounded mb-4" rows="5" required></textarea>
        
        <div>
          <button id="submit_button" type="submit" class="inline-block bg-rose-700 text-white text-md uppercase font-bold px-4 py-2 rounded">Request Schedule</button>
        </div>
      </div>
    </form>
  </div>
</section>

<!-- Video -->
<section class="px-[5vw] py-20 bg-slate-200">
  <div class="max-w-2xl mx-auto">
    <video id="my-video0" class="video-js vjs-default-skin w-full mb-4" controls preload="auto" width="640" height="360">
      <source src="/media/empires_are_built_this_way.mp4" type="video/mp4">
	Your browser does not support the video tag.
    </video>

    <div class="text-center mb-8">
      <p class="text-2xl font-bold">“Privacy is Liberty is Democracy”</p>
      <p class="text-sm">William Binney, former NSA Official</p>
    </div>

    <p class="mb-4">Watch this 5-minute video “Inside Mass Surveillance” to learn the importance of guarding your privacy when calling. The FBI and Drug Enforcement Agency (DEA) are using data collected on US citizens without oversight from courts or congress.</p>

    <p class="mb-4">Mass surveillance randomly includes thousands of innocent people in the “zone of suspicion.” Calls made with X4 are shielded from surveillance, intrusion, and tracking. Not only can we protect you from hackers, big tech, and government agencies, but also from some of the largest telecoms in the world that assist them.</p>

    <p class="mb-4">William Binney, formerly an intelligence official within the NSA, now a whistleblower and campaigner, talks at World Forum for Democracy about the vast reach of international surveillance in the US, who controls it and what their real intentions are.</p>
  </div>
</section>

<!-- Mission -->
<section class="px-[5vw] py-20">
  <div class="max-w-2xl mx-auto text-lg">
    <h2 class="text-2xl font-bold mb-6">X4 Mission</h2>

    <p class="mb-4">Look at what’s happening all around us. Big Tech tyrants and misguided billionaires are on the offensive to silence those who dare think for themselves. They openly say they will use any means necessary, which has since prompted an assault on people of faith and their various organizations. We use best-practices to deliver trusted platforms to give you and your organization military grade security, privacy, and protection from intrusion and surveillance.</p>

    <p class="mb-4">The X4 Internet is maintained by highly-skilled IT specialists whose clients have included large corporations, financial institutions, and government agencies including the military. Ask yourself, “Do I want to use Information Technology (IT) and the Internet on my own terms, avoid threats and minimize surveillance, and operate using military-grade communications and security protocols?”</p>

    <p class="mb-4">To register as an Xforce member or an X4 Coalition member at no charge, please email <a href="mailto:[email protected]" class="text-rose-700 hover:underline">[email protected]</a> and request an information package. If you are considering running for public office, we can help!</p>

    <p class="mb-4">To set up an sub-network for military grade secure calling among your family or business, to inquire about becoming a reseller or marketplace member, to register as an X4 business, or to inquire about jobs and intern positions, please send an email to <a href="mailto:[email protected]" class="text-rose-700 hover:underline">[email protected]</a></p>

    <p class="">To make payment and sign up for our services, please <a href="https://secure.epicpay.com/Merchant/Hosted/FullPage/91777220-9157-498d-a41b-e8973862e901" target="_blank" class="text-rose-700 hover:underline">click here</a>.</p>
  </div>
</section>

<!-- Contact -->
<section class="px-[5vw] py-20 bg-slate-200">
  <div class="max-w-3xl grid grid-cols-1 lg:grid-cols-4 gap-4 lg:gap-8 mx-auto text-lg">
    <div class="lg:col-span-3">
      <h2 class="text-2xl font-bold mb-6">Raising the bar for privacy and security.</h2>

      <p class="mb-4">Please review the <a href="/faq.html" class="text-rose-700 hover:underline">FAQ</a> for more detailed security information about X4 and security in general.</p>

      <p class=""><a href="/contact.html" target="_blank" class="inline-block bg-rose-700 text-white text-md uppercase font-bold px-4 py-2 rounded">Send us Your Questions</a></p>
    </div>

    <div>
      <h2 class="text-2xl font-bold mb-6">Contact Us</h2>

      <p class="mb-2">✉️ <a href="mailto:[email protected]" class="text-rose-700 hover:underline">[email protected]</a></p>
      <!--p>📞 (434) 241-9200</p-->
    </div>
  </div>
</section>

<!-- Verse -->
<section class="px-[5vw] py-20 bg-gray-800 text-white">
  <div class="max-w-xl mx-auto">
    <p class="text-center text-2xl font-light">Jeremiah 31:31-34</p>
    <p class="text-center text-2xl font-light">July 1, 2024</p>
  </div>
</section>

<!-- FOOTER -->
<footer id="Footer" class="px-[5vw] py-8 bg-black text-slate-400">
  <p class="text-xs text-center">&copy; X4. All rights reserved.</p>
</footer>
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script>
  const players = [];
  document.querySelectorAll('.video-js').forEach(function(videoNode) {
      var player = videojs(videoNode);
      player.on('play', function() {
	  _paq.push(['trackEvent', 'Video', 'Play', player.currentSrc()]);
      });
      player.on('pause', function() {
	  _paq.push(['trackEvent', 'Video', 'Pause', player.currentSrc()]);
      });
      player.on('ended', function() {
	  _paq.push(['trackEvent', 'Video', 'Ended', player.currentSrc()]);
      });    
      players.push(player);
  });  
</script>

<!-- EmailJS -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script type="text/javascript">
  (function() {
    emailjs.init({
      publicKey: "user_M1rRapUxjelPLBVVvXdK4",
    });
  })();
</script>
<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
    const contactFormSubmit = document.getElementById('submit_button');
    document.getElementById('contact-form').addEventListener('submit', function(event) {
      event.preventDefault();

      contactFormSubmit.value = "Sending Request…";
      contactFormSubmit.classList.toggle("opacity-50");
      contactFormSubmit.setAttribute('disabled', true);

      emailjs.sendForm('gmail', 'template_ynvkl87', this)
        .then(() => {
          console.log('SUCCESS!');
          contactFormSubmit.innerText = "Request Sent!";
          contactFormSubmit.classList.toggle("bg-rose-700");
          contactFormSubmit.classList.toggle("bg-green-700");
        }, (error) => {
          console.log('FAILED...', error);
          contactFormSubmit.innerText = "Sending Failed, Resend?";
          contactFormSubmit.classList.toggle("opacity-50");
          contactFormSubmit.setAttribute('disabled', false);
        });
    });
    const thumbnail = document.getElementById('thumbnail');
    const enlargedContainer = document.getElementById('enlargedContainer');
    const enlargedImage = document.getElementById('enlargedImage');
    const overlay = document.getElementById('overlay');

    thumbnail.addEventListener('click', function () {
        overlay.style.display = 'block';
        enlargedContainer.style.display = 'block';
    });

    overlay.addEventListener('click', function () {
        overlay.style.display = 'none';
        enlargedContainer.style.display = 'none';
    });

    enlargedImage.addEventListener('click', function () {
        overlay.style.display = 'none';
        enlargedContainer.style.display = 'none';
    });      
  });
</script>

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//www.x4.com/matomo/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
</body>
</html>