https://balanceai.network/

Eingereichte URL:
https://balanceai.network/
Bericht beendet:
LinkText
https://balancedao.medium.com/v0-the-torus-balanceai-network-mainnet-39618c3e4901 THE TORUS V.0 (BalanceAI Network — Mainnet)
https://github.com/balanceainetworkRepositoriesAccessing the Core Codebase and Resources
https://www.t.me/Balance_AICommunityConnecting within the Community
https://t.me/Balance_AISupportTechnical Assistance
https://t.me/Balance_AI/19169EducationalImproving AI Understanding and Skills
https://balancedao.medium.com/BlogInsights, Updates, and In-Depth Analysis
https://discord.gg/GCPsfkzcfc
https://x.com/Balance_AI

JavaScript-Variablen · 6 gefunden

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
animefunction

Konsolenprotokoll-Meldungen · 5 gefunden

TypKategorieProtokoll
logjavascript
URL
https://balanceai.network/script.js
Text
shapesContainerOne: JSHandle@node
logjavascript
URL
https://balanceai.network/script.js
Text
shapesContainerTwo: JSHandle@node
logjavascript
URL
https://balanceai.network/script.js
Text
shapesContainerThree: JSHandle@node
logjavascript
URL
https://balanceai.network/script.js
Text
acceptButton: JSHandle@node
logjavascript
URL
https://balanceai.network/script.js
Text
denyButton: JSHandle@node

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>BalanceAI Network | Decentralized AI Agents Marketplace</title>
    <meta name="description" content="Build &amp; Connect with Infinity
    Harmonizing Blockchain, AI, and Web3 / Connectors for Seamless Innovation. Fueling Developer-Enterprise connectivity for business growth.">
    <meta name="keywords" content="BalanceAI Network, AI Agents Marketplace, Decentralized AI, Blockchain AI Marketplace, Artificial Intelligence, Web3, Cryptocurrency, Crypto ">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <meta http-equiv="”Content-Security-Policy”" content="”default-src" ’self’;="" frame-ancestors="" ’self’="" ;="" object-src="" 'self'="" script-src="" base-uri="" report-uri="" 'https:="" csper.io'”="">
    
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
    <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
    <script src="script.js"></script>
    
  <link rel="stylesheet" href="footer.css"></head>

  <body>

