Spaces:
Running
Running
| <html lang="en"> | |
| <!-- Mirrored from es-teams-database2025.onrender.com/about by HTTrack Website Copier/3.x [XR&CO'2017], Fri, 14 Feb 2025 22:35:00 GMT --> | |
| <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>πππ’π¨π§ ππ¦ π§πππ π¦ π§πππ</title> | |
| <script src="../external.html?link=https://cdn.tailwindcss.com/"></script> | |
| <style> | |
| /* Typing effect */ | |
| @keyframes typing { | |
| from { width: 0; } | |
| to { width: 100%; } | |
| } | |
| @keyframes blink { | |
| 50% { border-color: transparent; } | |
| } | |
| .typing { | |
| display: inline-block; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| border-right: 3px solid white; | |
| animation: typing 4s steps(40) forwards, blink 0.8s infinite; | |
| } | |
| /* Blur background when menu is open */ | |
| .blurred { | |
| filter: blur(8px); | |
| } | |
| /* Neon glowing line */ | |
| .neon-line { | |
| width: 60%; | |
| height: 2px; | |
| background: cyan; | |
| margin: 20px auto; | |
| box-shadow: 0px 0px 8px cyan; | |
| } | |
| /* Hide menu initially */ | |
| .menu { | |
| position: fixed; | |
| top: 0; | |
| right: -100%; | |
| width: 250px; | |
| height: 100vh; | |
| background: rgba(31, 41, 55, 0.9); /* Slight transparency */ | |
| color: white; | |
| padding: 20px; | |
| box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.5); | |
| transition: right 0.3s ease-in-out; | |
| z-index: 100; | |
| overflow-y: auto; | |
| } | |
| .menu-open { | |
| right: 0; | |
| } | |
| /* Menu items */ | |
| .menu ul { | |
| list-style: none; | |
| padding: 0; | |
| margin: 20px 0; | |
| } | |
| .menu ul li { | |
| padding: 10px 0; | |
| text-align: left; | |
| } | |
| .menu ul li a { | |
| display: block; | |
| padding: 10px; | |
| border-radius: 5px; | |
| background: rgba(255, 255, 255, 0.1); | |
| text-decoration: none; | |
| color: white; | |
| transition: background 0.3s; | |
| pointer-events: auto; | |
| } | |
| .menu ul li a:hover { | |
| background: rgba(255, 255, 255, 0.2); | |
| } | |
| /* Close button */ | |
| #close-menu { | |
| background: none; | |
| border: none; | |
| color: white; | |
| font-size: 24px; | |
| cursor: pointer; | |
| float: right; | |
| } | |
| /* Box for description */ | |
| .content-box { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| padding: 20px; | |
| border-radius: 15px; | |
| border-left: 5px solid cyan; | |
| box-shadow: 0 0 10px cyan; | |
| width: 80%; | |
| margin: auto; | |
| text-align: center; | |
| } | |
| /* Chat button positioning */ | |
| #chat-button { | |
| position: fixed; | |
| bottom: 20px; | |
| right: 20px; | |
| z-index: 1000; | |
| background-color: #4CAF50; | |
| color: white; | |
| border: none; | |
| border-radius: 50%; | |
| padding: 15px; | |
| box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); | |
| cursor: pointer; | |
| font-size: 24px; | |
| display: block; | |
| } | |
| /* Ensure button is visible on smaller screens */ | |
| @media (max-width: 768px) { | |
| #chat-button { | |
| bottom: 20px; | |
| right: 20px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white"> | |
| <!-- Navbar --> | |
| <nav class="p-5 flex justify-between items-center"> | |
| <h1 class="text-xl font-bold">ππ¦ π§πππ π¦ π§πππ</h1> | |
| <div id="menu-btn" class="cursor-pointer text-2xl">☰</div> | |
| </nav> | |
| <!-- Sliding Sidebar Menu --> | |
| <div id="menu" class="menu"> | |
| <button id="close-menu">✖</button> | |
| <ul class="mt-5 space-y-4"> | |
| <li> | |
| <a href="../external.html?link=https://whatsapp.com/channel/0029Vaj1vKSK5cDDT4tVvY1y" target="_blank"> | |
| WhatsApp Channel | |
| </a> | |
| </li> | |
| <li> | |
| <a href="../external.html?link=https://t.me/esteam24" target="_blank"> | |
| Telegram Channel | |
| </a> | |
| </li> | |
| <li> | |
| <a href="../external.html?link=https://youtube.com/@esteams" target="_blank"> | |
| YouTube Channel | |
| </a> | |
| </li> | |
| <li> | |
| <a href="../external.html?link=https://wa.me/09037524605"> | |
| Contact Us | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Main Content --> | |
| <div id="content" class="text-center mt-10 transition-all"> | |
| <h2 class="text-3xl font-bold">πππ’π¨π§ ππ¦ π§πππ π¦ π§πππ</h2> | |
| <div class="neon-line"></div> | |
| <!-- Typing Sections Inside a Box --> | |
| <div class="content-box mt-10"> | |
| <h3 id="section" class="text-2xl font-semibold typing"></h3> | |
| </div> | |
| </div> | |
| <!-- JavaScript --> | |
| <script> | |
| const sections = [ | |
| "Welcome to ES TEAMS TECH, where innovation meets excellence.", | |
| "We specialize in cutting-edge technology solutions designed to enhance your digital experience and business operations.", | |
| "With expertise in WhatsApp bot development, website creation, business promotion, and educational tutoring, we deliver top-notch services tailored to meet your needs.", | |
| "WhatsApp Bot Development", | |
| "Our WhatsApp bot solutions automate responses, streamline customer interactions, and enhance engagement for businesses.", | |
| "We build AI-powered bots for customer service, marketing, and automation.", | |
| "Website Development", | |
| "We craft modern, high-performing websites that captivate audiences and drive business growth.", | |
| "From business sites to e-commerce platforms, our expert developers ensure a professional online presence.", | |
| "Business Promotion & Digital Marketing", | |
| "We offer SEO, social media marketing, and brand positioning to help businesses maximize visibility.", | |
| "Our strategies drive customer engagement and competitive market advantage.", | |
| "Educational Tutoring & Tech Training", | |
| "We empower individuals with coding, AI, and digital marketing skills through expert-led training.", | |
| "Why Choose ES TEAMS TECH?", | |
| "β Expertise in cutting-edge technology", | |
| "β Tailored solutions for businesses and individuals", | |
| "β Reliable customer support and after-service care", | |
| "β Commitment to excellence and innovation", | |
| "β Affordable pricing with high-quality results", | |
| "At ES TEAMS TECH, we believe that technology should work for you.", | |
| "Our goal is to make tasks easier, businesses more efficient, and learning more accessible.", | |
| "Let's build the future together!" | |
| ]; | |
| let index = 0; | |
| function typeNext() { | |
| const sectionElement = document.getElementById("section"); | |
| sectionElement.classList.remove("typing"); | |
| setTimeout(() => { | |
| sectionElement.textContent = sections[index]; | |
| sectionElement.classList.add("typing"); | |
| index = (index + 1) % sections.length; | |
| setTimeout(typeNext, 5000); | |
| }, 100); | |
| } | |
| typeNext(); | |
| // Menu Toggle | |
| const menuBtn = document.getElementById("menu-btn"); | |
| const closeMenu = document.getElementById("close-menu"); | |
| const menu = document.getElementById("menu"); | |
| const content = document.getElementById("content"); | |
| menuBtn.addEventListener("click", () => { | |
| menu.classList.add("menu-open"); | |
| content.classList.add("blurred"); | |
| }); | |
| closeMenu.addEventListener("click", () => { | |
| menu.classList.remove("menu-open"); | |
| content.classList.remove("blurred"); | |
| }); | |
| // Ensure menu closes when clicking outside | |
| document.body.addEventListener("click", (e) => { | |
| if (!menu.contains(e.target) && !menuBtn.contains(e.target)) { | |
| menu.classList.remove("menu-open"); | |
| content.classList.remove("blurred"); | |
| } | |
| }); | |
| // Chaport Live Chat Script Integration | |
| (function(w,d,v3){ | |
| w.chaportConfig = { | |
| appId : '6512c90d8bbcce468960ab73' | |
| }; | |
| if(w.chaport)return; | |
| v3=w.chaport={}; | |
| v3._q=[]; | |
| v3._l={}; | |
| v3.q=function(){v3._q.push(arguments)}; | |
| v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)}; | |
| var s=d.createElement('script');s.type='text/javascript';s.async=true; | |
| s.src='../app.chaport.com/javascripts/insert.js'; | |
| var ss=d.getElementsByTagName('script')[0]; | |
| ss.parentNode.insertBefore(s,ss); | |
| })(window, document); | |
| </script> | |
| </body> | |
| <!-- Mirrored from es-teams-database2025.onrender.com/about by HTTrack Website Copier/3.x [XR&CO'2017], Fri, 14 Feb 2025 22:35:01 GMT --> | |
| </html> |