-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
206 lines (176 loc) · 9.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.5/css/unicons.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=Montserrat:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<meta property="og:title" content="Eva">
<meta property="og:description" content="Learn more about web3 and decentralized based Social media platform, Eva.">
<meta property="og:image" content="https://web3eva.netlify.app/static/media/Eva.1f9ff24b.png">
<meta property="og:url" content="https://evanft.netlify.app/">
<meta name="twitter:title" content="Eva">
<meta name="twitter:description" content="Learn more about the web3 and decentralized based Social media platform, Eva. Or simply mint or NFTs which can be used as a profile picture on the new site.
We await your visit and hope to build the future together.">
<meta name="twitter:url" content="https://web3eva.netlify.app/static/media/Eva.1f9ff24b.png">
<meta name="twitter:card" content="Learn more about the web3 and decentralized based Social media platform, Eva. Or simply mint or NFTs which can be used as a profile picture on the new site.
We await your visit and hope to build the future together.">
<meta name="keywords" content="web3, decentralized, nft, nfts, eva, learn, mint, aboutus, roadmap, future, social, profile, new, upcoming, gallery, fast, safe, newtwitter, decentralizedtwitter," />
<meta name="robots" content="index, follow" >
<meta name="description" content="Learn more about the web3 and decentralized based Social media platform, Eva. Or simply mint or NFTs which can be used as a profile picture on the new site.
We await your visit and hope to build the future together.">
<title>Eva</title>
</head>
<body style="overflow-x: hidden;">
<nav>
<div class="container nav_container">
<a href="index.html"><h4>Eva</h4></a>
<ul class="nav_menu">
<li><a href="index.html">Eva</a></li>
<li><a id="mintlink" href="https://blog.evasocial.app/">Blog</a></li>
<li><a href="roadmap.html">Roadmap</a></li>
<li><a href="about.html">About Us</a></li>
<li class="hides"><a href="https://twitter.com/web3_eva"><img style="width: 1.9vw; height:1.7vw;" src="images/twitter.png" alt=""></a></li>
<li class="hides"><a href="https://discord.gg/4w8299MVTW"><img style="width: 2vw; height:1.7vw;" src="images/discord.png" alt=""></a></li>
</ul>
<button id="open-menu-btn"><i class="uil uil-bars"></i></button>
<button id="close-menu-btn"><i class="uil uil-multiply"></i></button>
</div>
</nav>
<!--End of Navbar-->
<div class="stars" id="stars"></div>
<div class="stars2"id="stars2"></div>
<div class="stars3" id="stars3"></div>
<header>
<h1 id="text" style="bottom:0;">A revolution in Social Media</h1>
<a class="join" id="mint-button-container" href="https://www.evasocial.app/">Join</a>
<img id="front" class="marsectionimg" style="width: 200%; left: -45.875vw;" src="images/MarsFront.png" alt="Mars Front">
</header>
<br>
<p style="text-align: center; margin-left: 100px; margin-right: 100px;">Eva is a social media platform built on top of the DeSo blockchain allowing it to be decentralized and allowing creators to turn by posting, NFTS, and creator coins.</p>
<br>
<!--End of header-->
<section class="whys">
<div class="container why_container">
<div class="why_left">
<h1>Why Eva?</h1>
<p>Imagine a social media platform that is built on the blockchain and allows users to invest in creators, for creators to earn money for the work they produce and supports crypto tipping, NFTs... Then you would be imagining Eva, join the revolution today!</p>
<a class="btn" href="about.html" style="padding: 10px; border-radius:10px;">Learn More</a>
</div>
<div class="why_right">
<article class="why">
<span class="why_icon"><i class="uil uil-bitcoin"></i></span>
<h5>Decentralized</h5>
<p>Eva is decentralized meaning that your information is safe and controlled only by you and not by a large corporation.</p>
</article>
<article class="why">
<span class="why_icon"><i class="uil uil-tachometer-fast-alt"></i></i></span>
<h5>Earn</h5>
<p>Since Eva is built on the blockchain it opens a whole new world in which creators can earn without the use of ads.</p>
</article>
<article class="why">
<span class="why_icon"><i class="uil uil-padlock"></i></span>
<h5>Safe</h5>
<p>Your information is stored on chain meaning that it is safe, distributed, and replicated making it secure and hard to loose. </p>
</article>
</div>
</div>
</section>
<!--End of Why-->
<section id="bodyi">
<div class="container">
<h2>Roadmap</h2>
<img class="planet" style="position: absolute; top: 240vh; left: 0; width: 100vw;" src="images/planet.png" alt="planet">
<div class="nftcontainer">
<div class="nftmap">
<h1>First Version of Eva</h1>
<p>The first version of eva has been released on the DeSo blockchain!</p>
</div><br>
<div class="nftmap">
<h1>DeSo Communities</h1>
<p>DeSo communities will allow for more interactivity on the DeSo and provides special features on the DeSo blockchain.</p>
</div><br>
<div class="nftmap">
<h1>NFT Staking Rewards</h1>
<p>Eva wants to be the first social media to introduce NFT Staking programs.</p>
</div><br>
<div class="nftmap">
<h1>NFT Drops</h1>
<p>After growing our community I would like to start an NFT collection.</p>
</div><br>
<div class="nftmap">
<h1>Create A Blockchain</h1>
<p>In the long term Eva might start running on multiple blockchains.</p>
</div><br>
<div class="nftmap">
<h1>Become the New Twitter</h1>
<p>The goal is to build a decentralized, web3 version of Twitter and eventually even take over.</p>
</div>
</div>
</div>
</section>
<!-- End of roadmap-->
<section>
<div class="container gallery">
<h1>What People are Saying!</h1>
<div class="gridlist">
<div class="imageg" style="margin-top: 25px;"><img src="images/1.png" alt="Gallery image 1"></div>
<div class="imageg"style="margin-top: 25px;"><img src="images/2.png" alt="Gallery image 2"></div>
<div class="imageg"style="margin-top: 25px;" ><img src="images/3.png" alt="Gallery image 3"></div>
<div class="imageg" ><img src="images/4.png" alt="Gallery image 4"></div>
<div class="imageg" ><img src="images/5.png" alt="Gallery image 5"></div>
<div class="imageg"><img src="images/6.png" alt="Gallery image 6"></div>
</div>
</div>
</section>
<!--End of gallery-->
<footer>
<div class="container footer_container">
<div class="footer_1">
<a href="index.html" class="footer_logo"><h4>Eva</h4></a>
<p>A social media platform built by a 13 year old on the DeSo blockchain. A revolution in social media providing new way for creators to earn.</p>
</div>
<div class="footer_2">
<h4>Links</h4>
<ul class="permalinks">
<li><a href="index.html">Home</a></li>
<li><a id="mintlinki" href="https://blog.evasocial.app/">Blog</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
<div class="footer_4">
<h4>Contact Us</h4>
<div>
<p>[email protected]</p>
</div>
<ul class="footer_socials">
<li>
<a href="#"><i class="uil uil-discord"></i></a>
</li>
<li>
<a href="https://twitter.com/web3_eva"><i class="uil uil-twitter"></i></a>
</li>
</ul>
</div>
</div>
<div class="footer_copyright">
<small>Eva built on the DeSo blockchain.</small>
</div>
</footer>
<!--End of Footer-->
</body>
<script src="main.js"></script>
<script>
window.addEventListener('scroll', function(){
let value = window.scrollY;
document.getElementById("front").style.left = ((2*(-300 + value))/(window.innerWidth) * 100) + "vw"
document.getElementById("text").style.bottom = (2*value) + "px"
document.getElementById("mint-button-container").style.bottom = (2*value) + "px"
})
</script>
</html>