<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Header NavBar ================================= -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->


    <header id="nav-menu" aria-label="navigation bar">
          <div class="alert">
            <div class="alert-content">
                <span class="alert-text">
                    <strong class="alert-message">📖 </strong> Learn More about <strong><a href="https://balancedao.medium.com/v0-the-torus-balanceai-network-mainnet-39618c3e4901" class="alert-link"> THE TORUS V.0 (BalanceAI Network — Mainnet)</a></strong>
                    <button type="button" class="btn-close" aria-label="Close">
                      <img src="images/close.svg" width="10" alt="BalanceAI Logo">
                    </button>
                  </span>
                
            </div>
        </div>
            <div class="navcontainer">
                <div class="nav-start">
                    <a class="logo" href="index.html">
                        <img src="images/logo.svg" width="200" alt="BalanceAI Logo">
                    </a>
                    <nav class="menu">
                        <ul class="menu-bar" id="Core">
                            <li>
    
                              <button class="nav-link dropdown-btn" data-dropdown="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="browse">
                                Core
                                <svg class="dropdown-icon" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.45385 1.23435C0.807414 0.810075 1.43798 0.752751 1.86226 1.10632L5.19957 3.88742L8.53689 1.10632C8.96117 0.752752 9.59173 0.810076 9.9453 1.23435C10.2989 1.65863 10.2415 2.28919 9.81726 2.64276L5.83976 5.95735C5.46891 6.26638 4.93024 6.26638 4.55939 5.95735L0.581886 2.64276C0.15761 2.28919 0.100286 1.65863 0.45385 1.23435Z" fill="currentColor"></path>
                                </svg>
                              </button>
                              <div id="dropdown" class="dropdown">
                                <ul role="menu">
                                    <li role="menuitem">
                                      <a class="dropdown-link" href="vision.html">
                                        <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Vision</span>
                                                <p>Tracing the Technical Vision and Rationale Behind BalanceAI</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/build/" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Solutions</span>
                                                <p>Leveraging Cutting-Edge Technologies for Secure and Innovative Machine Learning Applications</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/roadmap" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Functionality Roadmap</span>
                                                <p>Charting the Evolution of Features and Capabilities</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/use/manage-wallets/wallet-providers/" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Wallets</span>
                                                <p>BalanceAI chain allows the use of many popular 3rd party wallets supporting Substrate chains</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            
                                <ul role="menu">
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/getting-started" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Technology Stack</span>
                                                <p>Unveiling the Robust Framework and Tools Powering Balance AI's Innovation</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/ai-concepts/ai-concepts-blockchain" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Blockchain</span>
                                                <p>Foundational layer leveraging Proof of Stake for secure and transparent transactions</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/ai-concepts/" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Artificial Intelligence</span>
                                                <p>Integration of AI models, algorithms, and frameworks for innovative solutions.</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="#">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Web3 / Connectors</span>
                                                <p>Facilitating decentralized communication and data exchange for seamless interaction</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="menuitem">
                                        <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/models#marketplace" target="_blank">
                                            <div class="icon">
                                                <img src="images/square.svg" class="square-icon" alt="Square icon">
                                            </div>
                                            <div>
                                                <span class="dropdown-link-title">Marketplace</span>
                                                <p>Unified platform harnessing the collective power of BalanceAI Network technology stack</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            
                                <ul role="menu" class="promo-list">
                                  <li role="menuitem" class="promo-item">
                                      <div class="promo-content">
                                          <h2 class="promo-title">Build &amp; Connect with Infinity</h2>
                                          <p class="promo-subtitle">
                                              Harmonizing Blockchain, AI, and Web3 / Connectors for Seamless Innovation. Fueling Developer-Enterprise connectivity for business growth.
                                          </p>
                                          <a href="https://docs.balanceai.network/" target="_blank" class="promo-button">
                                              <button class="btn btn-primary">Explore Docs</button>
                                          </a>
                                      </div>
                                  </li>
                              </ul>
                              
                            </div>
                            
                            </li>   
                        </ul>
                        <ul class="menu-bar" id="Framework">
                          <li>
    
                            <button class="nav-link dropdown-btn" data-dropdown="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="browse">
                              Framework
                              <svg class="dropdown-icon" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.45385 1.23435C0.807414 0.810075 1.43798 0.752751 1.86226 1.10632L5.19957 3.88742L8.53689 1.10632C8.96117 0.752752 9.59173 0.810076 9.9453 1.23435C10.2989 1.65863 10.2415 2.28919 9.81726 2.64276L5.83976 5.95735C5.46891 6.26638 4.93024 6.26638 4.55939 5.95735L0.581886 2.64276C0.15761 2.28919 0.100286 1.65863 0.45385 1.23435Z" fill="currentColor"></path>
                              </svg>
                            </button>
                            <div id="dropdown" class="dropdown">
                              <ul role="menu">
                                  <li role="menuitem">
                                      <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/nodes-architecture" target="_blank">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">Nodes</span>
                                              <p>Backbone Component of the BalanceAI Network</p>
                                          </div>
                                      </a>
                                  </li>
                                  <li role="menuitem">
                                      <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/nodes-architecture#validators" target="_blank">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">Validators Nodes</span>
                                              <p>Backbone Component of the BalanceAI Network</p>
                                          </div>
                                      </a>
                                  </li>
                                  <li role="menuitem">
                                      <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/nodes-architecture#ai-nodes" target="_blank">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">AI Nodes</span>
                                              <p>Charting the Evolution of Features and Capabilities</p>
                                          </div>
                                      </a>
                                  </li>
                                  <li role="menuitem">
                                      <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/balance-tokens" target="_blank">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">BAI Token</span>
                                              <p>Understanding the Metrics and Economics Behind the BalanceAI Token</p>
                                          </div>
                                      </a>
                                  </li>
    
                              </ul>
                          
                              <ul role="menu">
                                    <li role="menuitem">
                                      <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/balance-tokens#utility" target="_blank">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">Utility / Usecases</span>
                                              <p>Exploring the Practical Applications and Functions</p>
                                          </div>
                                      </a>
                                  </li>
                                  <li role="menuitem">
                                      <a class="dropdown-link" href="https://dashboard.balanceai.network/" target="_blank">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">Staking</span>
                                              <p>Empowering Participation and Security on the BalanceAI Network</p>
                                          </div>
                                      </a>
                                  </li>
                                  <li role="menuitem">
                                    <a class="dropdown-link" href="https://github.com/balanceainetwork" target="_blank">
                                      <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">Repositories</span>
                                              <p>Accessing the Core Codebase and Resources</p>
                                          </div>
                                      </a>
                                  </li>
                                  <li role="menuitem">
                                      <a class="dropdown-link" href="https://www.t.me/Balance_AI">
                                          <div class="icon">
                                              <img src="images/square.svg" class="square-icon" alt="Square icon">
                                          </div>
                                          <div>
                                              <span class="dropdown-link-title">Community</span>
                                              <p>Connecting within the Community</p>
                                          </div>
                                      </a>
                                  </li>
                              
          
                              </ul>
                          
                              <ul role="menu">
                                <li role="menuitem">
                                  <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/models#marketplace" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Integrating Toolings</span>
                                          <p>Exploring the Depths of Network Integration</p>
                                      </div>
                                  </a>
                              </li>
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://docs.balanceai.network/docs/build/" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Build</span>
                                            <p>Build, test and deploy AI models on BalanceAI network</p>
                                        </div>
                                    </a>
                                </li>
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/accounts" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Accounts</span>
                                            <p>Navigate the Process of Account Creation, Management, and Transactions</p>
                                        </div>
                                    </a>
                                </li>
                                <li role="menuitem">
                                  <a class="dropdown-link" href="https://docs.balanceai.network/docs/use/manage-wallets/pallet-proxy" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Proxy accounts</span>
                                          <p>Empowering Secure Delegation of Permissions</p>
                                      </div>
                                  </a>
                              </li>
                               
                            </ul>
                            
                          </div>
                          
                          </li>   
                      </ul>
                      <ul class="menu-bar" id="Networks">
                        <li>
    
                          <button class="nav-link dropdown-btn" data-dropdown="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="browse">
                            Networks
                            <svg class="dropdown-icon" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.45385 1.23435C0.807414 0.810075 1.43798 0.752751 1.86226 1.10632L5.19957 3.88742L8.53689 1.10632C8.96117 0.752752 9.59173 0.810076 9.9453 1.23435C10.2989 1.65863 10.2415 2.28919 9.81726 2.64276L5.83976 5.95735C5.46891 6.26638 4.93024 6.26638 4.55939 5.95735L0.581886 2.64276C0.15761 2.28919 0.100286 1.65863 0.45385 1.23435Z" fill="currentColor"></path>
                            </svg>
                          </button>
                          <div id="dropdown" class="dropdown">
                            <ul role="menu">
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/networks#local-node" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Local Networks</span>
                                            <p>Local Node, Run BalanceAI Repository Locally or Download Precompiled Binary</p>
                                        </div>
                                    </a>
                                </li>
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/networks#testnets" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Testnet (AlphaBalance)</span>
                                            <p>Test and Debug Your dApp with Similar Specifications to BalanceAI</p>
                                        </div>
                                    </a>
                                </li>
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/networks#betabalance" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Testnet (BetaBalance)</span>
                                            <p>Test and Debug Your dApp with a Parallel Environment to BalanceAI Mainnet</p>
                                        </div>
                                    </a>
                                </li>
                               
                            </ul>
                        
                            <ul role="menu">
                              <li role="menuitem">
                                <a class="dropdown-link" href="https://docs.balanceai.network/docs/learn/networks#mainnet" target="_blank">
                                    <div class="icon">
                                        <img src="images/square.svg" class="square-icon" alt="Square icon">
                                    </div>
                                    <div>
                                        <span class="dropdown-link-title">Mainnet</span>
                                        <p>The Core Infrastructure</p>
                                    </div>
                                </a>
                            </li>
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://docs.balanceai.network/docs/use/manage-wallets/create-wallet#balanceai-dashboard" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Validators</span>
                                            <p>Ensuring the Security and Reliability of the BalanceAI Blockchain</p>
                                        </div>
                                    </a>
                                </li>
                                <li role="menuitem">
                                    <a class="dropdown-link" href="https://polkadot.js.org/apps/?rpc=wss%3A%2F%2Frpc.balanceai.network%2F#/explorer" target="_blank">
                                        <div class="icon">
                                            <img src="images/square.svg" class="square-icon" alt="Square icon">
                                        </div>
                                        <div>
                                            <span class="dropdown-link-title">Explorer</span>
                                            <p>Delving into the BalanceAI Blockchain for Data Analysis and Insights</p>
                                        </div>
                                    </a>

                                </li>
                                
                            </ul>
                        
                            <ul role="menu" class="promo-list">
                              <li role="menuitem" class="promo-item">
                                  <div class="promo-content">
                                      <h2 class="promo-title">Run your BalanceAI Node</h2>
                                      <p class="promo-subtitle">
                                        Explore development with BalanceAI! Whether testing on testnets, utilizing Mainnet, or experimenting locally with nodes, each option provides a technical playground for your creations.
                                      </p>
                                      <a href="https://docs.balanceai.network/docs/learn/networks#local-node" target="_blank" class="promo-button">
                                          <button class="btn btn-primary">Connect</button>
                                      </a>
                                  </div>
                              </li>
                          </ul>
                          
                        </div>
                        
                        </li>   
                    </ul>
                    <ul class="menu-bar" id="About">
                      <li>
    
                        <button class="nav-link dropdown-btn" data-dropdown="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="browse">
                          About
                          <svg class="dropdown-icon" width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M0.45385 1.23435C0.807414 0.810075 1.43798 0.752751 1.86226 1.10632L5.19957 3.88742L8.53689 1.10632C8.96117 0.752752 9.59173 0.810076 9.9453 1.23435C10.2989 1.65863 10.2415 2.28919 9.81726 2.64276L5.83976 5.95735C5.46891 6.26638 4.93024 6.26638 4.55939 5.95735L0.581886 2.64276C0.15761 2.28919 0.100286 1.65863 0.45385 1.23435Z" fill="currentColor"></path>
                          </svg>
                        </button>
                        <div id="dropdown" class="dropdown">
                          <ul role="menu">
                              <li role="menuitem">
                                  <a class="dropdown-link" href="faq.html" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">FAQ</span>
                                          <p>Find answers to common inquiries and streamline your experience with ease</p>
                                      </div>
                                  </a>
                              </li>
                              <li role="menuitem">
                                  <a class="dropdown-link" href="#" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Contact</span>
                                          <p>Get in Touch</p>
                                      </div>
                                  </a>
                              </li>
                              <li role="menuitem">
                                  <a class="dropdown-link" href="https://t.me/Balance_AI" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Support</span>
                                          <p>Technical Assistance</p>
                                      </div>
                                  </a>
                              </li>
                              <li role="menuitem">
                                  <a class="dropdown-link" href="https://docs.balanceai.network/docs/Social%20Media/" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Media</span>
                                          <p>Official Media Channels</p>
                                      </div>
                                  </a>
                              </li>
                          </ul>
                      
                          <ul role="menu">
                              <li role="menuitem">
                                  <a class="dropdown-link" href="https://t.me/Balance_AI/19169" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Educational</span>
                                          <p>Improving AI Understanding and Skills</p>
                                      </div>
                                  </a>
                              </li>
                              <li role="menuitem">
                                  <a class="dropdown-link" href="https://balancedao.medium.com/" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Blog</span>
                                          <p>Insights, Updates, and In-Depth Analysis</p>
                                      </div>
                                  </a>
                              </li>
                              <li role="menuitem">
                                  <a class="dropdown-link" href="https://docs.balanceai.network/docs/build/#balanceai-grants-programme" target="_blank">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Grant Programme</span>
                                          <p>Empowering Community Innovation and Advancement</p>
                                      </div>
                                  </a>
                              </li>
                              <li role="menuitem">
                                  <a class="dropdown-link" href="https://docs.balanceai.network/">
                                      <div class="icon">
                                          <img src="images/square.svg" class="square-icon" alt="Square icon">
                                      </div>
                                      <div>
                                          <span class="dropdown-link-title">Documentation</span>
                                          <p>Comprehensive Resources for Developers and Users</p>
                                      </div>
                                  </a>
                              </li>
                              
                          </ul>
                      
                          <ul role="menu" class="promo-list">
                            <li role="menuitem" class="promo-item">
                                <div class="promo-content">
                                    <h2 class="promo-title">Get Involved</h2>
                                    <p class="promo-subtitle">
                                      Join BalanceAI's community to explore the synergy between Blockchain, AI and Web3. Collaborate on innovative ideas and discussions to shape the future of decentralized technology                                </p>
                                    <a href="https://docs.balanceai.network/" target="_blank" class="promo-button">
                                        <button class="btn btn-primary">Join Us</button>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        
                      </div>
                      
                      </li>   
                  </ul>
    
                        
                    </nav>
                </div>
    
                <div class="nav-end">
                    <div class="right-container">
    
                        <button onclick="location.href='https://docs.balanceai.network/docs/getting-started/'" class="btn btn-primary">Get Started</button>
                    </div>
    
                    <button id="hamburger" aria-label="hamburger" aria-haspopup="true" aria-expanded="false">
                      <img src="images/burger.svg" alt="Menu icon" class="burger-icon" aria-hidden="true">
                  </button>
                  
                </div>
            </div>
    </header>
      <div class="overlay"></div>

    <!-- Sections -->
    
