-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
168 lines (148 loc) · 7.85 KB
/
home.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
159
160
161
162
163
164
165
166
167
168
<div class="background-image-cover" style="background-image:url('../img/bg/launchpad.png')">
<div class="container py-5" style="margin-top:80px">
<div class="row align-items-lg-center py-5">
<div class="col-lg-5 mb-5 mb-lg-0">
<div class="mx-md-5 px-md-5 mx-lg-0 px-lg-0">
<div class="mx-4 mx-sm-5 mx-md-0 px-sm-5 pe-lg-4 ps-lg-0">
<div class="w-100 shadow-sm border-1 position-relative bg-color-7" style="padding-top:100%; border:1px solid #cccccc; background-color:rgba(0,0,0,0.01); border-radius:10px">
<div class="d-flex justify-content-center align-items-center w-100 h-100" style="position:absolute; top:0; left:0">
<video autoplay loop muted preload class="h-100" style="border-radius:10px"><source src="../img/launchpad/Teaser%201.mp4" type="video/mp4"></video>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="ps-lg-3">
<p class="text-center text-lg-start font-size-110 text-white mb-3">Dropping soon<br>on our Artist Launchpad</p>
<p class="neo-black text-center text-lg-start font-size-320 font-size-xl-380 font-size-xxl-450 text-white mb-2">Dreaded Shrooms</p>
<p class="text-center text-lg-start font-size-220 font-size-xl-240 font-size-xxl-260 mb-4">
<a href="https://www.facebook.com/PandangNoypi" target="_blank" class="neo-black text-decoration-none text-white">BY PANDA NOYPI</a>
</p>
<div class="bg-color-21 w-100 mb-4" style="height:1px"></div>
<p class="font-size-110 text-center text-lg-start line-height-150 text-white pt-2 mb-2 mb-xxl-4">A one-of-a-kind concept, Dreaded Shrooms is perfect for collectors looking for unique and joy-sprouting art pieces. It’s good for the soul, that’s for sure.</p>
<p class="font-size-110 text-center text-lg-start line-height-150 text-white pt-2 mb-4">Dropping on 06/27</p>
<div class="d-flex justify-content-center justify-content-lg-start text-white">
<div class="d-flex mb-4 mb-lg-0" id="countdown" style="margin-left:-17px">
<div class="text-center" style="width:72px">
<div class="helvetica-roman font-size-260" id="days">00</div>
<div class="helvetica-roman font-size-110">Days</div>
</div>
<div class="helvetica-roman font-size-260">:</div>
<div class="text-center" style="width:72px">
<div class="helvetica-roman font-size-260" id="hours">00</div>
<div class="helvetica-roman font-size-110">Hours</div>
</div>
<div class="helvetica-roman font-size-260">:</div>
<div class="text-center" style="width:72px">
<div class="helvetica-roman font-size-260" id="minutes">00</div>
<div class="helvetica-roman font-size-110">Minutes</div>
</div>
<div class="helvetica-roman font-size-260">:</div>
<div class="text-center" style="width:72px">
<div class="helvetica-roman font-size-260" id="seconds">00</div>
<div class="helvetica-roman font-size-110">Seconds</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-100">
<div class="d-none" id="carousel-content">
<div class="row h-100 align-items-center page-min-height">
<div class="col-md-7 col-xl-8 py-5">
<div class="position-relative">
<h1 class="text-white rubik-bold font-size-280 font-size-lg-350 font-size-xl-450 font-size-xxl-500 text-center text-md-start mb-5">Mint and launch your NFT collection the easy way.</h1>
<div class="text-center text-md-start">
<a href="/launchpad" class="d-inline-block btn btn-custom-2 px-5 py-3 mx-1 font-size-110 font-size-sm-120 line-height-120" style="min-width:257px; border-radius:35px; letter-spacing:0.05em">LAUNCH ARTIST LAUNCHPAD</a>
</div>
</div>
</div>
<div class="col-md-5 col-xl-4 pt-md-5 pb-5 ps-md-5">
<hr class="bg-white mt-0 mb-5 d-block d-md-none" />
<div class="px-4 px-md-0">
<div class="card shadow-sm" style="border:1px solid #cccccc; border-radius:10px; background-color:rgba(255,255,255,0.3)">
<div class="card-body">
<div class="bg-white px-3 pt-2 pb-3" style="border-top-left-radius:10px; border-top-right-radius:10px">
<p class="pt-2 font-size-100 mb-0 text-color-7 text-center">Featured NFT</p>
</div>
<a href="https://ownly.market/oha">
<div class="w-100 background-image-contain bg-white" style="background-image:url('http://142.93.51.143/nft/oha/3.webp'); padding-top:100%"></div>
</a>
<div class="bg-white px-3" style="border-bottom-left-radius:10px; border-bottom-right-radius:10px">
<a href="https://ownly.market/oha" class="d-block text-decoration-none pt-2 font-size-80 mb-0 link-color-4 text-center">Ownly House of Art</a>
<a href="https://ownly.market/?network=eth&contract=0xF8167889B4431d61e1eD667b836AFec84EB01576&token=3" class="d-block text-decoration-none pb-3 mb-0 font-size-120 fw-bold text-center link-color-4">Altered Perspective</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="carousel-1" class="carousel slide carousel-fade">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="background-image-cover position-relative page-min-height" style="background-image:url('img/banners/Ownly.jpg')">
<div class="position-absolute w-100 h-100" style="background-color:rgba(0,0,0,0.8)"></div>
<div class="container w-100"></div>
</div>
</div>
<div class="carousel-item">
<div class="background-image-cover position-relative page-min-height" style="background-image:url('img/banners/NFT-Pioneer.jpg')">
<div class="position-absolute w-100 h-100" style="background-color:rgba(0,0,0,0.8)"></div>
<div class="container w-100"></div>
</div>
</div>
<div class="carousel-item">
<div class="background-image-cover position-relative page-min-height" style="background-image:url('img/banners/Globally-Competitive.jpg')">
<div class="position-absolute w-100 h-100" style="background-color:rgba(0,0,0,0.8)"></div>
<div class="container w-100"></div>
</div>
</div>
<div class="carousel-item">
<div class="background-image-cover position-relative page-min-height" style="background-image:url('img/banners/Amazing-NFT Artists.jpg')">
<div class="position-absolute w-100 h-100" style="background-color:rgba(0,0,0,0.8)"></div>
<div class="container w-100"></div>
</div>
</div>
<div class="carousel-item">
<div class="background-image-cover position-relative page-min-height" style="background-image:url('img/banners/Pool-Of-Creative-Talents.jpg')">
<div class="position-absolute w-100 h-100" style="background-color:rgba(0,0,0,0.8)"></div>
<div class="container w-100"></div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-color-2">
<div class="container py-5">
<div class="px-5 py-3">
<div class="px-5">
<div class="position-relative search-field-container">
<div class="position-absolute" style="top:19px; left:22px">
<i class="fas fa-search font-size-130"></i>
</div>
<div class="d-flex">
<div class="flex-fill">
<input type="text" class="form-control font-size-110 search-field" placeholder="Search Collections and NFTs" style="padding-left:64px; height:60px; border-radius:15px 0 0 15px" />
</div>
<div class="">
<button class="btn btn-custom-1 px-5 font-size-110" style="border-radius:0 15px 15px 0; height:60px">SEARCH</button>
</div>
</div>
<div class="position-absolute w-100 d-none search-suggestions-container" style="top:60px; left:0; z-index:1"></div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-color-18" id="collections">
<div class="container py-5">
<p class="text-center rubik-bold font-size-200 font-size-md-280 text-color-5 mb-4">COLLECTIONS</p>
<div class="py-3" id="collections-container">
</div>
</div>
</div>