-
Notifications
You must be signed in to change notification settings - Fork 0
/
nfts.html
130 lines (124 loc) · 5.75 KB
/
nfts.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="images/logo.jpg">
<link rel="stylesheet" href="styles/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato&family=Lexend+Peta&family=MuseoModerno&family=Roboto&family=Space+Grotesk&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/74d146c649.js" crossorigin="anonymous"></script>
<title>Nebulon</title>
<script>
window.onload = function() {
var menuIcon = document.querySelector('.menu-icon');
var menu = document.querySelector('nav ul');
if (menuIcon && menu) {
menuIcon.addEventListener('click', function() {
if (menu.classList.contains('show-menu')) {
menuIcon.classList.remove('open');
menu.classList.remove('show-menu');
menu.style.animation = 'fadeOutMenu 0.3s';
menu.style.opacity = 0;
menu.style.pointerEvents = 'none';
menuIcon.style.color = 'white';
menuIcon.style.position = 'absolute';
setTimeout(function() {
menu.style.visibility = 'hidden';
}, 300);
} else {
menuIcon.classList.add('open');
menu.classList.add('show-menu');
menu.style.animation = 'fadeInMenu 0.3s';
menu.style.opacity = 1;
menuIcon.style.position = 'fixed';
menu.style.pointerEvents = 'auto';
menuIcon.style.color = 'black';
menu.style.visibility = 'visible';
}
});
}
};
</script>
</head>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
console.log('hi')
var menu = document.querySelector('nav ul');
if (menu.classList.contains('show-menu')) {
menu.classList.remove('show-menu');
menu.style.animation = 'fadeOutMenu 0.3s';
menu.style.opacity = 0;
menu.style.pointerEvents = 'none';
menuIcon.style.color = 'white';
menuIcon.style.position = 'absolute';
menu.style.visibility = 'hidden';
}
});
});
</script>
<body>
<div class="containernft">
<div class="overlay">
<nav class="navbar">
<div class="navbar-header">
<a href="./index.html"><h1 class="navbar-brand">Nebulon</h1></a>
<div class="menu-icon">☰</div>
</div>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./nfts.html">Projects</a></li>
<li><a href="#">Whitepaper</a></li>
<li><a onClick="scroll('news')">News</a></li>
</ul>
</nav>
<div class="containernft2">
<div class="textnft">
<b><p class="subheading">NEBULON NFTS</p></b>
<p class="headingnfts">Digital Automobile Collectibles</p>
<p>Buy your Nebulon 2023 NFT once the collection releases.</p>
<p>Est Launch 8/2023</p>
<button class="notinuse">Mint Your NFT</button>
</div>
<img class="imgnft" src="https://cdn.discordapp.com/attachments/1113919814176624750/1125204523087044749/image-removebg-preview.png"></img>
</div>
</div>
</div>
<div class="techintro">
<p class="techsheading">Why Choose Nebulon</p>
<p class="techheading">Nebulon NFT Technology</p>
<p class="techdesc">See what goes into the technical side of our NFTs and what makes them stand out from other collections.</p>
<div class="techcolumns">
<div class="techcolumn">
<img class="carimage"src="https://cdn.discordapp.com/attachments/959545304577876068/1125575518574624768/image-removebg-preview.png">
<p class="techcsheading one">Earn</p>
<p class="techcheading">Dynamic Pricing</p>
<p class="techcdesc">Earn virtually instant profit as every time you mint an NFT the mint price will increase for that NFT.</p>
</div>
<div class="techcolumn">
<img class="carimage"src="https://media.discordapp.net/attachments/959545304577876068/1125575592448897075/image-removebg-preview.png?width=799&height=450">
<p class="techcsheading two">Collect</p>
<p class="techcheading">Semi Fungible Tokens</p>
<p class="techcdesc">NFTs in our collect have varying amounts of duplicates, make some distinctively rarer and harder to obtain than others.</p>
</div>
<div class="techcolumn">
<img class="carimage"src="https://media.discordapp.net/attachments/959545304577876068/1125575661680087060/image-removebg-preview.png?width=799&height=450">
<p class="techcsheading three">Relax</p>
<p class="techcheading">Fully Decentralized</p>
<p class="techcdesc">Not a single one of our staff can freeze your assets or blacklist you from the contract.</p>
</div>
</div>
</div>
<div class="footer">
<center>
<p class="footerlogo">NEBULON</p>
<p class="inline copyright">© NEBULON 2023</p>
<a href="https://twitter.com/Nebulontoken" target="_blank"><i class="fa-brands fa-twitter" style="color: #ffffff;"></i></a>
<a href="https://discord.gg/CZR5kWJwNG" target="_blank"><i class="fa-brands fa-discord" style="color: #ffffff;"></i></a>
</center>
</div>
</body>
</html>