<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Hero ========================================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

    <section class="hero-block" id="section2">
      <div class="block">
        <div class="min-header">Welcome to BalanceAI Network</div>
        <div class="block-title">Redefine <span style="font-weight: 400; font-style: italic;">AI Agents</span> Marketplace</div>
        <p class="block-main">
          Empowering Monetization and Leveraging Decentralization with Transparent Solutions for AI Development.        
          </p><div class="buttons">
          <a href="https://docs.balanceai.network/" target="_blank"><button class="button1">Explore Docs</button></a>          
          <a href="https://docs.balanceai.network/docs/getting-started" target="_blank"><button class="button2">Get Started</button></a>        
        </div>
      </div>
      <!-- hero img -->
      <div class="img">
        <img src="images/hero.svg" alt="">
      </div>
    </section>
    <!-- #Hero -->

<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== 6 txt blocks ================================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

    <section class="text-blocks-section">

      <div class="title-container">
        <div class="min-header">Know the Fundamentals</div>
        <div class="section-title">Path to <span style="font-weight: 400; font-style: italic;">Harmony</span></div>
        <div class="section-subtitle"> Efficiently and securely connect agents and models, fostering a harmonious AI-Human balance across Blockchain, AI, and Web3 technologies.
        </div>
      </div>
      
      <div class="text-block-container">
          <div class="text-block">
            <div class="min-header3">Interaction</div>
              <h3>Harmonized Connectivity
              </h3>
              <p class="block-sub">
                BalanceAI serves as a conduit for seamless interaction among agents and models, transcending the limitations of conventional systems.  Harmonizing Blockchain,
                AI, and Web3 / Connectors for Seamless Innovation.</p>
          </div>
          <div class="text-block">
            <div class="min-header3">Efficiency</div>

              <h3>Optimal Energy Efficiency</h3>
              <p class="block-sub">
                BalanceAI minimizes energy consumption compared to traditional blockchains, courtesy of its proof-of-stake (PoS) model. BalanceAI boasts one of the lowest carbon footprints among proof-of-stake protocols.</p>
          </div>
          <div class="text-block">
            <div class="min-header3">Substrate</div>
              <h3>Streamlined Innovation Hub</h3>
              <p class="block-sub">
                Embark on a journey of blockchain innovation using the Substrate framework with BalanceAI. By integrating your agents and models with BalanceAI, you unlock immediate interoperability and security.</p>
          </div>
          <div class="text-block">
            <div class="min-header3">Monetization</div>
              <h3>Tapping Into AI Synergy
              </h3>
              <p class="block-sub">
                Monetize your expertise by creating AI Agents and effortlessly linking them to obtain profitable data. Leverage the capabilities of our AI Network to drive success for your enterprise and AI models.</p>
          </div>
          <div class="text-block">
            <div class="min-header3">Security</div>
              <h3>Marketplace with Safety Standard
              </h3>
              <p class="block-sub">
                Our vision is to create a safe marketplace using artificial intelligence, an incentivised arena in which consumers and producers can interact in a trust, open and transparent context.</p>
          </div>
          <div class="text-block">
            <div class="min-header3">User-Friendly</div>
              <h3>Time-saving, Money-making
              </h3>
              <p class="block-sub">
                Gain access to a continuously growing array of connectors through our marketplace. Our intuitive marketplace simplifies the connection process with AI agents, empowering you to unlock valuable insights and propel your success forward.</p>
          </div>
      </div>
    </section>
      <!-- End of Text 6 Section -->

  
      
