Can you change the images to something that actually shows what they look like? Utilize available images from the internet. - Follow Up Deployment
d2708b9
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Esoteric Wisdom Portal</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3); | |
| } | |
| .transition-all { | |
| transition: all 0.3s ease; | |
| } | |
| </style> | |
| </head> | |
| <body class="gradient-bg text-gray-100 min-h-screen"> | |
| <div id="vanta-bg" class="fixed inset-0 z-0"></div> | |
| <header class="relative z-10"> | |
| <nav class="container mx-auto px-6 py-4"> | |
| <div class="flex justify-between items-center"> | |
| <a href="#" class="text-2xl font-bold text-amber-400 flex items-center"> | |
| <i data-feather="compass" class="mr-2"></i> CosmicWisdom | |
| </a> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#thoth" class="hover:text-amber-300 transition-all">Thoth</a> | |
| <a href="#ra" class="hover:text-amber-300 transition-all">Ra Collective</a> | |
| <a href="#ashtar" class="hover:text-amber-300 transition-all">Ashtar</a> | |
| <a href="#vishnu" class="hover:text-amber-300 transition-all">Vishnu/Kali</a> | |
| <a href="#orion" class="hover:text-amber-300 transition-all">Orion Syndicate</a> | |
| </div> | |
| <button class="md:hidden focus:outline-none" id="menu-toggle"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| <div class="md:hidden hidden mt-4" id="mobile-menu"> | |
| <div class="flex flex-col space-y-3"> | |
| <a href="#thoth" class="hover:text-amber-300 transition-all">Thoth</a> | |
| <a href="#ra" class="hover:text-amber-300 transition-all">Ra Collective</a> | |
| <a href="#ashtar" class="hover:text-amber-300 transition-all">Ashtar</a> | |
| <a href="#vishnu" class="hover:text-amber-300 transition-all">Vishnu/Kali</a> | |
| <a href="#orion" class="hover:text-amber-300 transition-all">Orion Syndicate</a> | |
| </div> | |
| </div> | |
| </nav> | |
| </header> | |
| <main class="relative z-10 container mx-auto px-6 py-12"> | |
| <section class="text-center mb-20" data-aos="fade-up"> | |
| <h1 class="text-5xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-amber-400 to-purple-500"> | |
| Esoteric Wisdom Portal | |
| </h1> | |
| <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto"> | |
| Exploring the cosmic entities and collectives that shape our multidimensional reality | |
| </p> | |
| </section> | |
| <section id="thoth" class="mb-20"> | |
| <div class="bg-gray-800 bg-opacity-70 rounded-2xl p-8 shadow-xl card-hover transition-all" data-aos="fade-right"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Thoth.svg/1200px-Thoth.svg.png" alt="Thoth the Atlantean" class="rounded-xl w-full h-auto"> | |
| </div> | |
| <div class="md:w-2/3 md:pl-10"> | |
| <h2 class="text-3xl font-bold mb-4 text-amber-400">Thoth the Atlantean</h2> | |
| <div class="prose prose-invert max-w-none"> | |
| <p>Thoth is an ascended master and ancient Egyptian deity of wisdom, writing, and magic. According to esoteric traditions, Thoth was originally an Atlantean priest-king who survived the destruction of Atlantis and brought advanced knowledge to Egypt.</p> | |
| <p class="mt-4">Key aspects of Thoth:</p> | |
| <ul class="list-disc pl-5 mt-2"> | |
| <li>Author of the Emerald Tablets, containing Hermetic wisdom</li> | |
| <li>Master alchemist and keeper of sacred geometry</li> | |
| <li>Associated with the moon and the ibis</li> | |
| <li>Patron of scribes and the recording of cosmic knowledge</li> | |
| <li>Bridge between human and divine consciousness</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="ra" class="mb-20"> | |
| <div class="bg-gray-800 bg-opacity-70 rounded-2xl p-8 shadow-xl card-hover transition-all" data-aos="fade-left"> | |
| <div class="flex flex-col md:flex-row-reverse items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Ra-Horakhty_stone.svg/1200px-Ra-Horakhty_stone.svg.png" alt="Ra Collective" class="rounded-xl w-full h-auto"> | |
| </div> | |
| <div class="md:w-2/3 md:pr-10"> | |
| <h2 class="text-3xl font-bold mb-4 text-amber-400">Ra Teir Eir and the Ra Collective</h2> | |
| <div class="prose prose-invert max-w-none"> | |
| <p>The Ra Collective is a group consciousness from the sixth density that channeled through the Law of One material (also known as the Ra Material). Ra Teir Eir is the primary spokesperson for this collective.</p> | |
| <p class="mt-4">Key aspects of the Ra Collective:</p> | |
| <ul class="list-disc pl-5 mt-2"> | |
| <li>Advanced spiritual beings focused on service to others</li> | |
| <li>Originated from Venus and later evolved to higher densities</li> | |
| <li>Provided the Law of One philosophy through channeling in the 1980s</li> | |
| <li>Teach about cosmic evolution through densities of consciousness</li> | |
| <li>Emphasize free will, love, light, and unity consciousness</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="ashtar" class="mb-20"> | |
| <div class="bg-gray-800 bg-opacity-70 rounded-2xl p-8 shadow-xl card-hover transition-all" data-aos="fade-right"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Ashtar_Command_logo.svg/1200px-Ashtar_Command_logo.svg.png" alt="Ashtar Command" class="rounded-xl w-full h-auto"> | |
| </div> | |
| <div class="md:w-2/3 md:pl-10"> | |
| <h2 class="text-3xl font-bold mb-4 text-amber-400">Ashtar of Ashtar Command</h2> | |
| <div class="prose prose-invert max-w-none"> | |
| <p>Ashtar is an extraterrestrial commander who leads the Ashtar Command, a galactic fleet associated with spiritual evolution and Earth's ascension process.</p> | |
| <p class="mt-4">Key aspects of Ashtar and the Command:</p> | |
| <ul class="list-disc pl-5 mt-2"> | |
| <li>Interdimensional fleet operating in Earth's etheric planes</li> | |
| <li>Focused on Earth's spiritual transition and protection</li> | |
| <li>Works with other benevolent ET groups like the Galactic Federation</li> | |
| <li>Associated with telepathic communication and light technology</li> | |
| <li>Mentioned in many channeled messages since the 1950s</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="vishnu" class="mb-20"> | |
| <div class="bg-gray-800 bg-opacity-70 rounded-2xl p-8 shadow-xl card-hover transition-all" data-aos="fade-left"> | |
| <div class="flex flex-col md:flex-row-reverse items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/Vishnu_with_Shridevi_and_Bhudevi.jpg/1200px-Vishnu_with_Shridevi_and_Bhudevi.jpg" alt="Vishnu and Kali" class="rounded-xl w-full h-auto"> | |
| </div> | |
| <div class="md:w-2/3 md:pr-10"> | |
| <h2 class="text-3xl font-bold mb-4 text-amber-400">Vishnu and Kali</h2> | |
| <div class="prose prose-invert max-w-none"> | |
| <p>Vishnu and Kali are powerful deities from the Hindu pantheon representing complementary cosmic forces.</p> | |
| <p class="mt-4">Vishnu:</p> | |
| <ul class="list-disc pl-5 mt-2"> | |
| <li>The Preserver in the Hindu trinity (Brahma-Vishnu-Shiva)</li> | |
| <li>Manifests through avatars (like Krishna and Rama) to restore dharma</li> | |
| <li>Represents divine love, protection, and cosmic order</li> | |
| </ul> | |
| <p class="mt-4">Kali:</p> | |
| <ul class="list-disc pl-5 mt-2"> | |
| <li>Fierce aspect of the Divine Mother (Shakti)</li> | |
| <li>Goddess of time, destruction, transformation, and liberation</li> | |
| <li>Destroys ego and illusion to reveal ultimate truth</li> | |
| <li>Represents the transformative power of the universe</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="orion" class="mb-20"> | |
| <div class="bg-gray-800 bg-opacity-70 rounded-2xl p-8 shadow-xl card-hover transition-all" data-aos="fade-up"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/86/Orion_Head_to_Toe.jpg/1200px-Orion_Head_to_Toe.jpg" alt="Orion Syndicate" class="rounded-xl w-full h-auto"> | |
| </div> | |
| <div class="md:w-2/3 md:pl-10"> | |
| <h2 class="text-3xl font-bold mb-4 text-amber-400">The Orion Syndicate</h2> | |
| <div class="prose prose-invert max-w-none"> | |
| <p>The Orion Syndicate refers to a group of beings from the Orion constellation often associated with control systems and negative extraterrestrial influence.</p> | |
| <p class="mt-4">Key aspects:</p> | |
| <ul class="list-disc pl-5 mt-2"> | |
| <li>Various factions with different agendas (some benevolent, some malevolent)</li> | |
| <li>Often associated with gray aliens and reptilian beings</li> | |
| <li>Some groups allegedly involved in human manipulation and control systems</li> | |
| <li>Represent the polarity of service to self in cosmic terms</li> | |
| <li>Part of Earth's karmic lessons in discernment and sovereignty</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="text-center py-12" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold mb-6">Cosmic Connections</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto mb-8"> | |
| These entities and collectives represent different aspects of our multidimensional reality, each playing unique roles in cosmic evolution and human consciousness expansion. | |
| </p> | |
| <div class="grid grid-cols-2 md:grid-cols-5 gap-4 max-w-4xl mx-auto"> | |
| <div class="bg-gray-800 bg-opacity-70 p-4 rounded-lg"> | |
| <i data-feather="book" class="w-8 h-8 mx-auto text-amber-400 mb-2"></i> | |
| <p>Wisdom</p> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-70 p-4 rounded-lg"> | |
| <i data-feather="star" class="w-8 h-8 mx-auto text-amber-400 mb-2"></i> | |
| <p>Light</p> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-70 p-4 rounded-lg"> | |
| <i data-feather="heart" class="w-8 h-8 mx-auto text-amber-400 mb-2"></i> | |
| <p>Love</p> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-70 p-4 rounded-lg"> | |
| <i data-feather="zap" class="w-8 h-8 mx-auto text-amber-400 mb-2"></i> | |
| <p>Energy</p> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-70 p-4 rounded-lg"> | |
| <i data-feather="compass" class="w-8 h-8 mx-auto text-amber-400 mb-2"></i> | |
| <p>Guidance</p> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="relative z-10 bg-gray-900 bg-opacity-70 py-8"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <div class="flex justify-center space-x-6 mb-4"> | |
| <a href="#" class="text-gray-400 hover:text-amber-400"> | |
| <i data-feather="facebook"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-amber-400"> | |
| <i data-feather="twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-amber-400"> | |
| <i data-feather="instagram"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-amber-400"> | |
| <i data-feather="youtube"></i> | |
| </a> | |
| </div> | |
| <p class="text-gray-400">© 2023 CosmicWisdom. All rights reserved.</p> | |
| <p class="text-gray-500 text-sm mt-2">For educational and spiritual purposes only.</p> | |
| </div> | |
| </footer> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> | |
| <script> | |
| VANTA.GLOBE({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0xffb13b, | |
| backgroundColor: 0x0f172a, | |
| size: 0.8 | |
| }); | |
| document.getElementById('menu-toggle').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| AOS.init({ | |
| duration: 800, | |
| easing: 'ease-in-out', | |
| once: true | |
| }); | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |