{"id":8,"date":"2026-05-07T13:33:08","date_gmt":"2026-05-07T13:33:08","guid":{"rendered":"https:\/\/microbacteria.lol\/?page_id=8"},"modified":"2026-05-08T03:27:51","modified_gmt":"2026-05-08T03:27:51","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/microbacteria.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f82ef8 e-flex e-con-boxed e-con e-parent\" data-id=\"2f82ef8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/microbacteria.lol\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/BACTERIA-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-a82ad9c e-con-full e-flex e-con e-child\" data-id=\"a82ad9c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-713b40e elementor-widget elementor-widget-html\" data-id=\"713b40e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@500&family=Space+Grotesk:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --brand-purple: #954FE6;\r\n            --brand-mint: #34FCA5;\r\n            --brand-grad: linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-mint) 100%);\r\n            --glass-bg: rgba(255, 255, 255, 0.08); \r\n            --transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n        }\r\n\r\n        .wp-bacteria-section {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 10px 0;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            background: transparent;\r\n        }\r\n\r\n        .main-container {\r\n            width: 92%;\r\n            max-width: 1200px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* --- MASTER HD GRADIENT OUTLINE SYSTEM --- *\/\r\n        .solana-card {\r\n            position: relative;\r\n            background: var(--glass-bg);\r\n            border-radius: 28px;\r\n            border: none;\r\n            transition: var(--transition);\r\n            backdrop-filter: blur(30px);\r\n            -webkit-backdrop-filter: blur(30px);\r\n            display: flex;\r\n        }\r\n\r\n        .solana-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: -3px; \r\n            border-radius: inherit;\r\n            padding: 3px; \r\n            background: var(--brand-grad);\r\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n            mask-composite: exclude;\r\n            -webkit-mask-composite: xor;\r\n            pointer-events: none;\r\n            opacity: 0.9;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .solana-card:hover {\r\n            transform: translateY(-5px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            box-shadow: 0 20px 50px rgba(149, 79, 230, 0.2);\r\n        }\r\n\r\n        .solana-card:hover::before {\r\n            opacity: 1;\r\n            filter: brightness(1.2) drop-shadow(0 0 10px rgba(52, 252, 165, 0.5));\r\n        }\r\n\r\n        \/* --- CA SECTION --- *\/\r\n        .ca-wrapper { display: flex; gap: 15px; width: 100%; align-items: stretch; }\r\n        .ca-card { flex: 1; border-radius: 100px; align-items: center; justify-content: center; }\r\n        .ca-box {\r\n            padding: 18px 30px; font-family: 'Space Grotesk', monospace;\r\n            font-size: clamp(0.7rem, 2vw, 0.95rem); letter-spacing: 1px;\r\n            color: #fff; text-align: center; font-weight: 700;\r\n        }\r\n        .btn-copy {\r\n            padding: 0 45px; background: var(--brand-grad); color: #000 !important;\r\n            border-radius: 100px; font-weight: 800; text-transform: uppercase;\r\n            cursor: pointer; border: none; transition: var(--transition);\r\n            font-family: 'Unbounded', sans-serif; font-size: 0.8rem;\r\n        }\r\n        .btn-copy:hover { transform: scale(1.03); filter: brightness(1.1); box-shadow: 0 0 25px rgba(52, 252, 165, 0.4); }\r\n\r\n        \/* --- MIDDLE CONTENT --- *\/\r\n        .middle-content { display: flex; gap: 25px; width: 100%; align-items: stretch; }\r\n        \r\n        .sidebar-icons { \r\n            display: flex; \r\n            flex-direction: column; \r\n            gap: 10px; \r\n            justify-content: space-between; \r\n            width: 75px; \r\n        }\r\n        .icon-link { text-decoration: none; display: block; }\r\n        .icon-card { \r\n            width: 75px; height: 75px; \r\n            border-radius: 50% !important; \r\n            justify-content: center; \r\n            align-items: center;\r\n            background: rgba(255,255,255,0.05);\r\n        }\r\n        .icon-card svg { width: 28px; height: 28px; fill: #fff; transition: var(--transition); }\r\n        .icon-link:hover .icon-card svg { fill: var(--brand-mint); transform: scale(1.1); }\r\n\r\n        .hero-main { \r\n            flex: 1; \r\n            padding: 60px; \r\n            display: flex; \r\n            align-items: center; \r\n            justify-content: space-between; \r\n            gap: 40px; \r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hero-text { flex: 1; }\r\n        .hero-text h1 {\r\n            font-family: 'Unbounded', sans-serif; \r\n            font-weight: 500;\r\n            font-size: clamp(2.2rem, 4vw, 3.8rem);\r\n            line-height: 1.1; margin: 0 0 20px 0;\r\n            background: var(--brand-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n            text-transform: uppercase;\r\n        }\r\n        .hero-text p { color: #fff; line-height: 1.6; margin-bottom: 35px; font-size: 1.1rem; opacity: 0.9; }\r\n\r\n        \/* --- VIDEO CONTAINER --- *\/\r\n        .visual-card { \r\n            width: 38%; \r\n            max-width: 380px;\r\n            aspect-ratio: 1\/1;\r\n            border-radius: 35px; \r\n            flex-shrink: 0; \r\n            background: #000; \r\n            padding: 0;\r\n            overflow: hidden;\r\n            display: flex;\r\n        }\r\n        .visual-card video { \r\n            width: 100%; \r\n            height: 100%; \r\n            object-fit: cover; \r\n            display: block;\r\n            border-radius: 32px; \r\n        }\r\n\r\n        \/* --- FOOTER NAV --- *\/\r\n        .footer-nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }\r\n        .nav-card { \r\n            padding: 22px 10px; border-radius: 20px; justify-content: center;\r\n            font-size: 0.75rem; font-weight: 700; text-transform: uppercase; \r\n            letter-spacing: 1px; cursor: pointer; color: #fff;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n        .nav-card:hover { color: var(--brand-mint); background: rgba(255, 255, 255, 0.1); }\r\n\r\n        \/* --- MODAL --- *\/\r\n        .modal-overlay {\r\n            position: fixed; inset: 0; background: rgba(0,0,0,0.92);\r\n            display: none; justify-content: center; align-items: center;\r\n            z-index: 10000; backdrop-filter: blur(40px); padding: 25px;\r\n        }\r\n        .modal-card {\r\n            max-width: 600px; width: 100%; padding: 60px 40px;\r\n            flex-direction: column; align-items: center; text-align: center;\r\n            animation: modalIn 0.4s ease;\r\n            background: rgba(255, 255, 255, 0.1);\r\n        }\r\n        @keyframes modalIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n        \r\n        .modal-title {\r\n            font-family: 'Unbounded', sans-serif;\r\n            font-weight: 500; font-size: 2.2rem;\r\n            background: var(--brand-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n            margin-bottom: 15px; text-transform: uppercase;\r\n        }\r\n        .modal-sep { width: 50px; height: 3px; background: var(--brand-grad); margin-bottom: 25px; border-radius: 10px; }\r\n        .modal-desc { \r\n            color: #fff; line-height: 1.7; font-size: 1.05rem; \r\n            white-space: pre-line;\r\n            text-align: left;\r\n        }\r\n\r\n        .modal-btn {\r\n            display: none; text-decoration: none; padding: 15px 40px;\r\n            background: var(--brand-grad); color: #000 !important; font-weight: 800;\r\n            border-radius: 50px; text-transform: uppercase; font-size: 0.85rem;\r\n            font-family: 'Unbounded', sans-serif; margin-top: 20px;\r\n        }\r\n\r\n        .close-btn {\r\n            position: absolute; top: 20px; right: 20px; cursor: pointer;\r\n            width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1);\r\n            display: flex; align-items: center; justify-content: center; color: #fff;\r\n        }\r\n\r\n        \/* --- MOBILE --- *\/\r\n        @media (max-width: 900px) {\r\n            .ca-wrapper, .middle-content { flex-direction: column; }\r\n            .sidebar-icons { flex-direction: row; justify-content: center; width: 100%; height: auto; }\r\n            .hero-main { flex-direction: column; text-align: center; padding: 40px 20px; }\r\n            .visual-card { width: 85%; max-width: 320px; }\r\n            .footer-nav { grid-template-columns: repeat(2, 1fr); }\r\n            .nav-card:last-child { grid-column: span 2; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"wp-bacteria-section\">\r\n        <div class=\"main-container\">\r\n            \r\n            <div class=\"ca-wrapper\">\r\n                <div class=\"solana-card ca-card\">\r\n                    <div class=\"ca-box\">34vsD2iLuecgdvpPS5dGCAA7bX9Qep2R67wQnSJ9pump<\/div>\r\n                <\/div>\r\n                <button class=\"btn-copy\" onclick=\"copyCA()\">COPY CA<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"middle-content\">\r\n                <div class=\"sidebar-icons\">\r\n                    <a href=\"https:\/\/x.com\/micr0bacteria\" target=\"_blank\" class=\"icon-link\">\r\n                        <div class=\"solana-card icon-card\"><svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/t.me\/micr0bacteria\" target=\"_blank\" class=\"icon-link\">\r\n                        <div class=\"solana-card icon-card\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2s-.21-.05-.3-.03c-.12.02-1.96 1.24-5.54 3.65-.52.36-.99.53-1.41.52-.46-.01-1.35-.26-2.01-.48-.81-.27-1.45-.42-1.39-.89.03-.24.36-.49.99-.75 3.88-1.69 6.47-2.8 7.76-3.34 3.69-1.54 4.45-1.81 4.95-1.82.11 0 .35.03.5.15s.2.33.22.46c.02.1.03.28.02.48z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/dexscreener.com\/solana\/34vsD2iLuecgdvpPS5dGCAA7bX9Qep2R67wQnSJ9pump\" target=\"_blank\" class=\"icon-link\">\r\n                        <div class=\"solana-card icon-card\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=34vsD2iLuecgdvpPS5dGCAA7bX9Qep2R67wQnSJ9pump\" target=\"_blank\" class=\"icon-link\">\r\n                        <div class=\"solana-card icon-card\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"solana-card hero-main\">\r\n                    <div class=\"hero-text\">\r\n                        <h1>THE MICRO-REVOLUTION:<br> BORN TO SPREAD.<\/h1>\r\n                        <p>One cell, millions of possibilities. We didn't come to simply dominate; we came to integrate and evolve organically within every corner of the blockchain ecosystem.<\/p>\r\n                        <button class=\"btn-copy\" style=\"padding: 20px 60px;\" onclick=\"showPopup('join')\">JOIN REVOLUTION<\/button>\r\n                    <\/div>\r\n                    <div class=\"solana-card visual-card\">\r\n                        <video autoplay muted loop playsinline>\r\n                            <source src=\"https:\/\/microbacteria.lol\/wp-content\/uploads\/2026\/05\/BACTERIA-2.mp4\" type=\"video\/mp4\">\r\n                        <\/video>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"footer-nav\">\r\n                <div class=\"solana-card nav-card\" onclick=\"showPopup('about')\">About<\/div>\r\n                <div class=\"solana-card nav-card\" onclick=\"showPopup('tokenomics')\">Tokenomics<\/div>\r\n                <div class=\"solana-card nav-card\" onclick=\"showPopup('roadmap')\">Roadmap<\/div>\r\n                <div class=\"solana-card nav-card\" onclick=\"showPopup('buy')\">How to Buy<\/div>\r\n                <div class=\"solana-card nav-card\" onclick=\"showPopup('join')\">Join Us<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div id=\"popupOverlay\" class=\"modal-overlay\" onclick=\"closePopup()\">\r\n        <div class=\"solana-card modal-card\" onclick=\"event.stopPropagation()\">\r\n            <div class=\"close-btn\" onclick=\"closePopup()\">\u2715<\/div>\r\n            <h2 id=\"modalTitle\" class=\"modal-title\">TITLE<\/h2>\r\n            <div class=\"modal-sep\"><\/div>\r\n            <div id=\"modalBody\" class=\"modal-desc\">Description<\/div>\r\n            <a href=\"https:\/\/t.me\/\" target=\"_blank\" id=\"modalBtn\" class=\"modal-btn\">Join Community<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const contentData = {\r\n            about: { \r\n                title: \"The Host Philosophy\", \r\n                body: \"Bacteria are the most resilient entities on this planet. They survive extreme temperatures, adapt with incredible speed, and multiply relentlessly.\\n\\nThe $BACTERIA movement is more than just a visual; it represents fundamental resilience in a volatile market. We are the microscopic infrastructure building a macroscopic impact.\", \r\n                showBtn: false \r\n            },\r\n            tokenomics: { \r\n                title: \"The Growth Cycle\", \r\n                body: \"\u2022 Total Supply: 1,000,000,000 $BACTERIA\\n\u2022 Buy\/Sell Tax: 0% (Pure community growth)\\n\u2022 Liquidity Pool: Burned Forever \ud83d\udd25\\n\u2022 Contract: Renounced\\n\\nNo hidden allocations. Our growth depends entirely on how fast this positive 'infection' spreads across the charts.\", \r\n                showBtn: false \r\n            },\r\n            roadmap: { \r\n                title: \"The Evolution Map\", \r\n                body: \"Phase 1: Incubation\\n- Fair Launch on Pump.fun\\n- Formation of 'The Host' core community\\n- Social verification & Viral marketing\\n\\nPhase 2: Multiplication\\n- Raydium Migration\\n- Global awareness campaigns\\n- Strategic partnerships\\n\\nPhase 3: Dominance\\n- Tier-1 CEX listings\\n- Ecosystem utility expansion\\n- Setting a new standard for organic growth\", \r\n                showBtn: false \r\n            },\r\n            buy: { \r\n                title: \"Becoming a Host\", \r\n                body: \"1. Prepare Your Wallet: Download Phantom or Solflare.\\n\\n2. Acquire SOL: Fund your wallet with SOL from any major exchange.\\n\\n3. Pump.fun Launchpad: Swap SOL for $BACTERIA early before the bonding curve completes.\\n\\n4. Monitor the Spread: Track live price action on Dexscreener once migrated to Raydium.\", \r\n                showBtn: false \r\n            },\r\n            join: { \r\n                title: \"Enter the Ecosystem\", \r\n                body: \"Don't just watch through a microscope. Become a part of the movement before the next mutation occurs. Join our global community of 'The Host' today.\", \r\n                showBtn: true \r\n            }\r\n        };\r\n\r\n        function showPopup(key) {\r\n            const data = contentData[key];\r\n            document.getElementById('modalTitle').innerText = data.title;\r\n            document.getElementById('modalBody').innerText = data.body;\r\n            const btn = document.getElementById('modalBtn');\r\n            btn.style.display = data.showBtn ? \"inline-block\" : \"none\";\r\n            document.getElementById('popupOverlay').style.display = 'flex';\r\n        }\r\n\r\n        function closePopup() { document.getElementById('popupOverlay').style.display = 'none'; }\r\n\r\n        function copyCA() {\r\n            const ca = \"34vsD2iLuecgdvpPS5dGCAA7bX9Qep2R67wQnSJ9pump\"; \/\/ Ganti dengan CA asli saat sudah rilis\r\n            navigator.clipboard.writeText(ca).then(() => {\r\n                const btn = document.querySelector('.btn-copy');\r\n                btn.innerText = \"COPIED!\";\r\n                setTimeout(() => { btn.innerText = \"COPY CA\"; }, 2000);\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>34vsD2iLuecgdvpPS5dGCAA7bX9Qep2R67wQnSJ9pump COPY CA THE MICRO-REVOLUTION: BORN TO SPREAD. One cell, millions of possibilities. We didn&#8217;t come to simply dominate; we came to integrate and evolve organically within every corner of the blockchain ecosystem. JOIN REVOLUTION About Tokenomics Roadmap How to Buy Join Us \u2715 TITLE Description Join Community<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/microbacteria.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/microbacteria.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/microbacteria.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/microbacteria.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/microbacteria.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":43,"href":"https:\/\/microbacteria.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/microbacteria.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/microbacteria.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}