<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Blockchain, AI, Web3 Folders ================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

    <section class="section-block">
      <div class="block-text">

        <div class="min-header">Vision </div>
        <div class="block-title">Build &amp; Connect <span style="font-weight: 400; font-style: italic;">with Infinity</span></div>
        <p class="block-main">
          Harmonizing Blockchain, AI, and Web3 / Connectors for Seamless Innovation. Fueling Developer-Enterprise connectivity for business growth.
        </p>
        <div class="buttons">
          <a href="vision.html" target="_blank"><button class="button1">Learn More</button></a>          
          <a href="https://docs.balanceai.network/docs/getting-started" target="_blank"><button class="button2">Get Started</button></a>        
        </div>

      </div>




      <div class="folders-container">

        <div class="folder" id="js_folder1">
          <div class="folder-summary" id="js_toggle-folder1">
            <div class="folder-summary__start"></div>
            <div class="folder-summary__details">
              <div class="folder-summary__details__name">Blockchain</div>
            </div>
            <div class="folder-summary__end">
              <div class="folder-summary__end1" id="js_folder-icon-down1">
                <i class="fa-solid fa-chevron-down"></i>
              </div>
              <div class="folder-summary__end2 hidden" id="js_folder-icon-up1">
                <i class="fa-solid fa-chevron-up"></i>
              </div>
            </div>
          </div>
          <ul class="folder-content" id="js_folder-content1">
            <div class="label-container">
              <label class="folder-item__label">Security</label>
              <label class="folder-item__label">Authenticity</label>
              <label class="folder-item__label">Verification</label>
              <label class="folder-item__label">Validation</label>
              <label class="folder-item__label">Governance</label>
              <label class="folder-item__label">Decentralization</label>
              <label class="folder-item__label">Monetization</label>
              <label class="folder-item__label">Transparency</label>
              <label class="folder-item__label">Delegation</label>
              <label class="folder-item__label">Interoperability</label>
              <label class="folder-item__label">Scalability</label>
              <label class="folder-item__label">Sustainability</label>
            </div>
          </ul>
        </div>
        
        <!-- Folder Structure -->
        <div class="folder" id="js_folder2">
          <div class="folder-summary" id="js_toggle-folder2">
            <div class="folder-summary__start"></div>
            <div class="folder-summary__details">
              <div class="folder-summary__details__name">Artificial Intelligence</div>
            </div>
            <div class="folder-summary__end">
              <div class="folder-summary__end1" id="js_folder-icon-down2">
                <i class="fa-solid fa-chevron-down"></i>
              </div>
              <div class="folder-summary__end2 hidden" id="js_folder-icon-up2">
                <i class="fa-solid fa-chevron-up"></i>
              </div>
            </div>
          </div>
          <ul class="folder-content" id="js_folder-content2">
            <div class="label-container">
              <label class="folder-item__label">Personalization</label>
              <label class="folder-item__label">Efficiency</label>
              <label class="folder-item__label">Adaptability</label>
              <label class="folder-item__label">Data Ownership</label>
              <label class="folder-item__label">Automation</label>
              <label class="folder-item__label">Big Data</label>
              <label class="folder-item__label">Enhanced Tools</label>
              <label class="folder-item__label">Agents</label>
              <label class="folder-item__label">Models</label>
              <label class="folder-item__label">Predictive Analysis</label>
              <label class="folder-item__label">Enhanced Security</label>
            </div>
          </ul>
        </div>
        
        <div class="folder" id="js_folder3">
          <div class="folder-summary" id="js_toggle-folder3">
            <div class="folder-summary__start"></div>
            <div class="folder-summary__details">
              <div class="folder-summary__details__name">Web3 / Connectors</div>
            </div>
            <div class="folder-summary__end">
              <div class="folder-summary__end1" id="js_folder-icon-down3">
                <i class="fa-solid fa-chevron-down"></i>
              </div>
              <div class="folder-summary__end2 hidden" id="js_folder-icon-up3">
                <i class="fa-solid fa-chevron-up"></i>
              </div>
            </div>
          </div>
          <ul class="folder-content" id="js_folder-content3">
            <div class="label-container">
              <label class="folder-item__label">Connectivity</label>
              <label class="folder-item__label">Payment Infrastructure</label>
              <label class="folder-item__label">Composability</label>
              <label class="folder-item__label">Oracle Integration</label>
              <label class="folder-item__label">Multi-Sig Management</label>
              <label class="folder-item__label">ID’s Management</label>
              <label class="folder-item__label">Metaverse</label>
              <label class="folder-item__label">Web3 Frameworks</label>
              <label class="folder-item__label">dApp’s</label>
              <label class="folder-item__label">Signature Protocols</label>
              <label class="folder-item__label">Add-ons</label>
              <label class="folder-item__label">API’s</label>
              <label class="folder-item__label">Own Custody</label>
              <label class="folder-item__label">DeFi</label>
            </div>
          </ul>
        </div>
        
        <div class="folder" id="js_folder4">
          <div class="folder-summary" id="js_toggle-folder4">
            <div class="folder-summary__start"></div>
            <div class="folder-summary__details">
              <div class="folder-summary__details__name">Marketplace</div>
            </div>
            <div class="folder-summary__end">
              <div class="folder-summary__end1" id="js_folder-icon-down4">
                <i class="fa-solid fa-chevron-down"></i>
              </div>
              <div class="folder-summary__end2 hidden" id="js_folder-icon-up4">
                <i class="fa-solid fa-chevron-up"></i>
              </div>
            </div>
          </div>
          <ul class="folder-content" id="js_folder-content4">
            <div class="label-container">
              <div class="label-textintro">
                Gateway to the harmonized synergy of Blockchain, AI, and Web3. 
                <a href="https://docs.balanceai.network/docs/use/marketplace/#what-is-ai-marketplace-dapp" style="text-decoration: underline; color: blue;">Learn More</a>
            </div>
            
            </div>
          </ul>
        </div>

      </div>
    </section>

