-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 4.09 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Inventory Application</title>
<link rel="stylesheet" href="./style.css">
<script defer src="./scripts/main.js"></script>
<script defer src="./scripts/generateNFT.js"></script>
<script defer src="./scripts/stockChanger.js"></script>
</head>
<body>
<header>
<h1>NFT Marketplace</h1>
</header>
<main>
<section class="main-page">
<section class="nft-selector">
<h2>Purchase Your NFT</h3>
<form id="new-nft">
<label for="name">NFT Name
<input id="name" name="name" type="text" class="inputs" placeholder="Don't think too long" required>
</label>
<label for="id">NFT ID
<input id="id" name="id" type="text" class="inputs" placeholder="***-***-***-***" required>
</label>
<label for="cryptoCurrencies">Choose Crypto Currency
<!-- when using selector values you need to dot into them -->
<br>
<select id="cryptoCurrencies" name="cryptoCurrencies">
<option value="Bitcoin">Bitcoin</option>
<option value="Ethereum">Ethereum</option>
<option value="Tether">Tether</option>
<option value="Binance Coin">Binance Coin</option>
<option value="XRP">XRP</option>
<option value="Cardano">Cardano</option>
<option value="Dogecoin">Dogecoin</option>
<option value="Monero">Monero</option>
</select>
</label>
<label for="price">Price
<input id="price" name="price" type="number" class="inputs" required>
</label>
<label for="inStock">Is NFT In Stock?
<br>
<select id="inStock" name="inStock">
<option value="In Stock">In Stock</option>
<option value="Out of Stock">Out of Stock</option>
</select>
</label>
<button type="reset">Reset</button>
<button type="submit">Submit</button>
</form>
</section>
<img class="image1" src="https://i.pinimg.com/564x/db/3e/6c/db3e6c1420946a27659f9b4399c5ce8d.jpg" alt="blockchain city">
</section>
<section class="nft-collection">
<h2>NFT Collection</h2>
<ul>
<li class="nftList">
<h3>👾</h3>
<p><strong>NFT Name</strong>: Master Ball</p>
<p><strong>NFT ID</strong>: 193_301_437_234</p>
<p><strong>Crypto</strong>: Monero</p>
<p><strong>Price</strong>: 3.67</p>
<button class="stock-changer">In Stock</button>
<button class="remove">Remove NFT</button>
</li>
<li class="nftList">
<h3>👾</h3>
<p><strong>NFT Name</strong>: King Ghidorah</p>
<p><strong>NFT ID</strong>: 222_982_232_175</p>
<p><strong>Crypto</strong>: Tether</p>
<p><strong>Price</strong>: 9.22</p>
<button class="stock-changer">Out of Stock</button>
<button class="remove">Remove NFT</button>
</li>
<li class="nftList">
<h3>👾</h3>
<p><strong>NFT Name</strong>: Hydro-Man</p>
<p><strong>NFT ID</strong>: 452_677_917_448</p>
<p><strong>Crypto</strong>: Bitcoin</p>
<p><strong>Price</strong>: 1.00</p>
<button class="stock-changer">In Stock</button>
<button class="remove">Remove NFT</button>
</li>
</ul>
</section>
</main>
</body>
</html>