https://helikon.io/

Submitted URL:
https://helikon.io
Report Finished:

The outgoing links identified from the page

JavaScript Variables ยท 14 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages ยท 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" style="--vh: 6px;"><head>
    <meta charset="utf-8">
    <title>Helikon</title>
    <meta name="description" content="Helikon site description">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="img/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
    <link type="image/png" href="img/favicon/favicon-32x32.png" rel="icon" sizes="32x32">
    <link type="image/png" href="img/favicon/favicon-16x16.png" rel="icon" sizes="16x16">
    <link href="img/favicon/site.webmanifest" rel="manifest">
    <link href="img/favicon/safari-pinned-tab.svg" rel="mask-icon" color="#000000">
    <meta name="apple-mobile-web-app-title" content="Helikon">
    <meta name="application-name" content="Helikon">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">
    <link href="styles/main.min.css" rel="stylesheet">
</head>

    <body style="">
        <section class="hero">
            <video class="hero__bg" poster="img/hero-bg.jpg" autoplay="" loop="" muted="" playsinline="">
                <source src="files/hero-bg.webm" type="video/webm">
                <source src="files/hero-bg.mp4" type="video/mp4">
            </video>
            <div class="container d-flex flex-column align-items-center">
                <a class="hero__logo flex-shrink-0" href="/" aria-label="Helikon home page">
                    <img src="img/helikon-logo-sign.svg" alt="Helikon logotype" width="124" height="124">
                </a>
                <div class="hero__text flex-grow-1 py-20 py-sm-60">
                    <h1 class="mb-40">
                        We are
                        <span><img src="img/helikon-logo-name.svg" alt="Helikon name" width="231" height="37"></span>
                        , a crypto-native blockchain company from Istanbul.
                    </h1>
                    <div class="hstack flex-wrap align-items-center justify-content-center g-20">
                        <a class="btn btn-primary btn-lg" href="#products">See our products</a>
                        <a class="btn btn-outline btn-lg" href="#validators">Stake with us!</a>
                    </div>
                </div>
                <a class="btn btn-link hero__down flex-shrink-0" href="#about" aria-label="Scroll to down">
                    <img src="img/svg/arrow-down.svg" alt="Arrow down" width="40" height="90">
                </a>
            </div>
        </section>

        <section class="section about_section" id="about">
            <div class="container">
                <div class="about__grid">
                    <div class="about-item about-item--style-squares" id="about-item-1">
                        <div class="about-item__content" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                            <div class="text text-md mb-20">
                                <p>
                                    We build
                                    <strong>beautiful, robust, open-source software</strong>
                                    for the Polkadot and Kusama blockchain networks.
                                </p>
                                <p>
                                    We are proudly
                                    <strong>supported</strong>
                                    by the
                                    <strong>Web3 Foundation</strong>
                                    and the
                                    <strong>Kusama Treasury</strong>
                                    .
                                </p>
                            </div>
                            <div class="hstack flex-wrap g-24 g-sm-40">
                                <img src="img/kusama-logo-supported.svg" alt="Kusama logotype" width="130" height="45">
                                <img src="img/web3-logo-name.svg" alt="Web3 logotype" width="118" height="45">
                            </div>
                            <a class="btn btn-primary mt-40" href="#products">See our products below</a>
                        </div>
                    </div>
                    <div class="about-item about-item--style-validator" id="about-item-2">
                        <div class="about-item__content" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                            <div class="hstack flex-wrap g-20">
                                <img src="img/polkadot-logo-name.svg" alt="Polkadot logotype" width="148" height="32">
                                <img src="img/kusama-logo-name.svg" alt="Kusama logotype" width="114" height="27">
                            </div>
                            <div class="text text-md mt-30 mt-sm-40">
                                <p>
                                    We run
                                    <strong>secure and powerful</strong>
                                    Polkadot and Kusama
                                    <strong>validators</strong>
                                    on owned hardware in top-level colocation data centers.
                                </p>
                                <p>
                                    View our validators below,
                                    <strong>securely stake with us</strong>
                                    and <strong>support decentralization</strong>.
                                </p>
                            </div>
                            <a class="btn btn-outline mt-30 mt-sm-40" href="#validators">Stake with us!</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section products_section" id="products">
            <div class="container">
                <h2>Products</h2>
                <div class="swiper products__carousel mt-40 mt-md-60 swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden" id="productsCarousel">
                    <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
                        <div class="swiper-slide swiper-slide-active" style="margin-right: 60px;">
                            <div class="product-item product-item--style-subvt">
                                <div class="product-item__content">
                                    <span style="display: flex; flex-flow: row nowrap; align-items: center">
                                        <img src="img/projects/subvt/subvt-icon.svg" alt="SubVT" width="34">
                                        <h4 style="margin-left: 8px">SubVT</h4>
                                    </span>
                                    <div class="product-item__description text text-sm mt-30 mt-md-40 mb-40">
                                        <p>
                                            SubVT (Substrate Validator Toolkit) is a native mobile application for iOS
                                            and Android phones, tablets and wearables that provides validator node
                                            operators with tools that aid them in running their validators on Polkadot
                                            and Kusama relay chains.
                                        </p>
                                        <p>
                                            <small>
                                                Development of SubVT is proudly supported by the Kusama Treasury through
                                                on-chain proposals
                                                <a href="https://kusama.subsquare.io/treasury/proposal/99" target="_blank">
                                                    #99
                                                </a>
                                                and
                                                <a href="https://kusama.subsquare.io/treasury/proposal/129" target="_blank">
                                                    #129
                                                </a>
                                                .
                                            </small>
                                        </p>
                                    </div>
                                    <div class="product-item__panel hstack flex-wrap g-14 align-items-center">
                                        <a class="btn btn-white btn-sm py-10 px-16 text-sm" href="https://subvt.io" target="_blank">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="img/sprite.svg#link"></use>
                                            </svg>
                                            <span>subvt.io</span>
                                        </a>
                                        <a class="btn btn-white btn-icon btn-sm py-9 px-16 text-sm" href="https://github.com/helikon-labs/subvt" aria-label="Github link" target="_blank">
                                            <img src="img/github-logo-sign.svg" alt="Github logo">
                                        </a>
                                        <a class="ms-auto" href="https://kusama.subsquare.io/treasury/proposal/99" target="_blank">
                                            <img src="img/projects/subvt/kusama-logo-supported.svg" alt="Supported by Kusama Treasury Grant" width="113" height="39">
                                        </a>
                                    </div>
                                </div>
                                <div class="product-item__shape" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                                    <img src="img/projects/subvt/subvt-shape.png" alt="Subvt shape" aria-hidden="true" width="400" height="400">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide swiper-slide-next" style="margin-right: 60px;">
                            <div class="product-item product-item--style-1kv">
                                <div class="product-item__content">
                                    <span style="display: flex; flex-flow: row nowrap; align-items: center">
                                        <img src="img/projects/subvt/subvt-icon.svg" alt="SubVT" width="34">
                                        <h4 style="margin-left: 8px">SubVT Telegram Bot</h4>
                                    </span>
                                    <div class="product-item__description text text-sm mt-30 mt-md-40 mb-40">
                                        <p>
                                            A feature-rich notification and reporting Telegram bot for the validators of
                                            the Polkadot and Kusama relay chains.
                                        </p>
                                        <p>
                                            This bot is an upgrade over the deprecated
                                            <a href="https://github.com/helikon-labs/polkadot-kusama-1kv-telegram-bot" target="_blank">
                                                1KV Bot</a>, rewritten in Rust as part of the
                                            <a href="https://github.com/helikon-labs/subvt-backend">SubVT backend.</a>
                                        </p>
                                        <p>
                                            <small>
                                                SubVT Telegram Bot was successfully
                                                <a href="https://github.com/w3f/Grants-Program/blob/master/applications/subvt-telegram-bot.md" target="_blank">
                                                    developed
                                                </a>
                                                and
                                                <a href="https://github.com/w3f/Grant-Milestone-Delivery/blob/master/deliveries/subvt_telegram_bot-milestones-1-and-2.md" target="_blank">
                                                    delivered
                                                </a>
                                                under the support of the
                                                <a href="https://github.com/w3f/Grants-Program" target="_blank">
                                                    Web3 Foundation Grants Program
                                                </a>
                                                .
                                            </small>
                                        </p>
                                    </div>
                                    <div class="product-item__panel hstack flex-wrap g-14 align-items-center">
                                        <a class="btn btn-white btn-sm py-8 px-16 text-sm" href="https://t.me/subvt_kusama_bot">
                                            <img src="img/kusama-logo-sign.svg" alt="SubVT Kusama Telegram Bot">
                                            <span>Kusama Bot</span>
                                        </a>
                                        <a class="btn btn-white btn-sm py-8 px-16 text-sm" href="https://t.me/subvt__bot">
                                            <img src="img/polkadot-logo-sign.svg" alt="SubVT Polkadot Telegram Bot">
                                            <span>Polkadot Bot</span>
                                        </a>
                                        <a class="btn btn-white btn-icon btn-sm py-9 px-16 text-sm" href="https://github.com/helikon-labs/subvt-backend/tree/development/subvt-telegram-bot" aria-label="Github link">
                                            <img src="img/github-logo-sign.svg" alt="SubVT Telegram Bot GitHub">
                                        </a>
                                        <a class="ms-auto" href="#">
                                            <img src="img/projects/1kv/web3-logo-name.svg" alt="web3 logo" width="90">
                                        </a>
                                    </div>
                                </div>
                                <div class="product-item__shape" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                                    <img src="img/projects/1kv/1kv-shape.svg" alt="1KV shape" aria-hidden="true" width="400" height="400">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" style="margin-right: 60px;">
                            <div class="product-item product-item--style-chainviz">
                                <div class="product-item__content">
                                    <h4>ChainViz</h4>
                                    <div class="product-item__description text text-sm mt-30 mt-md-40 mb-40">
                                        <p>
                                            ChainViz Alpha is a real-time 3D chain visualization web application for
                                            Kusama.
                                        </p>
                                        <p>
                                            ChainViz is a work in progress, and the currently released alpha version
                                            visualizes in real-time the block production process, network status and
                                            validators statistics of the Kusama network.
                                        </p>
                                    </div>
                                    <div class="product-item__panel hstack flex-wrap g-14 align-items-center">
                                        <a class="btn btn-white btn-sm py-10 px-16 text-sm" href="https://alpha.chainviz.app">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="img/sprite.svg#link"></use>
                                            </svg>
                                            <span>chainviz.app</span>
                                        </a>
                                        <a class="btn btn-white btn-icon btn-sm py-9 px-16 text-sm" href="https://github.com/helikon-labs/chainviz" aria-label="ChainViz GitHub">
                                            <img src="img/github-logo-sign.svg" alt="ChainViz GitHub">
                                        </a>
                                    </div>
                                </div>
                                <div class="product-item__shape" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                                    <div>
                                        <img src="img/projects/chainviz/chainviz-shape.svg" alt="Chainviz shape" aria-hidden="true" width="400" height="400">
                                    </div>
                                    <img src="img/projects/chainviz/chainviz-shape.svg" alt="Chainviz shape" aria-hidden="true" width="400" height="400">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" style="margin-right: 60px;">
                            <div class="product-item product-item--style-chainsynth">
                                <div class="product-item__content">
                                    <h4>ChainSynth</h4>
                                    <div class="product-item__description text text-sm mt-30 mt-md-40 mb-40">
                                        <p>ChainSynth Alpha is the first step in the creation of a generative
                                            audio-visual synthesizer working with real-time blockchain data.</p>
                                        <p>
                                            In its alpha version it generates audio and visuals using real-time data
                                            from the Polkadot relay chain. Please view more details on the
                                            <a href="https://github.com/helikon-labs/chainsynth" target="_blank">GitHub repository</a>.
                                        </p>
                                    </div>
                                    <div class="product-item__panel hstack flex-wrap g-14 align-items-center">
                                        <a class="btn btn-white btn-sm py-10 px-16 text-sm" href="https://alpha.chainsynth.app">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="img/sprite.svg#link"></use>
                                            </svg>
                                            <span>chainsynth.app</span>
                                        </a>
                                        <a class="btn btn-white btn-icon btn-sm py-9 px-16 text-sm" href="https://github.com/helikon-labs/chainsynth" aria-label="ChainSynth GitHub">
                                            <img src="img/github-logo-sign.svg" alt="Github logo">
                                        </a>
                                    </div>
                                </div>
                                <div class="product-item__shape" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                                    <img src="img/projects/chainsynth/chainsynth.png" alt="ChainSynth" aria-hidden="true">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination mt-40 mt-md-60 swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
                </div>
            </div>
        </section>

        <section class="section validators_section" id="validators">
            <video class="validators__bg" poster="img/validators-bg.jpg" autoplay="" loop="" muted="" playsinline="">
                <source src="files/validators-bg.webm" type="video/webm">
                <source src="files/validators-bg.mp4" type="video/mp4">
            </video>
            <div class="container">
                <h2 class="text-center mb-40 mb-md-60">Validators</h2>
                <div class="validators__nav nav hstack g-20 g-md-24 justify-content-center" role="tablist">
                    <button class="btn btn-white btn-lg py-8 px-16 active" data-bs-toggle="tab" data-bs-target="#kusama" type="button" role="tab" aria-controls="kusama" aria-selected="true">
                        <img class="btn-invert" src="img/kusama-logo-sign.svg" alt="Kusama logotype" width="32" height="32">
                        <span>Kusama</span>
                    </button>
                    <button class="btn btn-white btn-lg py-8 px-16" data-bs-toggle="tab" data-bs-target="#polkadot" type="button" role="tab" aria-controls="polkadot" aria-selected="false" tabindex="-1">
                        <img src="img/polkadot-logo-sign.svg" alt="Polkadot logotype" width="32" height="32">
                        <span>Polkadot</span>
                    </button>
                </div>
                <div class="validators__content tab-content mt-80 mt-md-120">
                    <div class="tab-pane fade show active" id="kusama" role="tabpanel" aria-labelledby="kusama-tab">
                        <div class="swiper validators__carousel swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
                            <div class="swiper-wrapper justify-content-xl-center">
                                <div class="swiper-slide swiper-slide-active" style="margin-right: 40px;">
                                    <div class="validator-item">
                                        <div class="validator-item__content">
                                            <h4>ISTANBUL</h4>
                                            <div class="grid gap-14 text-sm my-30 my-md-40">
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Identity:</div>
                                                    <div class="col">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / ISTANBUL</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Address:</div>
                                                    <div class="col">GC8fuE...qdQYLg
                                                        <a class="underlined" id="kusama-istanbul-address-copy-button" href="#" target="_blank">(copy)</a></div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Active Since:</div>
                                                    <div class="col">February, 2021</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Location:</div>
                                                    <div class="col">
                                                        <div class="d-inline-flex g-4 align-items-center">
                                                            <button class="btn btn-link link" data-bs-toggle="modal" data-bs-target="#turkcellModalMap" type="button">
                                                                Turkcell Gebze DC
                                                            </button>
                                                            <svg class="icon" aria-hidden="true">
                                                                <use xlink:href="img/sprite.svg#location"></use>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--div class="g-col-12 row gx-8 gy-4 gy-sm-0 mt-16">
                                                    <div class="col-sm-5 text-secondary">Eras Active:</div>
                                                    <div class="col">64/128</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Blocks Produced:</div>
                                                    <div class="col">173</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Distributed:</div>
                                                    <div class="col">22.3452 KSM</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Earned:</div>
                                                    <div class="col">11.5142 KSM</div>
                                                </div-->
                                            </div>
                                            <!--button
                                                class="btn btn-primary btn-lg"
                                                data-bs-toggle="modal"
                                                data-bs-target="#modalValidator"
                                                type="button"
                                            >
                                                Stake
                                            </button-->
                                        </div>
                                        <lottie-player class="validator-item__shape" src="files/validator1.json" autoplay="" loop="" mode="normal" background="transparent"></lottie-player>
                                    </div>
                                </div>
                                <div class="swiper-slide swiper-slide-next" style="margin-right: 40px;">
                                    <div class="validator-item">
                                        <div class="validator-item__content">
                                            <h4>MELODY</h4>
                                            <div class="grid gap-14 text-sm my-30 my-md-40">
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Identity:</div>
                                                    <div class="col">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / MELODY</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Address:</div>
                                                    <div class="col">GougF9...5M6M3q
                                                        <a class="underlined" id="kusama-melody-address-copy-button" href="#" target="_blank">(copy)</a></div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Active Since:</div>
                                                    <div class="col">February, 2022</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Location:</div>
                                                    <div class="col">
                                                        <div class="d-inline-flex g-4 align-items-center">
                                                            <button class="btn btn-link link" data-bs-toggle="modal" data-bs-target="#turkcellModalMap" type="button">
                                                                Turkcell Gebze DC
                                                            </button>
                                                            <svg class="icon" aria-hidden="true">
                                                                <use xlink:href="img/sprite.svg#location"></use>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--div class="g-col-12 row gx-8 gy-4 gy-sm-0 mt-16">
                                                    <div class="col-sm-5 text-secondary">Eras Active:</div>
                                                    <div class="col">64/128</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Blocks Produced:</div>
                                                    <div class="col">173</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Distributed:</div>
                                                    <div class="col">22.3452 KSM</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Earned:</div>
                                                    <div class="col">11.5142 KSM</div>
                                                </div-->
                                            </div>
                                            <!--button
                                                class="btn btn-primary btn-lg"
                                                data-bs-toggle="modal"
                                                data-bs-target="#modalValidator"
                                                type="button"
                                            >
                                                Stake
                                            </button-->
                                        </div>
                                        <lottie-player class="validator-item__shape" src="files/validator2.json" autoplay="" loop="" mode="normal" background="transparent"></lottie-player>
                                    </div>
                                </div>
                                <div class="swiper-slide" style="margin-right: 40px;">
                                    <div class="validator-item">
                                        <div class="validator-item__content">
                                            <h4>GALATA</h4>
                                            <div class="grid gap-14 text-sm my-30 my-md-40">
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Identity:</div>
                                                    <div class="col">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / GALATA</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Address:</div>
                                                    <div class="col">Gfwy4t...rjiWnE
                                                        <a class="underlined" id="kusama-galata-address-copy-button" href="#" target="_blank">(copy)</a></div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Active Since:</div>
                                                    <div class="col">March, 2023</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Location:</div>
                                                    <div class="col">
                                                        <div class="d-inline-flex g-4 align-items-center">
                                                            <button class="btn btn-link link" data-bs-toggle="modal" data-bs-target="#teknotelModalMap" type="button">
                                                                Teknotel DC
                                                            </button>
                                                            <svg class="icon" aria-hidden="true">
                                                                <use xlink:href="img/sprite.svg#location"></use>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--div class="g-col-12 row gx-8 gy-4 gy-sm-0 mt-16">
                                                    <div class="col-sm-5 text-secondary">Eras Active:</div>
                                                    <div class="col">64/128</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Blocks Produced:</div>
                                                    <div class="col">173</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Distributed:</div>
                                                    <div class="col">22.3452 KSM</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Earned:</div>
                                                    <div class="col">11.5142 KSM</div>
                                                </div-->
                                            </div>
                                            <!--button
                                                class="btn btn-primary btn-lg"
                                                data-bs-toggle="modal"
                                                data-bs-target="#modalValidator"
                                                type="button"
                                            >
                                                Stake
                                            </button-->
                                        </div>
                                        <lottie-player class="validator-item__shape" src="files/validator3.json" autoplay="" loop="" mode="normal" background="transparent"></lottie-player>
                                    </div>
                                </div>
                                <div class="swiper-slide" style="margin-right: 40px;">
                                    <div class="validator-item">
                                        <div class="validator-item__content">
                                            <h4>MEZZANINE</h4>
                                            <div class="grid gap-14 text-sm my-30 my-md-40">
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Identity:</div>
                                                    <div class="col">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / MEZZANINE</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Address:</div>
                                                    <div class="col">D2S7Qa...g8bBMZ
                                                        <a class="underlined" id="kusama-mezzanine-address-copy-button" href="#" target="_blank">(copy)</a></div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Active Since:</div>
                                                    <div class="col">March, 2023</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Location:</div>
                                                    <div class="col">
                                                        <div class="d-inline-flex g-4 align-items-center">
                                                            <button class="btn btn-link link" data-bs-toggle="modal" data-bs-target="#teknotelModalMap" type="button">
                                                                Teknotel DC
                                                            </button>
                                                            <svg class="icon" aria-hidden="true">
                                                                <use xlink:href="img/sprite.svg#location"></use>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--div class="g-col-12 row gx-8 gy-4 gy-sm-0 mt-16">
                                                    <div class="col-sm-5 text-secondary">Eras Active:</div>
                                                    <div class="col">64/128</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Blocks Produced:</div>
                                                    <div class="col">173</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Distributed:</div>
                                                    <div class="col">22.3452 KSM</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Earned:</div>
                                                    <div class="col">11.5142 KSM</div>
                                                </div-->
                                            </div>
                                            <!--button
                                                class="btn btn-primary btn-lg"
                                                data-bs-toggle="modal"
                                                data-bs-target="#modalValidator"
                                                type="button"
                                            >
                                                Stake
                                            </button-->
                                        </div>
                                        <lottie-player class="validator-item__shape" src="files/validator4.json" autoplay="" loop="" mode="normal" background="transparent"></lottie-player>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination justify-content-center mt-30 mt-md-60 swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="polkadot" role="tabpanel" aria-labelledby="polkadot-tab">
                        <div class="swiper validators__carousel swiper-initialized swiper-horizontal swiper-pointer-events">
                            <div class="swiper-wrapper justify-content-xl-center" style="transition-duration: 0ms;">
                                <div class="swiper-slide">
                                    <div class="validator-item">
                                        <div class="validator-item__content">
                                            <h4>ISTANBUL</h4>
                                            <div class="grid gap-14 text-sm my-30 my-md-40">
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Identity:</div>
                                                    <div class="col">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / ISTANBUL</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Address:</div>
                                                    <div class="col">123kFH...vkR4k1
                                                        <a class="underlined" id="polkadot-istanbul-address-copy-button" href="#" target="_blank">(copy)</a></div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Active Since:</div>
                                                    <div class="col">February, 2022</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Location:</div>
                                                    <div class="col">
                                                        <div class="d-inline-flex g-4 align-items-center">
                                                            <button class="btn btn-link link" data-bs-toggle="modal" data-bs-target="#modalMap" type="button">
                                                                Turkcell Gebze DC
                                                            </button>
                                                            <svg class="icon" aria-hidden="true">
                                                                <use xlink:href="img/sprite.svg#location"></use>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--div class="g-col-12 row gx-8 gy-4 gy-sm-0 mt-16">
                                                    <div class="col-sm-5 text-secondary">Eras Active:</div>
                                                    <div class="col">64/128</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Blocks Produced:</div>
                                                    <div class="col">173</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Distributed:</div>
                                                    <div class="col">22.3452 KSM</div>
                                                </div>
                                                <div class="g-col-12 row gx-8 gy-4 gy-sm-0">
                                                    <div class="col-sm-5 text-secondary">Rewards Earned:</div>
                                                    <div class="col">11.5142 KSM</div>
                                                </div-->
                                            </div>
                                            <!--button
                                                class="btn btn-primary btn-lg"
                                                data-bs-toggle="modal"
                                                data-bs-target="#modalValidator"
                                                type="button"
                                            >
                                                Stake
                                            </button-->
                                        </div>
                                        <lottie-player class="validator-item__shape" src="files/validator3.json" autoplay="" loop="" mode="normal" background="transparent"></lottie-player>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination justify-content-center mt-30 mt-md-60 swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container text-center mt-120 mt-xxl-180">
                <div class="row justify-content-center">
                    <div class="col-lg-10 col-xxl-8">
                        <h2 class="h5">Securely stake with us and support decentralization!</h2>
                        <div class="text text-md mt-20">
                            <p>
                                We run our validators on our <strong>owned high-spec rack servers</strong> in Turkcell
                                and Teknotel Tier III <strong>colocation</strong> data centers in Istanbul and monitor
                                their health 7/24. We are the first and currently the only Polkadot and Kusama validator
                                operator located in Istanbul. We run <strong>backup instances</strong> for all of our
                                validators to ensure the continuity of our services.
                            </p>
                            <p>
                                You can safely stake with our validators,
                                <strong>support geographical decentralization</strong> and contribute to the
                                <strong>security</strong> of Polkadot and Kusama relay chain networks.
                            </p>
                        </div>
                        <a class="btn btn-primary btn-lg mt-40 mt-md-60" href="#validators">Stake with us!</a>
                    </div>
                </div>
            </div>
        </section>

        <footer class="footer">
    <div class="container">
        <div class="footer__wrapper">
            <div class="footer__content">
                <h2>Founder</h2>
                <div class="row mt-40 mb-40 mb-sm-60">
                    <div class="col">
                        <div class="d-flex flex-column flex-xl-row">
                            <div class="footer__avatar mb-30 mb-sm-40 me-xl-40">
                                <div>
                                    <img src="img/kukabi.jpeg">
                                </div>
                            </div>
                            <div>
                                <div class="text text-md">
                                    Coming from a Computer Science background with nearly 20 years of software industry
                                    experience, Kutsal was introduced to the blockchain space in 2019 through his work
                                    for <a href="https://www.tari.com/" target="_blank">Tari Labs</a>. His past work as
                                    a developer and leader covers a multitude of enterprise and startup projects in
                                    multiple settings from defense industry to fintech startups and microchip and
                                    sensors development for art installations. He has been working in the Polkadot
                                    ecosystem since early 2021 to deliver high-quality software products and validator
                                    services.
                                </div>
                                <div class="hstack g-14 align-items-baseline mt-16 mt-sm-24">
                                    <div class="h4">Kutsal Kaan Bilgin,</div>
                                    <span class="text-sm">Founder</span>
                                </div>
                                <div class="hstack g-14 align-items-center mt-4">
                                    <a class="btn btn-secondary btn-icon" href="https://github.com/kukabi" aria-label="Kutsal Kaan Bilgin GitHub Profile">
                                        <img src="img/github-logo-sign.svg" alt="Kutsal Kaan Bilgin GitHub Profile">
                                    </a>
                                    <a class="link text-md" href="mailto:[email protected]">[email protected]</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 mt-30 mt-sm-40 mt-xl-0">
                        <div class="hstack flex-wrap g-14 align-items-center">
                            <a class="btn btn-secondary py-9 px-16 text-md" href="https://kusama.network">
                                <img src="img/kusama-logo-sign.svg" alt="Kusama Network" width="24" height="24">
                                <span>Kusama</span>
                            </a>
                            <a class="btn btn-secondary py-9 px-16 text-md" href="https://polkadot.network">
                                <img src="img/polkadot-logo-sign.svg" alt="Polkadot Network" width="24" height="24">
                                <span>Polkadot</span>
                            </a>
                            <a class="btn btn-secondary py-9 px-16 text-md" href="https://github.com/helikon-labs" aria-label="Helikon Labs Github">
                                <img src="img/github-logo-sign.svg" alt="Helikon Labs Github" width="24" height="24">
                                <span>Helikon Labs</span>
                            </a>
                        </div>
                        <div class="row mt-30 mt-sm-40">
                            <div class="col-md-6 col-xl-12 text text-md mb-24 mb-sm-30 mb-md-0 mb-xl-30">
                                <p>Omer Avni Mah. Balcik Sok. 4/4<br>34427 Beyoglu<br>Istanbul Turkey</p>
                            </div>
                            <div class="col-md-6 col-xl-12 text-md">
                                <div class="vstack align-items-start g-12">
                                    <a class="link" href="mailto:[email protected]">[email protected]</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hstack flex-wrap g-12 justify-content-between pt-20 pt-sm-20 border-top text-secondary text">
                    <span>ยฉ Helikon. All rights reserved.</span>
                    <!--a href="/policy.html">Privacy Policy</a-->
                    <span>This site does not collect data or use cookies.</span>
                </div>
            </div>
        </div>
    </div>