<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Redefine ====================================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

    <section class="center-block-section">
      <div class="background2"></div>
      <div class="title2-container">
        <div class="min-header2">Redefine</div>
        <div class="section-title2">Unlock the full potential of<br> your imagination, <span style="font-weight: 400; font-style: italic;">redefine possibilities</span></div>
        <div class="section-subtitle2">Unlock endless possibilities by transforming your expertise into revenue. Create AI Agents to gather profitable data, seamlessly integrating with a myriad of potential connectors.</div>
        <div class="buttons2">
          <button onclick="location.href='https://docs.balanceai.network//'" class="button3">Explore Docs</button>
          
        </div>
      </div>

      <section class="perspective-container">
        <div class="grid-containers">
          <div class="containers-grid">
            <p>Fraud Detection </p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Wallets </p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Alert System</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Traceability</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Logistic</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Neural Network</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>DeFi</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Management</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Stock Markets</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Personal Assistant</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Data Base</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Voice Recognition</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Weather</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Remote System </p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>e-Learning</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Healthcare</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>e-Sports</p>
            <button>Connect</button>
          </div>
          <div class="containers-grid">
            <p>Supply Chain </p>
            <button>Connect</button>
          </div>
        </div>
      </section>
    </section>

<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Leverage Enterprise =========================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

      <section class="section-block" style="margin-top: 60px;">

        <div class="block-text">
          <div class="min-header"><span> Leverage your Enterprise </span></div>
          <div class="block-title">Explore the Future<br>of <span style="font-weight: 400; font-style: italic;">AI Multi-Agents  </span></div>

          <p class="block-main">
            Utilize the capabilities of BalanceAI Network to optimize your enterprise and AI models. AI multi-agents are redefining infrastructure, facilitating advanced communication among various systems, and enhancing security through collaborative transaction verification.
          </p><br>

            <!-- <div class="buttons">
              <button class = "button1">Explore Docs</button>
              <button class = "button2">Get Started</button>
            </div> -->
        </div>
        
        <section class="perspective-container2">
          <div class="grid-containers2">
            <div class="containers-grid2">
              <p>Program </p>
            </div>
            <div class="containers-grid2">
              <p>Execute </p>
            </div>
            <div class="containers-grid2">
              <p>Personalize</p>
            </div>
            <div class="containers-grid2">
              <p>Connect</p>
            </div>
            <div class="containers-grid2">
              <p>Modularize</p>
            </div>
            <div class="containers-grid2">
              <p>Analyze</p>
            </div>
            <div class="containers-grid2">
              <p>Scale</p>
            </div>
            <div class="containers-grid2">
              <p>Optimize</p>
            </div>
            <div class="containers-grid2">
              <p>Predict</p>
            </div>
            <div class="containers-grid2">
              <p>Automate</p>
            </div>
            <div class="containers-grid2">
              <p>Secure</p>
            </div>
            <div class="containers-grid2">
              <p>Monetize</p>
            </div>

            
          </div>
        </section>
      </section>

