project/dist/index.html
2025-03-22 13:14:28 +03:00

189 lines
9.2 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script defer src="index.js"></script></head>
<body>
<header class="header container">
<a href="index.html"><img class="logo" src="../src/images/logo.svg" alt=""></a>
<nav>
<ul class="nav-list">
<li><a href="../src/discover.html">Discover</a></li>
<li><a href="../src/creators.html">creators</a></li>
<li><a href="../src/creators.html">Sell</a></li>
<li><a href="../src/creators.html">stats</a></li>
</ul>
</nav>
<button class="button">Connect Wallet</button>
</header>
<main>
<div class="top-nft">
<h2 class="top-nft__title">Weakly - Top NFT</h2>
<div class="nft-card-container">
<div class="nft-card">
<div class="nft-card__img">
<div class="nft-card__time">07h 09m 12s</div>
</div>
<div class="nft-card__content">
<h3 class="nft-card__title">Sun-Glass</h3>
<div class="nft-card__footer">
<div>
<p class="nft-card__description">Current bid</p>
<div class="nft-card__price">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M11.376 1.63574L5.8623 10.8988L11.376 14.207L16.8897 10.8988L11.376 1.63574ZM5.8623 12.0015L11.376 19.7207L16.8897 12.0015L11.376 15.3098L5.8623 12.0015Z"
fill="#141416"/>
</svg>
<div>
1.75
</div>
</div>
</div>
<button class="button">Place bid</button>
</div>
</div>
</div>
<div class="nft-card">
<div class="nft-card__img">
<div class="nft-card__time">07h 09m 12s</div>
</div>
<div class="nft-card__content">
<h3 class="nft-card__title">Sun-Glass</h3>
<div class="nft-card__footer">
<div>
<p class="nft-card__description">Current bid</p>
<div class="nft-card__price">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M11.376 1.63574L5.8623 10.8988L11.376 14.207L16.8897 10.8988L11.376 1.63574ZM5.8623 12.0015L11.376 19.7207L16.8897 12.0015L11.376 15.3098L5.8623 12.0015Z"
fill="#141416"/>
</svg>
<div>
1.75
</div>
</div>
</div>
<button class="button">Place bid</button>
</div>
</div>
</div>
<div class="nft-card">
<div class="nft-card__img">
<div class="nft-card__time">07h 09m 12s</div>
</div>
<div class="nft-card__content">
<h3 class="nft-card__title">Sun-Glass</h3>
<div class="nft-card__footer">
<div>
<p class="nft-card__description">Current bid</p>
<div class="nft-card__price">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M11.376 1.63574L5.8623 10.8988L11.376 14.207L16.8897 10.8988L11.376 1.63574ZM5.8623 12.0015L11.376 19.7207L16.8897 12.0015L11.376 15.3098L5.8623 12.0015Z"
fill="#141416"/>
</svg>
<div>
1.75
</div>
</div>
</div>
<button class="button">Place bid</button>
</div>
</div>
</div>
<div class="nft-card">
<div class="nft-card__img">
<div class="nft-card__time">07h 09m 12s</div>
</div>
<div class="nft-card__content">
<h3 class="nft-card__title">Sun-Glass</h3>
<div class="nft-card__footer">
<div>
<p class="nft-card__description">Current bid</p>
<div class="nft-card__price">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M11.376 1.63574L5.8623 10.8988L11.376 14.207L16.8897 10.8988L11.376 1.63574ZM5.8623 12.0015L11.376 19.7207L16.8897 12.0015L11.376 15.3098L5.8623 12.0015Z"
fill="#141416"/>
</svg>
<div>
1.75
</div>
</div>
</div>
<button class="button">Place bid</button>
</div>
</div>
</div>
<div class="nft-card">
<div class="nft-card__img">
<div class="nft-card__time">07h 09m 12s</div>
</div>
<div class="nft-card__content">
<h3 class="nft-card__title">Sun-Glass</h3>
<div class="nft-card__footer">
<div>
<p class="nft-card__description">Current bid</p>
<div class="nft-card__price">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M11.376 1.63574L5.8623 10.8988L11.376 14.207L16.8897 10.8988L11.376 1.63574ZM5.8623 12.0015L11.376 19.7207L16.8897 12.0015L11.376 15.3098L5.8623 12.0015Z"
fill="#141416"/>
</svg>
<div>
1.75
</div>
</div>
</div>
<button class="button">Place bid</button>
</div>
</div>
</div>
<div class="nft-card">
<div class="nft-card__img">
<div class="nft-card__time">07h 09m 12s</div>
</div>
<div class="nft-card__content">
<h3 class="nft-card__title">Sun-Glass</h3>
<div class="nft-card__footer">
<div>
<p class="nft-card__description">Current bid</p>
<div class="nft-card__price">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M11.376 1.63574L5.8623 10.8988L11.376 14.207L16.8897 10.8988L11.376 1.63574ZM5.8623 12.0015L11.376 19.7207L16.8897 12.0015L11.376 15.3098L5.8623 12.0015Z"
fill="#141416"/>
</svg>
<div>
1.75
</div>
</div>
</div>
<button class="button">Place bid</button>
</div>
</div>
</div>
</div>
<div>
<button class="button btn-left">left</button>
<button class="button btn-right">right</button>
</div>
</div>
</main>
</body>
</html>