<nav class="navbar navbar-expand-md navbar-light justify-content-center m-auto bg-dark">
<div class="container-xxl">
<a href="intro" class="navbar-brand">
<span class="fw-bold text-secundary"></span>
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#main-nav"
aria-controls="main-nav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-ens align-center"
id="main-nav"
>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
Home
</a>
</div>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
NFT Stake
</a>
</div>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
Marketplace
</a>
</div>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
Farms
</a>
</div>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
NFT List
</a>
</div>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
Bridge
</a>
</div>
<div class="col">
<a class="nav-link active" aria-current="page" href="./">
Telegram
</a>
</div>
<input
id="connectbtn"
type="button"
class="connectbutton"
style={{ fontFamily: "SF Pro Display" }}
value="Connect Your Wallet"
></input>
</div>
</div>
</nav>