<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Multi Agents Motion =========================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

      <section class="main"> 
          <!--first container-->
          <div class="container">
            <div class="shapes one-grid-layout" id="example-one"><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1.01022);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1.01022);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(0.412749);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1.01022);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1.01022);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div><div class="shape circle" style="background: rgb(25, 183, 234); transform: scale(1);"></div></div>
            <!-- <div class="controls">
              <button class="btn fa-solid fa-pause" data-action="playPause" data-index="0"></button>
              <button class="btn fa-solid fa-redo" data-action="restart" data-index="0"></button>
            </div> -->
          </div>
          <!--second container-->
          <div class="container">
            <div class="shapes one-grid-layout" id="example-two"><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1.2) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div><div class="shape square" style="background: rgb(25, 183, 234); transform: scale(1) translateX(0px) translateY(0px) rotateZ(0deg);"></div>
            </div>
            <!-- <div class="controls">
              <button class="btn fa-solid fa-pause" data-action="playPause" data-index="1"></button>
              <button class="btn fa-solid fa-redo" data-action="restart" data-index="1"></button>
            </div> -->
          </div>
          <!-- fourth container -->
          <div class="container">
            <div class="shapes four-grids-layout" id="example-three">
              <div class="grid first-grid"><div class="shape square" style="transform: translateX(98px) translateY(97.0341px); background: rgb(25, 183, 234); border-color: rgb(255, 255, 255); border-radius: 2px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div><div class="shape square" style="transform: translateX(0px) translateY(0px); background: rgba(0, 0, 0, 0); border-color: rgb(51, 51, 51); border-radius: 0px;"></div></div>
              <div class="grid second-grid"><div class="shape square" style="background: rgba(18, 133, 170, 0.725); border-color: rgb(227, 230, 231); border-radius: 1.4521px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div></div>
              <div class="grid third-grid"><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div></div>
              <div class="grid fourth-grid"><div class="shape square" style="background: rgba(4, 32, 41, 0.173); border-color: rgb(172, 180, 181); border-radius: 0.347864px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div><div class="shape square" style="background: rgba(0, 0, 0, 0); border-color: rgb(154, 164, 166); border-radius: 0px;"></div></div>
            </div>
            <!-- <div class="controls">
              <button class="btn fa-solid fa-pause" data-action="playPause" data-index="2"></button>
              <button class="btn fa-solid fa-redo" data-action="restart" data-index="2"></button>
            </div> -->
          </div>
      </section>

  

