189 lines
9.2 KiB
HTML
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> |