forked from codeSTACKr/nft-landing-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
174 lines (136 loc) · 6.26 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
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<title>MightyMind</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" />
<!-- 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" />
</head>
<body>
<!--Nav bar section-->
<nav class="navbar">
<div class="navbar__container">
<a href="/" id="navbar__logo"><img src="images/x-icon/favicon-32x32.png" alt="logo">MightyMind</a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="/home.html" class="navbar__links">Home</a>
</li>
<li class="navbar__item">
<a href="/traits.html" class="navbar__links">Traits</a>
</li>
<li class="navbar__item">
<a href="/roadmap.html" class="navbar__links">Roadmap</a>
</li>
<li class="navbar__item">
<a href="/FAQ.html" class="navbar__links">FAQ</a>
</li>
<!-- <li class="navbar__item">
<a href="/howtobuy.html" class="navbar__links">How to buy a MightyMind?</a>
</li> -->
<li class="navbar__socials">
<a
href="https://discord.gg/dfPMWeesAY"
target="_blank"
rel="noopener noreferrer">
<img src="images/header/discord.webp" alt="Discord" />
</a>
<a
href="https://opensea.io/collection/mightymind"
target="_blank"
rel="noopener noreferrer">
<img src="images/header/opensea.webp" alt="Opensea" />
</a>
<a
href="https://instagram.com/mightyminds_nft?utm_medium=copy_link"
target="_blank"
rel="noopener noreferrer">
<img src="images/header/instagram.webp" alt="Instagram" />
</a>
</li>
<!-- <li class="navbar__btn">
<a href="/" class="button">NAME THIS WHAT YOU WANT</a>
</li>-->
</ul>
</div>
</nav>
<script src="app.js"> </script>
<main class="container">
<div class="countdown">
<!-- <ul
id="countdown"
class="count-down"
data-date="Jun 23, 2022 11: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>-->
<h1 class= "color" >We have lauched!</h1>
<a href="https://discord.gg/dfPMWeesAY" target="_blank" rel="noopener noreferrer" class="hero-btn btn"
><span>Join the Discord</span>
</a>
<h1 class= "color" >Welcome to MightyMind!</h1>
<p> MightyMind is an NFT project for those who have great ideas, positive minds and are looking for a long term investment. </p>
<p>This NFT project is not intended to see much profit in the short term, unless you get lucky winning a giveaway ;) </p>
<p> However it is 100% a great long term investment. </p>
<p>The collection consists of 10000 NFTs. </p>
<p> The starting price of a MightyMind NFT is <strong>50 USDC </strong> or <strong>equivalent</strong>. By making an offer of this amount on an unrevealed MightyMind NFT, you yourself could own your very own MightyMind! </p>
<p> Our goal for the future, once our company has grown and expanded is to give the holders of a MightyMind the best utilities as we possibly can, such as crypto giveaways, all expenses paid for vacation giveaways, gym membership discounts, restaurant discounts, clothing discounts, and one day we plan on doing airdrops to all NFT holders. </p>
<p> We plan on investing <strong>ALL</strong> capital generated through this NFT project into properties, crypto, gyms, franchises, and most importantly, we plan on investing in some great ideas our fellow MightyMind holders have and which we think are worth an investment. </p>
<p> This project will also allow the holders of a MightyMind NFT to share their ideas or companies with all other holders through discord, which they may assist in any way possible. </p>
<p> YOU CAN BE CREATIVE WITH THIS ! </p>
<p class="body__slogan"> <b> No matter how big or small your idea is, we are all MightyMinds so lets support each other and spread positivity.</b> </p>
<div class="sneak__peeks"><h1>Sneak Peeks</h1>
<img src="images/Sneak_peeks/Male.JPG" >
<img src="images/Sneak_peeks/Female.JPG" >
<img src="images/Sneak_peeks/1.jpg" >
<img src="images/Sneak_peeks/2.jpg" >
<img src="images/Sneak_peeks/3.jpg" >
<img src="images/Sneak_peeks/4.jpg" >
<!-- <img src="images/Sneak_peeks/468.jpg" >
<img src="images/Sneak_peeks/472.jpg"
<img src="images/Sneak_peeks/5621.jpg" >-->
</div>
</div>
<div class="founder"><h1>Founder</h1>
<img src="images/founder/Brandon.JPG" >
</div>
<div class="founder__name">Brandon Snelling </div>
</div>
</Main>
<footer>
<div class="footer__container" >
<ul>
<a class="footer__tandc" href = "t&c.html" target="_blank">Term and Conditions</a>
</ul>
</div>
</footer>
</body>
<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>
</html>