<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Grant Programme =============================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

<style>
  .containerg {
    display: flex;
    justify-content: center; /* Centra el contenedor en la página */
    gap: 90px;
    margin-top: 20px;
  }
  
  .container-item {
    border: 1px solid #bababa;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    width: 300px;
    box-sizing: border-box;
  }

  .item-title {
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
  }
  
  .item-subtitle {
    font-size: 1.0em;
    color: #8b8b8b;
    text-align: center;

  }

  .button4 {
    font-size: 18px;
    font-weight: 500;
    background: #19B7EA;
    border: 1px solid #19B7EA;
    color: #ffffff;
    border-radius: 5px;
    padding: 0.5rem 1.3rem;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-right: 0px !important;
    margin-top: 30px !important;
  }

  .title2-container {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 1vw !important;
  }

  @media (max-width: 1300px) {
    .containerg {
      gap: 20px;
    }
    .container-item {
      width: calc(50% - 20px); 
    }
  }

  @media (max-width: 480px) {
    .containerg {
      flex-direction: column; 
      align-items: center;
      gap: 10px;
    }
    .container-item {
      width: 100%; 
      max-width: 300px; 
    }
    .item-title {
      font-size: 1.5em;
    }
    .item-subtitle {
      font-size: 0.9em;
    }
  }
</style>




<section class="center-block-section2">
  <div class="background2"></div>
  <div class="title2-container">
    <div class="min-header2">Open Source - Community Fund</div>
    <div class="section-title2">Grant <span style="font-weight: 400; font-style: italic;">Programme</span></div>
    <div class="section-subtitle2">At BalanceAI, we value collaboration and transparency, maintaining an open-source project for developers to freely contribute. Our frequent grants foster innovation, ensuring our platform stays ahead in AI and blockchain technology.<br><br> Through the BalanceAI Grant Programme, developers and researchers receive financial support to create high-quality Agents and Models. This open-source Community Fund initiative, which allocates 48% of total emissions, is fundamental to the BalanceAI vision of nurturing innovation and promoting a marketplace that thrives on high-quality content and a cohesive community.</div>

  </div>
  
  <div class="containerg">
    <div class="container-item">
      <div class="item-title"><strong>48%</strong></div>
      <div class="item-subtitle">Emmissions Allocation</div>
    </div>
    <div class="container-item">
      <div class="item-title"><strong>Open Source</strong></div>
      <div class="item-subtitle">Community Fund</div>
    </div>
    <div class="container-item">
      <div class="item-title"><strong>Curator System</strong></div>
      <div class="item-subtitle">Ensuring Quality Content</div>
    </div>
  </div>

  <div class="buttons2">
    <a href="grant.html" target="_blank" class="promo-button">
      <button class="button4">Learn More</button>
    </a>
  </div>

