-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
312 lines (283 loc) · 13 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
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#ededed">
<link href="images/favicon.png" rel="icon" type="image/png">
<!-- Seo -->
<title>The Retriever Party</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Styles -->
<link href="https://cdn.jsdelivr.net" rel="preconnect">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/fonts/fontawesome/icons.css" rel="stylesheet">
<link href="assets/css/generic.css?v=3" rel="stylesheet">
</head>
<body>
<div class="site-wrapper">
<header id="header" class="clearfix">
<div class="inner">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="d-none d-md-block col-sm-5 col-lg-4">
<h1 class="logo">
<a href="./" aria-label="The Retriever Party">
<img alt="The Retriever Party" src="images/logo.png" srcset="images/logo@2x.png 2x, images/logo@3x.png 3x">
</a>
</h1>
</div>
<div class="col-4 d-none d-lg-flex align-items-center justify-content-center">
<nav class="main-nav">
<ul class="navbar-nav justify-content-center flex-row">
<li class="nav-item"><a class="nav-link" href="#story"><span>Our Story</span></a></li>
<li class="nav-item"><a class="nav-link" href="#roadmap"><span>Roadmap</span></a></li>
<li class="nav-item"><a class="nav-link" href="#faq"><span>Faq</span></a></li>
</ul>
</nav>
</div>
<div class="col-12 col-md-7 col-lg-4 d-flex align-items-center justify-content-md-end justify-content-center">
<div class="socials mr-md-2">
<a href="https://twitter.com/RetrieverParty" class="btn btn-pink" rel="external"><i class="fab fa-twitter px-0"></i></a>
<a href="https://discord.gg/eUgh5knteb" class="btn btn-pink" rel="external"><i class="fab fa-discord px-0"></i></a>
</div>
<div class="mr-2 d-none d-md-block position-relative">
<!-- <a href="#" class="btn btn-pink disable-focus" rel="external" style="width: 190px;"><span>MINT</span> <span>Stay Tuned</span></a> -->
<a href="https://magiceden.io/marketplace/the_retriever_party" class="btn btn-pink" rel="external" style="width: 190px;"><span>MINT</span></a>
<p class="w-100 mt-2 text-center green date-time">Mint date: 11/11 7pm UTC</p>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="section text-on-full-image d-none d-md-block clearfix">
<img alt="" data-src="images/entry.jpg" class="full-image lazy">
<div class="inner lazy" data-bg="images/entry.jpg"></div>
</section>
<section class="section text-on-full-image entry-mobile green d-block d-md-none clearfix">
<img alt="" data-src="images/entry_mobile.jpg" class="full-image lazy">
<div class="inner lazy" data-bg="images/entry_mobile.jpg">
<div class="container position-relative" style="max-width: 420px;">
<div class="row align-items-center justify-content-center">
<div class="col-12 pb-5 text-center" style="font-size: 0.95rem;">
<h2 class="section-title fs-2x-half d-none">Welcome to<br> the Retriever Party!</h2>
<p>The Retriever Party is a collection of randomly generated 1111 Retriever NFTs on the Solana blockchain.</p>
<p>Who does not like Retrievers? These cheerful buddies always fill our hearts with love.</p>
<p>How about taking this to the next level? We are inviting all dog lovers here, to the RETRIEVER PARTY!</p>
<div class="mt-3 position-relative">
<!-- <a href="#" class="btn btn-pink disable-focus" rel="external" style="width: 190px;"><span>MINT</span> <span>Stay Tuned</span></a> -->
<a href="https://magiceden.io/marketplace/the_retriever_party" class="btn btn-pink" rel="external" style="width: 190px;"><span>MINT</span></a>
<p class="w-100 mt-2 text-center green date-time">Mint date: 11/11 7pm UTC</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section entry pink d-none d-md-block clearfix">
<div class="inner">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-12 text-center">
<h2 class="section-title">Welcome to the Retriever Party!</h2>
<p>The Retriever Party is a collection of randomly generated 1111 Retriever NFTs on the Solana blockchain.</p>
<p>Who does not like Retrievers? These cheerful buddies always fill our hearts with love.</p>
<p>How about taking this to the next level? We are inviting all dog lovers here, to the RETRIEVER PARTY!</p>
</div>
</div>
</div>
</div>
</section>
<section class="section story white clearfix" id="story">
<div class="inner">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h2 class="section-title green2">Our Story</h2>
<!-- <h3 class="section-title fs-3x">What inspires us?</h3> -->
</div>
<div class="col-12 col-lg-6 mt-4 pr-lg-4 text-right">
<h4>@ Fictional part</h4>
<p>Take one step forward and get to know these great buddies.</p>
<p>Even though Retrievers look always smiling and unconcerned, they have a very big mission on the Earth too - bringing happiness to everyone!</p>
<p>The secret team of Retrievers all around the world are hiding their secret mission and walking around streets with their human families like they do know nothing :)</p>
<p>Once a month this secret team come together to party! They know how to get fun for sure.</p>
<p>Let us invite you to their party. You will be their best friends and learn more about their big mission in the world.</p>
</div>
<div class="col-12 col-lg-6 mt-5 mt-lg-4 pl-lg-4">
<h4>@ Factual part</h4>
<p>Dogs are our best companions, always by our side no matter what ups and downs life brings. We love them as much as they love us.</p>
<p>We started with idea that it is our responsibility as adults to raise and teach our kids to love animals.</p>
<p>And we aim to do this in a fun way to attract children to discover more - the Retriver Party!</p>
<p>The Retriever Party will be released both as a children's book and adventure video series on digital channels soon.</p>
<p>The story will be focusing on the Retrievers' secret mission of how they bring happiness to people.</p>
<p>While they always bring us happiness, we gotta give back, right?</p>
<p>We want to see our best buddies always healthy and happy. That's why we will be donating to Canine Health Foundations thanks to the Retriever Party NFT project.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section section-visible roadmap white clearfix" id="roadmap">
<div class="inner">
<div class="container">
<div class="row flex-lg-row-reverse">
<div class="col-12 col-lg-4">
<img data-src="images/banner.gif" alt="" class="banner lazy">
</div>
<div class="col-12 col-lg-8 pr-lg-5 mt-5 mt-lg-0">
<h2 class="section-title ml-4 pl-5 pink">Roadmap</h2>
<div class="boxes">
<div class="item">
<h4 class="item-title fs-3x">Surprise Giveaways</h4>
<p>Surprise giveaways before (to be delivered on the mint date) and after minting (a total of 50). Twitter and Discord will be used for announcement. Stay tuned.</p>
</div>
<div class="item">
<h4 class="item-title fs-3x">Major Marketplaces</h4>
<p>The Retriever Party will be listed on major marketplaces.</p>
</div>
<div class="item">
<h4 class="item-title fs-3x">Upcoming Project</h4>
<p>The more details on "Retrievers saving the world!" will be shared soon.</p>
</div>
<div class="item">
<h4 class="item-title fs-3x">Donations</h4>
<p>Health comes first. We want to see our best buddies healthy. That's why we will be donating to Canine Health Foundations.</p>
</div>
<div class="item">
<h4 class="item-title fs-3x">Marketing & Communication</h4>
<p>The secret mission of Retrievers and their fun parties will turn into children's book and adventure video series on digital channels.</p>
</div>
<div class="item">
<h4 class="item-title fs-3x">Community</h4>
<p>All community members holding their unique Retriever NFTs will automatically be prioritized for future projects.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section faq clearfix" id="faq">
<div class="inner">
<div class="container" style="max-width: 575px;">
<h2 class="section-title text-uppercase">Faq</h2>
<div class="accordion">
<div class="card">
<div class="card-header">
<h3 class="card-title collapsed" data-toggle="collapse" data-target="#faq-1">
<i class="fas fa-plus"></i>
What is the total supply?
</h3>
</div>
<div id="faq-1" class="collapse" data-parent="#faq">
<div class="card-body">
<p>Only 1111 cutest Retrievers you've ever seen. Hurry up before they are minted.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title collapsed" data-toggle="collapse" data-target="#faq-2">
<i class="fas fa-plus"></i>
What is the minting price?
</h3>
</div>
<div id="faq-2" class="collapse" data-parent="#faq">
<div class="card-body">
<p>0.15 SOL</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title collapsed" data-toggle="collapse" data-target="#faq-3">
<i class="fas fa-plus"></i>
When is the launch date?
</h3>
</div>
<div id="faq-3" class="collapse" data-parent="#faq">
<div class="card-body">
<p>The Mint date: 11/11 7pm UTC</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title collapsed" data-toggle="collapse" data-target="#faq-4">
<i class="fas fa-plus"></i>
What wallet options do you have?
</h3>
</div>
<div id="faq-4" class="collapse" data-parent="#faq">
<div class="card-body">
<p>Phantom (recommended), Sollet, and Solflare.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title collapsed" data-toggle="collapse" data-target="#faq-5">
<i class="fas fa-plus"></i>
How do I check the rarity?
</h3>
</div>
<div id="faq-5" class="collapse" data-parent="#faq">
<div class="card-body">
<p>You can check it at <a href="https://moonrank.app/collection/the_retriever_party" rel="external">https://moonrank.app/collection/the_retriever_party</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title collapsed" data-toggle="collapse" data-target="#faq-6">
<i class="fas fa-plus"></i>
Why are Retrievers so cute?
</h3>
</div>
<div id="faq-6" class="collapse" data-parent="#faq">
<div class="card-body">
<p>Go mint one and ask in person :)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer" class="clearfix">
<div class="inner">
<div class="container">
<div class="row align-items-center text-center">
<div class="col-12 col-md-4 text-md-left">
© 2021 - retrieverparty.com
</div>
<div class="col-12 col-md-4 mt-3 mt-md-0 mb-md-0">
<a href="https://nftcalendar.io/event/the-retriever-party/" target="_blank" aria-label="nft calendar" class="d-inline-flex mr-md-3">
<span class="d-inline-flex align-items-center px-2" style="color: #067252;">As seen on</span>
<img alt="nft calendar" src="images/nftcalendar-logo.svg" height="60">
</a>
</div>
<div class="col-12 col-md-4 mt-3 mt-md-0 mb-md-0 text-md-right">
<div class="web-designs">
<div>
<a href="https://www.ferditarakci.com/" rel="external" lang="en" aria-label="Freelance Web Design">Freelance<br> Web Design</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.5.0/dist/lazyload.min.js"></script>
<script src="assets/js/jquery.special.bundle.min.js"></script>
<script src="assets/js/common.js"></script>
</body>
</html>