forked from codeSTACKr/nft-landing-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (92 loc) · 4.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>NFT Psychodelic Dreams Collection - Explore Today!</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Check out our NFT Psychodelic Dreams Collection! Shop the latest and greatest NFT Collection and experience the psychodelic journey like never beore!"/>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/x-icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/x-icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/x-icon/favicon-16x16.png">
<link rel="manifest" href="images/x-icon/site.webmanifest">
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap" rel="stylesheet"> </head>
<body>
<header>
<div class="container">
<div class="logo">
<a href="/">
Psychedelic Dreams
</a>
</div>
<div class="menu">
<a
href="https://www.instagram.com/psyc_hedelicdreams/"
target="_blank"
rel="noopener noreferrer"
>
<img src="images/header/instagram.svg" alt="Opensea" />
</a>
<a
href="https://opensea.io/collection/psydreams"
target="_blank"
rel="noopener noreferrer"
>
<img src="images/header/opensea.svg" alt="Opensea" />
</a>
<button class="wallet-btn btn" id="connectWallet">
<span>Connect Wallet</span>
</button>
</div>
</div>
</header>
<section class="container">
<h1>NFT IS Dropped - Go to opensea!!!</h1>
<div class="countdown">
<ul
id="countdown"
class="count-down"
data-date="Jan 31, 2023 4:00:00 PM UTC"
>
<li class="clock-item">
<span class="count-number days">20</span>
<p class="count-text">Days</p>
</li>
<li class="clock-item">
<span class="count-number hours">20</span>
<p class="count-text">Hour</p>
</li>
<li class="clock-item">
<span class="count-number minutes">20</span>
<p class="count-text">Min</p>
</li>
<li class="clock-item">
<span class="count-number seconds">20</span>
<p class="count-text">Sec</p>
</li>
</ul>
<h3>Unlock Your True Dreams With our collection</h3>
<p>
Welcome to our exciting new world of AI dreams! It's time to explore our collection of incredible digital dreams that are about to become reality. We believe that dreams come true, and with the power of AI, we can make those dreams a reality for everyone. Our collection of NFTs is packed with stunning artwork and captivating digital stories that will take you into a world of possibilities. So, let's explore our collection of AI dreams and find out how they can come true today!
</p>
<div class="w3-content w3-display-container">
<img class="mySlides" src="images/slides/img1.jpg" style="width:100%">
<img class="mySlides" src="images/slides/img2.jpg" style="width:100%">
<img class="mySlides" src="images/slides/img3.jpg" style="width:100%">
<img class="mySlides" src="images/slides/img4.jpg" style="width:100%">
<img class="mySlides" src="images/slides/img5.jpg" style="width:100%">
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/@metamask/[email protected]/dist/metamask-onboarding.bundle.js"></script>
<script src="js/countdown.js"></script>
<script src="js/app.js"></script>
</body>
</html>