</section>



      
<!-- ============================================================================== -->
<!-- ============================================================================== -->
<!-- ============================== Footer ======================================== -->
<!-- ============================================================================== -->
<!-- ============================================================================== -->

      <!-- Footer via jquery include -->
      <div id="includedContentF">

  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>BalanceAI Network</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">



  
  <footer>

      <section class="banner-section">
        <div class="banner">
          <img src="images/connect-illustration.svg" alt="">
        </div>
      </section>


           
    <!-- #Footer -->
    <section class="footer">
      <div class="footer-row">
        <div class="footer-col">
          <h4>Core</h4>
          <ul class="links">
            <li><a href="vision.html" target="_blank">Vision</a></li>
            <li><a href="https://docs.balanceai.network/docs/getting-started" target="_blank">Solutions</a></li>
            <li><a href="https://docs.balanceai.network/docs/learn/roadmap" target="_blank">Functionality Roadmap</a></li>
            <li><a href="https://docs.balanceai.network/docs/use/manage-wallets/wallet-providers/" target="_blank">Wallets</a></li>
            <li><a href="#">Technology Stack</a></li>
            <li><a href="https://t.me/Balance_AI" target="_blank">Community</a></li>
          </ul>
        </div>
    
        <div class="footer-col">
          <h4>Framework</h4>
          <ul class="links">
            <li><a href="https://docs.balanceai.network/docs/learn/nodes-architecture" target="_blank">Nodes</a></li>
            <li><a href="https://docs.balanceai.network/docs/learn/balance-tokens" target="_blank">BAI Token</a></li>
            <li><a href="https://docs.balanceai.network/docs/learn/staking" target="_blank">Staking</a></li>
            <li><a href="https://docs.balanceai.network/docs/grants" target="_blank">Grant Programme</a></li>
            <li><a href="#">Toolings</a></li>
            <li><a href="https://docs.balanceai.network/docs/use/manage-wallets/pallet-proxy" target="_blank">Proxy Accounts</a></li>
            <li><a href="https://docs.balanceai.network/docs/build/" target="_blank">Build</a></li>
            <li><a href="https://docs.balanceai.network/docs/use/manage-wallets/create-wallet#create-account" target="_blank">Accounts</a></li>
          </ul>
        </div>
    
        <div class="footer-col">
          <h4>Networks</h4>
          <ul class="links">
            <li><a href="https://docs.balanceai.network/docs/learn/networks#local-node" target="_blank">Local Node</a></li>
            <li><a href="https://docs.balanceai.network/docs/learn/networks#testnets" target="_blank">Testnets</a></li>
            <li><a href="https://docs.balanceai.network/docs/learn/networks#mainnet" target="_blank">Mainnet</a></li>
            <li><a href="#">Validators</a></li>
            <li><a href="#">Explorer</a></li>
          </ul>
        </div>
    
        <div class="footer-col">
          <h4>About</h4>
          <ul class="links">
            <li><a href="faq.html" target="_blank">FAQ</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="https://t.me/Balance_AI" target="_blank">Support</a></li>
            <li><a href="https://docs.balanceai.network/docs/Social%20Media/" target="_blank">Media</a></li>
            <li><a href="https://docs.balanceai.network/" target="_blank">Documentation</a></li>
            <li><a href="https://balancedao.medium.com/" target="_blank">Blog</a></li>
          </ul>
        </div>
    
        <div class="footer-col">
          <!-- <h4>BalanceAI</h4> -->
          

          <div class="logotype">
            <img src="images/logotype.svg" alt="Logo">
          </div>
           
          <p>
            Stay in the loop by following the official media channels!
          </p>
          <!-- <form action="#">
            <input type="text" placeholder="Your email" required>
            <button type="submit">Subscribe</button>
          </form> -->
          <div class="icons">
            <a href="https://t.me/Balance_AI" target="_blank">
              <i class="fa-brands fa-telegram"></i>
            </a>
            <a href="https://discord.gg/GCPsfkzcfc" target="_blank">
              <i class="fa-brands fa-discord"></i>
            </a>
            <a href="https://x.com/Balance_AI" target="_blank">
              <i class="fa-brands fa-x-twitter"></i>
            </a>
            <a href="https://balancedao.medium.com/" target="_blank">
              <i class="fa-brands fa-medium"></i>
            </a>
            <a href="https://github.com/balanceainetwork" target="_blank">
              <i class="fa-brands fa-github"></i>
            </a>
          </div>
          <br>
          <!-- <div class="logotype">
            <img src="images/logotype.svg" alt="Logo">
          </div> -->
          
        </div>
      </div>
     
    </section>

    
     <div class="footer-bottom">
        <p>
          © 2024 BalanceAI Network  | 
          <a href="/privacy_policy.txt" target="_blank">Privacy Policy</a>  | 
          <a href="/terms_of_use.txt" target="_blank">Terms of Use</a>  
       
        </p>
      </div>
    
    <!-- #Footer -->


    </footer>

</div>
            <div class="alert2">
              <div class="alert-content">
                <span class="alert-text">
                  <strong class="alert-message">Cookies Information  🍪 </strong>
                  <p>
                    We use cookies to ensure you get the best experience on our website.
                    <a href="/privacy_policy.txt" target="_blank" class="underline-link">Learn more</a>
                  </p>
                
                  <button type="button" class="btn-accept">Allow Cookies</button>
                  <button type="button" class="btn-deny">Deny</button>
                </span>
              </div>
            </div>       
 
    <!--jQuery-->
    <script>

    $(function(){
      //  HTML
      $("#includedContentF").load("footer.html");
      
      //  CSS 
      $("head").append('<link rel="stylesheet" href="footer.css">');
    });

  </script>


</body></html>