-
Notifications
You must be signed in to change notification settings - Fork 1
/
navbar.html
158 lines (150 loc) · 7.49 KB
/
navbar.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top">
<div class="container">
<div class="d-flex align-items-center" style="min-height:63px">
<a class="#" href="https://ownly.io/marketplace">
<img src="img/ownly/own-token.webp" class="add-public-url" width="53" alt="Ownly">
</a>
<div class="ps-2">
<a href="#" class="link-color-1 text-decoration-none website-home-link">
<div class="">
<div class="d-flex align-items-center">
<div class="font-size-150 font-size-sm-200 rubik-black website-home-link line-height-90">OWNLY</div>
<div class="bg-color-6 text-center text-white py-1 px-2 ms-2">
<div class="font-size-60 font-size-sm-70 rubik-bold line-height-100" id="app-version"></div>
</div>
</div>
<div class="font-size-70 font-size-sm-100 rubik-bold line-height-90" id="market-label">MARKET</div>
</div>
</a>
</div>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse w-100 justify-content-between" id="navbarSupportedContent" style="flex-grow:initial">
<ul class="navbar-nav mb-2 mb-lg-0 ps-lg-3">
<li class="nav-item dropdown px-2">
<a class="nav-link dropdown-toggle text-color-6" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Collections</a>
<ul class="dropdown-menu px-2" aria-labelledby="navbarDropdown">
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/oha" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="oha">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/8.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">Ownly House of Art</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/cryptosolitaire" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="cryptosolitaire">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/1.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">CryptoSolitaire</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/genesisblock" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="genesisblock">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/2.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">Genesis Block</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/inkvadyrz" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="inkvadyrz">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/3.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">Inkvadyrz</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/rewards" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="rewards">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/4.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">Ownly Rewards</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/mustachios" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="mustachios">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/5.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">Mustachios (2D)</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/3dmustachios" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="3dmustachios">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/9.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">Mustachios (3D)</div>
</div>
</a>
</li>
<li style="border-bottom:1px solid #cccccc">
<a href="http://ownlyio.marketplace.test/sagesrantcollectibles" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="sagesrantcollectibles">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/6.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-sm-110 pe-2">The Sages Rant Collectibles</div>
</div>
</a>
</li>
<li>
<a href="http://ownlyio.marketplace.test/titansofindustry" class="dropdown-item collection-dropdown-item p-2 replace-host" data-collection="titansofindustry">
<div class="d-flex align-items-center">
<div class="pe-3">
<img src="img/collection-logos/7.webp" class="shadow-sm rounded-3 add-public-url" width="40" />
</div>
<div class="font-size-110 pe-2">Titans of Industry</div>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item px-2">
<a class="nav-link text-color-6 replace-host" href="http://ownlyio.marketplace.test/launchpad">Artist Launchpad</a>
</li>
<li class="nav-item px-2">
<a class="nav-link text-color-6 replace-host" href="http://ownlyio.marketplace.test/artists">Artists</a>
</li>
<li class="nav-item px-2">
<a class="nav-link text-color-6 replace-host" href="http://ownlyio.marketplace.test/?sales">Sales</a>
</li>
</ul>
<div class="ps-lg-3 pe-lg-4 mb-3 mb-lg-0 w-100">
<div class="position-relative search-field-container">
<div class="position-absolute" style="top:11px; left:14px">
<i class="fas fa-search"></i>
</div>
<input type="text" class="form-control font-size-90 search-field" placeholder="Search NFTs" style="padding-left:42px; height:42px" />
<div class="position-absolute w-100 d-none search-suggestions-container" style="top:42px; left:0; z-index:1"></div>
</div>
</div>
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item">
<a class="text-color-6 text-decoration-none" href="#" id="account-address"></a>
</li>
<li class="nav-item" id="connect-wallet-container">
<button type="button" class="btn btn-custom-9 shadow-sm font-size-90 py-2 px-4" id="connect-wallet" style="border-radius:100px">Connect Wallet</button>
</li>
</ul>
</div>
</div>
</nav>