</footer>


        <!-- Turkcell DC modal map -->
        <div class="modal fade" id="turkcellModalMap" aria-labelledby="modalMapLabel" aria-hidden="true" tabindex="-1">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <button class="btn btn-link btn-close" data-bs-dismiss="modal" type="button">close</button>
                    <div class="modal-body">
                        <div class="loader">
                            <div class="spinner-border text-info" role="status">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </div>
                        <div class="ratio ratio-4x3">
                            <!--iframe
                                class="modal__map"
                                src="https://maps.google.com/maps?width=600&height=450&hl=en&q=turkcell+gebze+data+center&t=&z=12&ie=UTF8&iwloc=B&output=embed"
                                width="600"
                                height="450"
                                style="border: 0"
                                allowfullscreen=""
                                loading="lazy"
                            ></iframe-->
                            <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3019.2389442100325!2d29.442258951051215!3d40.82271497921841!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zNDDCsDQ5JzIxLjgiTiAyOcKwMjYnNDAuMCJF!5e0!3m2!1str!2str!4v1679128478545!5m2!1str!2str" width="600" height="450" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Teknotel DC modal map -->
        <div class="modal fade" id="teknotelModalMap" aria-labelledby="modalMapLabel" aria-hidden="true" tabindex="-1">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <button class="btn btn-link btn-close" data-bs-dismiss="modal" type="button">close</button>
                    <div class="modal-body">
                        <div class="loader">
                            <div class="spinner-border text-info" role="status">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </div>
                        <div class="ratio ratio-4x3">
                            <iframe class="modal__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3012.2721152585195!2d29.093796824503812!3d40.97552192279975!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cac6a89b4f1e3f%3A0xf1f9742957e1dccb!2sTeknotel%20Telekom%C3%BCnikasyon%20A.%C5%9E.!5e0!3m2!1str!2str!4v1679127790129!5m2!1str!2str" width="600" height="450" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- modal validator -->
        <div class="modal fade" id="modalValidator" aria-labelledby="modalValidatorLabel" aria-hidden="true" tabindex="-1">
            <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
                <div class="modal-content">
                    <button class="btn btn-link btn-close" data-bs-dismiss="modal" type="button">close</button>
                    <div class="modal-body p-20 p-md-40">
                        <div class="nav hstack g-14 align-items-center" role="tablist">
                            <button class="btn btn-outline py-8 px-16 active" data-bs-toggle="tab" data-bs-target="#kusamaModal" type="button" role="tab" aria-controls="kusamaModal" aria-selected="true">
                                <img class="btn-invert" src="img/kusama-logo-sign.svg" alt="Kusama logotype" width="24" height="24">
                                <span>Kusama</span>
                            </button>
                            <button class="btn btn-outline py-8 px-16" data-bs-toggle="tab" data-bs-target="#polkadotModal" type="button" role="tab" aria-controls="polkadotModal" aria-selected="false" tabindex="-1">
                                <img src="img/polkadot-logo-sign.svg" alt="Polkadot logotype" width="24" height="24">
                                <span>Polkadot</span>
                            </button>
                            <div class="hstack g-10 align-items-center text-success ms-lg-auto">
                                <img src="img/svg/check-fill.svg" alt="Checked icon">
                                Transaction is Successful
                            </div>
                            <!--<div class="hstack g-10 align-items-center text-danger ms-lg-auto">-->
                            <!--    <img src="img/svg/error-fill.svg" alt="Error icon">-->
                            <!--    Transaction Failed-->
                            <!--</div>-->
                        </div>
                        <div class="tab-content mt-40">
                            <div class="tab-pane fade show active" id="kusamaModal" role="tabpanel" aria-labelledby="kusamaModal-tab">
                                <div class="row gx-20">
                                    <div class="col">
                                        <select class="form-select">
                                            <option selected="">1234567890</option>
                                            <option value="1">One</option>
                                            <option value="2">Two</option>
                                            <option value="3">Three</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-20 mt-lg-0">
                                        <button class="btn btn-primary w-100" type="button">Connect Wallet</button>
                                    </div>
                                </div>
                                <div class="grid p-20 bg-light rounded mt-40 gap-14">
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / MELODY</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <img class="col-auto" src="img/svg/check-fill.svg" alt="Check icon">
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Remove
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / MELODY</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <img class="col-auto" src="img/svg/check-fill.svg" alt="Check icon">
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Remove
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="grid p-20 border rounded mt-24 gap-14">
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">Pineapplexpress</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">Name Validator</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">PFkQ5QUklrY8tvcW</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">Name Validator</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">PFkQ5QUklrY8tvcW</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="polkadotModal" role="tabpanel" aria-labelledby="polkadotModal-tab">
                                <div class="row gx-20">
                                    <div class="col">
                                        <select class="form-select">
                                            <option selected="">1234567890</option>
                                            <option value="1">One</option>
                                            <option value="2">Two</option>
                                            <option value="3">Three</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-4 mt-20 mt-lg-0">
                                        <button class="btn btn-primary w-100" type="button" disabled="">
                                            <span>Submitting</span>
                                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                        </button>
                                    </div>
                                </div>
                                <div class="grid p-20 bg-light rounded mt-40 gap-14">
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / MELIDA</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <img class="col-auto" src="img/svg/check-fill.svg" alt="Check icon">
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Remove
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">๐Ÿ”๏ธ HELIKON ๐Ÿ”๏ธ / MELODY</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <img class="col-auto" src="img/svg/check-fill.svg" alt="Check icon">
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Remove
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="grid p-20 border rounded mt-24 gap-14">
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">Pineapplexpress</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">Name Validator</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">PFkQ5QUklrY8tvcW</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/link-fill.svg" alt="Link icon">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">Name Validator</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/blocks-fill.svg" alt="Blocks icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                    <div class="g-col-12 row gx-14 gx-lg-20 align-items-center text-sm">
                                        <span class="col text-truncate">PFkQ5QUklrY8tvcW</span>
                                        <div class="col-auto">
                                            <div class="hstack g-4">
                                                <img src="img/svg/death-fill.svg" alt="Death icon">
                                                <img src="img/svg/nouser-fill.svg" alt="No user icon">
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button class="btn btn-outline px-12 py-4 flex-shrink-0" type="button">
                                                Nominate
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--<div class="loader">-->
                        <!--    <div class="spinner-border text-info" role="status">-->
                        <!--        <span class="visually-hidden">Loading...</span>-->
                        <!--    </div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>

        <script src="js/main.min.js"></script>
        <script src="js/vendor.min.js"></script>
    

</body></html>