forked from webeva/Eva-Home
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (176 loc) · 11.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
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="vi">
<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="Banbe.Online">
<meta property="og:description" content="Tìm hiểu thêm về web3 và nền tảng truyền thông xã hội dựa trên phi tập trung, Banbe.Online.">
<meta property="og:image" content="images/logo.png">
<meta property="og:url" content="https://banbe.Online/">
<meta name="twitter:title" content="Banbe.Online">
<meta name="twitter:description" content="Tìm hiểu thêm về web3 và nền tảng truyền thông xã hội dựa trên phi tập trung, Banbe.Online. Hoặc đơn giản là đúc tiền hoặc NFT có thể được sử dụng làm ảnh hồ sơ trên trang web mới.
Chúng tôi chờ đợi chuyến thăm của bạn và hy vọng sẽ cùng nhau xây dựng tương lai.">
<meta name="twitter:url" content="images/logo.png">
<meta name="twitter:card" content="Tìm hiểu thêm về web3 và nền tảng truyền thông xã hội dựa trên phi tập trung, Banbe.Online. Hoặc đơn giản là đúc tiền hoặc NFT có thể được sử dụng làm ảnh hồ sơ trên trang web mới.
Chúng tôi chờ đợi chuyến thăm của bạn và hy vọng sẽ cùng nhau xây dựng tương lai.">
<meta name="keywords" content="web3, decentralized, nft, nfts, Banbe.Online, learn, mint, aboutus, roadmap, future, social, profile, new, upcoming, gallery, fast, safe, newtwitter, decentralizedtwitter," />
<meta name="robots" content="index, follow" >
<meta name="description" content="Tìm hiểu thêm về web3 và nền tảng truyền thông xã hội dựa trên phi tập trung, Banbe.Online. Hoặc đơn giản là đúc tiền hoặc NFT có thể được sử dụng làm ảnh hồ sơ trên trang web mới.
Chúng tôi chờ đợi chuyến thăm của bạn và hy vọng sẽ cùng nhau xây dựng tương lai.">
<title>Banbe.Online</title>
</head>
<body style="overflow-x: hidden;">
<nav>
<div class="container nav_container">
<a href="index.html"><h4>Banbe.Online</h4></a>
<ul class="nav_menu">
<li><a href="index.html">Home</a></li>
<li><a id="mintlink" href="https://banbe.online/">Tin tức</a></li>
<li><a href="roadmap.html">Lộ trình</a></li>
<li><a href="about.html">Về chúng tôi</a></li>
<li class="hides"><a href="https://twitter.com/osontungo"><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;">Mạng xã hội Kiếm tiền từ nội dung do bạn sở hữu</h1>
<a class="join" id="mint-button-container" href="https://www.banbe.online/">Tham gia</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;">Banbe.Online là một nền tảng truyền thông xã hội được xây dựng dựa trên chuỗi khối blockchain DeSo cho phép nó được phân cấp và cho phép người sáng tạo nội dung chuyển đổi bằng cách đăng, NFTS kết hợp tiền của người sáng tạo.</p>
<br>
<!--End of header-->
<section class="whys">
<div class="container why_container">
<div class="why_left">
<h1>Tại sao lại Banbe.Online ?</h1>
<p>Hãy tưởng tượng một nền tảng truyền thông xã hội được xây dựng trên blockchain và cho phép người dùng đầu tư vào người sáng tạo, để người sáng tạo kiếm tiền cho công việc họ sản xuất và hỗ trợ tip tiền điện tử, NFT... Khi đó bạn sẽ tưởng tượng Banbe.Online sẽ thay đổi cách bạn sử dụng mạng xã hội, hãy tham gia cách mạng ngay hôm nay!</p>
<a class="btn" href="about.html" style="padding: 10px; border-radius:10px;">Đọc thêm</a>
</div>
<div class="why_right">
<article class="why">
<span class="why_icon"><i class="uil uil-bitcoin"></i></span>
<h5>Phi tập trung</h5>
<p>Banbe.Online được phân cấp có nghĩa là thông tin của bạn được an toàn và chỉ do bạn kiểm soát chứ không phải bởi một tập đoàn lớn.</p>
</article>
<article class="why">
<span class="why_icon"><i class="uil uil-tachometer-fast-alt"></i></i></span>
<h5>Kiếm tiền</h5>
<p>Vì Banbe.Online được xây dựng trên blockchain nên nó mở ra một thế giới hoàn toàn mới, trong đó người sáng tạo có thể kiếm tiền mà không cần sử dụng quảng cáo.</p>
</article>
<article class="why">
<span class="why_icon"><i class="uil uil-padlock"></i></span>
<h5>An toàn</h5>
<p>Thông tin của bạn được lưu trữ trên chuỗi, nghĩa là nó an toàn, được phân phối và nhân rộng, khiến nó an toàn và khó bị mất. </p>
</article>
</div>
</div>
</section>
<!--End of Why-->
<section id="bodyi">
<div class="container">
<h2>Lộ trình</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>Phiên bản đầu tiên của Banbe.Online</h1>
<p>Phiên bản đầu tiên của banbe.Online đã được phát hành trên chuỗi khối DeSo!</p>
</div><br>
<div class="nftmap">
<h1>Cộng đồng DeSo</h1>
<p>Cộng đồng DeSo sẽ cho phép tương tác nhiều hơn trên DeSo và cung cấp các tính năng đặc biệt trên chuỗi khối DeSo.</p>
</div><br>
<div class="nftmap">
<h1>Phần thưởng đặt cược NFT</h1>
<p>Banbe.Online muốn trở thành phương tiện truyền thông xã hội đầu tiên giới thiệu các chương trình NFT Stake.</p>
</div><br>
<div class="nftmap">
<h1>NFT Drops</h1>
<p>Sau khi phát triển cộng đồng của chúng tôi, tôi muốn bắt đầu bộ sưu tập NFT.</p>
</div><br>
<div class="nftmap">
<h1>Phương tiện trao đổi</h1>
<p> Banbe.Online đang xây dựng mạng xã hội mua bán trao đổi tiện lợi nhất cho mọi người.</p>
</div><br>
<div class="nftmap">
<h1>Trở thành Mạng xã hội mới</h1>
<p>Mục tiêu là xây dựng một phiên bản web3 phi tập trung được do cộng đồng quản lý không thuộc một tập đoàn công nghệ nào.</p>
</div>
</div>
</div>
</section>
<!-- End of roadmap-->
<section>
<div class="container gallery">
<h1>Mọi người đang nói gì!</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>Một nền tảng truyền thông xã hội kết hợp tài chính được xây dựng thử nghiệm trên chuỗi khối DeSo. Một cuộc cách mạng trong truyền thông xã hội mang lại cách kiếm tiền mới cho người sáng tạo.</p>
</div>
<div class="footer_2">
<h4>Links</h4>
<ul class="permalinks">
<li><a href="index.html">Trang chủ</a></li>
<li><a id="mintlinki" href="https://banbe.Online/">Blog</a></li>
<li><a href="about.html">Về chúng tôi</a></li>
</ul>
</div>
<div class="footer_4">
<h4>Liên hệ với chúng tôi</h4>
<div>
<p>osontungo@gmail.com</p>
</div>
<ul class="footer_socials">
<li>
<a href="#"><i class="uil uil-discord"></i></a>
</li>
<li>
<a href="https://twitter.com/osontungo"><i class="uil uil-twitter"></i></a>
</li>
</ul>
</div>
</div>
<div class="footer_copyright">
<small>Banbe.Online 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>