add a few thing itss technological solutionorganiztion that deet dig depp into r&D to answer some of the hardest problem in thtech and even get contarcted by the biigees instuition
ce495e4 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Trinary Tree - Developer Tools</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| overflow-x: hidden; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #1a2e40 0%, #0d1721 100%); | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .tool-card { | |
| transition: all 0.3s ease; | |
| } | |
| .tool-card:hover { | |
| background-color: rgba(255, 255, 255, 0.05); | |
| } | |
| </style> | |
| </head> | |
| <body class="gradient-bg text-white min-h-screen"> | |
| <div id="vanta-bg" class="fixed inset-0 -z-10"></div> | |
| <!-- Navigation --> | |
| <nav class="bg-black bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16 items-center"> | |
| <div class="flex items-center"> | |
| <a href="#" class="flex items-center"> | |
| <i data-feather="cpu" class="text-green-400 h-6 w-6"></i> | |
| <span class="ml-2 text-xl font-bold">Trinary Tree</span> | |
| </a> | |
| <div class="hidden md:block ml-10"> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Products</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Solutions</a> | |
| <a href="#" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium">Developer</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Advanced Research</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Support</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Community</a> | |
| </div> | |
| <!-- Resource 4 --> | |
| <div class="bg-gray-800 bg-opacity-60 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="bg-indigo-900 bg-opacity-30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="activity" class="text-indigo-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Research Hub</h3> | |
| <p class="text-gray-400 mb-4"> | |
| Cutting-edge research in AI, quantum computing, and advanced architectures. | |
| </p> | |
| <button class="text-indigo-400 hover:text-indigo-300 flex items-center font-medium"> | |
| Explore Research <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="flex items-center space-x-4"> | |
| <button class="text-gray-300 hover:text-white"> | |
| <i data-feather="search" class="h-5 w-5"></i> | |
| </button> | |
| <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium"> | |
| Sign In | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:hidden"> | |
| <button id="mobile-menu-button" class="text-gray-300 hover:text-white focus:outline-none"> | |
| <i data-feather="menu" class="h-6 w-6"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div id="mobile-menu" class="hidden md:hidden bg-gray-900 bg-opacity-95"> | |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Products</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Solutions</a> | |
| <a href="#" class="bg-gray-800 text-white block px-3 py-2 rounded-md text-base font-medium">Developer</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Advanced Research</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Support</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Community</a> | |
| <div class="pt-4 pb-3 border-t border-gray-700"> | |
| <div class="flex items-center px-5"> | |
| <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium w-full"> | |
| Sign In | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20"> | |
| <div class="text-center"> | |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight"> | |
| Trinary Tree <span class="text-green-400">Developer Tools</span> | |
| </h1> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto mb-10"> | |
| Accelerate your development with our comprehensive suite of tools, libraries, and resources designed specifically for Trinary Tree processors. | |
| </p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <button class="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-md font-medium transition duration-300"> | |
| Get Started | |
| </button> | |
| <button class="bg-gray-800 hover:bg-gray-700 text-white px-8 py-3 rounded-md font-medium transition duration-300"> | |
| Documentation | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Tools Section --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold mb-4">Explore Our Developer Tools</h2> | |
| <p class="text-gray-400 max-w-2xl mx-auto"> | |
| Powerful tools to help you build, optimize, and deploy applications for Trinary Tree architectures. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Tool Card 1 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-green-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="code" class="text-green-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Trinary Compiler</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Optimizing compiler that translates high-level code into efficient Trinary Tree machine code. | |
| </p> | |
| <button class="text-green-400 hover:text-green-300 flex items-center font-medium"> | |
| Learn More <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Tool Card 2 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="cpu" class="text-blue-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Performance Analyzer</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Analyze and optimize the performance of your applications running on Trinary Tree processors. | |
| </p> | |
| <button class="text-blue-400 hover:text-blue-300 flex items-center font-medium"> | |
| Learn More <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Tool Card 3 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-purple-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="box" class="text-purple-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">AI Libraries</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| High-performance libraries for machine learning and AI applications optimized for Trinary Tree. | |
| </p> | |
| <button class="text-purple-400 hover:text-purple-300 flex items-center font-medium"> | |
| Learn More <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Tool Card 4 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-yellow-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="cloud" class="text-yellow-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Cloud SDK</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Develop and deploy applications leveraging Trinary Tree processors in the cloud. | |
| </p> | |
| <button class="text-yellow-400 hover:text-yellow-300 flex items-center font-medium"> | |
| Learn More <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Tool Card 5 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-red-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="eye" class="text-red-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Debug Tools</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Comprehensive debugging tools for identifying and fixing issues in Trinary Tree applications. | |
| </p> | |
| <button class="text-red-400 hover:text-red-300 flex items-center font-medium"> | |
| Learn More <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Tool Card 6 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-indigo-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="database" class="text-indigo-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Database Kit</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| High-performance database drivers and tools optimized for Trinary Tree architecture. | |
| </p> | |
| <button class="text-indigo-400 hover:text-indigo-300 flex items-center font-medium"> | |
| Learn More <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Resources Section --> | |
| <div class="bg-gray-900 bg-opacity-60 py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Developer Resources</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <!-- Resource 1 --> | |
| <div class="bg-gray-800 bg-opacity-60 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="bg-green-900 bg-opacity-30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="book-open" class="text-green-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Documentation</h3> | |
| <p class="text-gray-400 mb-4"> | |
| Comprehensive guides and API references for all Trinary Tree developer tools. | |
| </p> | |
| <button class="text-green-400 hover:text-green-300 flex items-center font-medium"> | |
| View Docs <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Resource 2 --> | |
| <div class="bg-gray-800 bg-opacity-60 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="bg-blue-900 bg-opacity-30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="youtube" class="text-blue-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Tutorials</h3> | |
| <p class="text-gray-400 mb-4"> | |
| Step-by-step video tutorials to help you master Trinary Tree development. | |
| </p> | |
| <button class="text-blue-400 hover:text-blue-300 flex items-center font-medium"> | |
| Watch Now <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Resource 3 --> | |
| <div class="bg-gray-800 bg-opacity-60 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="bg-purple-900 bg-opacity-30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="message-square" class="text-purple-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Community</h3> | |
| <p class="text-gray-400 mb-4"> | |
| Connect with other developers and get support from Trinary Tree experts. | |
| </p> | |
| <button class="text-purple-400 hover:text-purple-300 flex items-center font-medium"> | |
| Join Community <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Advanced Research Organization Section --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold mb-4">Advanced Research Solutions</h2> | |
| <p class="text-gray-400 max-w-2xl mx-auto"> | |
| Our elite research division tackles the most complex technological challenges for leading institutions worldwide. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Research Card 1 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-cyan-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="shield" class="text-cyan-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Government Research</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Cutting-edge solutions for national security, defense, and critical infrastructure challenges. | |
| </p> | |
| <button class="text-cyan-400 hover:text-cyan-300 flex items-center font-medium"> | |
| Explore Contracts <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Research Card 2 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-fuchsia-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="briefcase" class="text-fuchsia-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Enterprise Solutions</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Custom research and development for Fortune 500 companies and industry leaders. | |
| </p> | |
| <button class="text-fuchsia-400 hover:text-fuchsia-300 flex items-center font-medium"> | |
| Case Studies <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Research Card 3 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-emerald-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="award" class="text-emerald-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Academic Partnerships</h3> | |
| </div> | |
| <p class="text-gray-400 mb-6"> | |
| Collaborative research programs with top universities and research institutions. | |
| </p> | |
| <button class="text-emerald-400 hover:text-emerald-300 flex items-center font-medium"> | |
| Partner With Us <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Sector Enhancement Section --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold mb-4">Sector Enhancement Technologies</h2> | |
| <p class="text-gray-400 max-w-2xl mx-auto"> | |
| Specialized solutions for industry-specific challenges and advancements. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Sector Card 1 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-pink-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="dna" class="text-pink-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Techno-Medical</h3> | |
| </div> | |
| <ul class="text-gray-400 mb-6 space-y-2"> | |
| <li>• Genetic Engineering</li> | |
| <li>• Molecular Biology</li> | |
| <li>• Biotechnology</li> | |
| <li>• Medical Imaging</li> | |
| </ul> | |
| <button class="text-pink-400 hover:text-pink-300 flex items-center font-medium"> | |
| Explore <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Sector Card 2 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-teal-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="heart" class="text-teal-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Bioengineering</h3> | |
| </div> | |
| <ul class="text-gray-400 mb-6 space-y-2"> | |
| <li>• Biomedical Engineering</li> | |
| <li>• Health Informatics</li> | |
| <li>• Biostatistics</li> | |
| <li>• Bioengineering</li> | |
| </ul> | |
| <button class="text-teal-400 hover:text-teal-300 flex items-center font-medium"> | |
| Explore <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| <!-- Sector Card 3 --> | |
| <div class="tool-card bg-gray-900 bg-opacity-60 rounded-xl p-6 border border-gray-800 card-hover"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-amber-900 bg-opacity-40 p-3 rounded-lg"> | |
| <i data-feather="cpu" class="text-amber-400 h-6 w-6"></i> | |
| </div> | |
| <h3 class="ml-4 text-xl font-semibold">Advanced Research</h3> | |
| </div> | |
| <ul class="text-gray-400 mb-6 space-y-2"> | |
| <li>• Quantum Computing</li> | |
| <li>• Neural Networks</li> | |
| <li>• Computational Biology</li> | |
| <li>• Bioinformatics</li> | |
| </ul> | |
| <button class="text-amber-400 hover:text-amber-300 flex items-center font-medium"> | |
| Explore <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- CTA Section --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Start Developing?</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto mb-10"> | |
| Download our complete developer toolkit and start building applications optimized for Trinary Tree processors today. | |
| </p> | |
| <button class="bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-md font-medium text-lg transition duration-300"> | |
| Download Developer Kit | |
| </button> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-black bg-opacity-80 border-t border-gray-800"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Products</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Processors</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">GPUs</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">NPUs</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Accelerators</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Motherboards</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Solutions</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Cloud Technologies</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Fiber Optics</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">AI Solutions</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Gen AI</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Machine Learning</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Deep Learning</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Techno-Medical</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Developer</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Tools</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Documentation</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Downloads</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Community</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Company</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-300 hover:text-white">About</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Careers</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Newsroom</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Research</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Advanced Research</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Sector Enhancement</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-12 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center"> | |
| <i data-feather="cpu" class="text-green-400 h-6 w-6"></i> | |
| <span class="ml-2 text-xl font-bold">Trinary Tree</span> | |
| </div> | |
| <div class="mt-6 md:mt-0 flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="twitter" class="h-5 w-5"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="github" class="h-5 w-5"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="linkedin" class="h-5 w-5"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="youtube" class="h-5 w-5"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="mt-8 text-sm text-gray-500 text-center md:text-left"> | |
| <p>© 2023 Trinary Tree, Inc. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Vanta.js background | |
| VANTA.NET({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0x3b82f6, | |
| backgroundColor: 0x0, | |
| points: 12.00, | |
| maxDistance: 22.00, | |
| spacing: 18.00 | |
| }); | |
| // Feather icons | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |