Spaces:

HenzHosting
/

Esteams

Running

File size: 9,671 Bytes

8aeb522

<!DOCTYPE html>
<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">&#9776;</div>
    </nav>

    <!-- Sliding Sidebar Menu -->
    <div id="menu" class="menu">
        <button id="close-menu">&#10006;</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>