-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
309 lines (274 loc) · 12.6 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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="">
<meta name="description" content="A New Minecraft Network With Player's Dreamland!">
<meta name="author" content="MineeBoxx Network">
<link rel="icon" type="image/png" href="images/logo.jpg">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/pages/home.css">
<title>MineeBoxx | Home</title>
</head>
<body>
<!--Navbar-->
<div class="navbar">
<div class="menu-mobile">
<a href="index.html">
<div class="logo">
<img src="https://i.ibb.co/LrT6qJn/mineeboxx.webp" alt="Server logo" class="logo-img">
<h3 class="server-name">MineeBoxx</h3>
</div>
</a>
<div class="hamburger">
<i class="fa-solid fa-bars"></i>
</div>
</div>
<div class="links">
<a href="/" class="link active">Home</a>
<a href="rules.html" class="link">Rules</a>
<a href="admin-team.html" class="link">Admin-Team</a>
<a href="contact.html" class="link">Contact</a>
</div>
</div>
<!--Header-->
<section id="header">
<div class="content">
<div class="left">
<div class="server-name">
<p>Furious Minecraft Network</p>
<h1 class="minecraft-server-ip">play.mineeboxx.xyz</h1>
</div>
<p class="server-description">
A Minecraft Network that has aimed to be bright in this Hype Era. Inviting Every New Minecraft Player With Multiple Possibilities. <br><br>Join and Invite your friends to make your day!
</p>
<div class="buttons">
<button class="copy-ip">Copy IP</button>
<a href="#about"><button class="how-to-join">Show more</button></a>
</div>
<p class="ip-copied">IP was successfully copied!</p>
</div>
<div class="right">
<img src="https://cdn.minefort.com/img/get_started/home.webp" alt="Server logo" class="logo-img ">
<div class="stats">
<div class="stat">
<div class="icon">
<i class="fa-brands fa-discord"></i>
</div>
<div class="texts">
<h5 class="stat-title">Discord server</h5>
<p><span class="stat-number discord-online-users">None</span> users online</p>
</div>
</div>
<div class="stat">
<div class="icon">
<i class="fa-solid fa-server"></i>
</div>
<div class="texts">
<h5 class="stat-title">Minecraft server</h5>
<p><span class="stat-number minecraft-online-players">None</span> players online</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--About us-->
<section id="about">
<div class="content">
<div class="left">
<h2 class="section-title">Who we are?</h2>
<p class="about-us">MineeBoxx, A network where the fun never stops and the player count is always high. Experience the thrill of a great community and a staff team that's dedicated to providing you with the best gaming experience possible. So come join us, and see why MineeBoxx is the place to be for Minecraft players of all levels. </p>
</div>
<div class="right">
<img src="https://www.landania.net/wp-content/uploads/2022/06/Panda_footer.png" alt="Minecraft person">
<div class="img-background"></div>
</div>
</div>
</section>
<!--Mini games-->
<section id="minigames">
<div class="content miniGames-list">
<div class="game">
<img src="https://i.ibb.co/0YrYsLg/Unite-and-Conquer-Enhancing-Teamwork-Through-Collaborative-Minecraft-Projects.webp" alt="ElytraPVP image">
<div class="info">
<h2 class="section-title">Elytra PVP</h2>
<div class="game-description">
<p>Elytra PvP is a box-type PvP server with custom armor and fantastic weapons for players to enjoy the pleasure of PvP.</p>
<ul class="services">
<li class="service">More Weapons</li>
<li class="service">Premade Kits</li>
<li class="service">Rank Warps</li>
<li class="service">Maintained Pvp</li>
<li class="service">and more</li>
</ul>
</div>
</div>
</div>
<div class="game">
<img src="https://i.ibb.co/Vxd1yxG/Expanding-Horizons-Collaboration-Opportunities-on-Minefort-Servers.webp" alt="Opo Nomi image">
<div class="info">
<h2 class="section-title">Opo-Nomi Festival</h2>
<div class="game-description">
<p>Opo-Nomi is a new gamemode where you've got access to the whole server with more privileges than a moderator. You can do whatever you want in the vast world if you like. You're one of the leaders of the world.</p>
<ul class="services">
<li class="service">You're a Operator " * "</li>
<li class="service">Hacks Are Allowed!</li>
<li class="service">Every Perms Includes Kill, feed, fly, set etc</li>
<li class="service">and more</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Discord-->
<section id="discord">
<div class="content">
<h2 class="section-title">Having any <span>issue?</span> or want to get in touch with us? <br> Join our <span>Discord Server!</span></h2>
<a href="https://discord.gg/F2jPqDaZfU" class="discord-link"><button class="button-64" role="button"><span class="text">Discord</span></button>
</a>
</div>
<!-- HTML !-->
<style>
/* CSS */
.button-64 {
align-items: center;
background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
border: 0;
border-radius: 8px;
box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
box-sizing: border-box;
color: #FFFFFF;
display: flex;
font-family: Phantomsans, sans-serif;
font-size: 20px;
justify-content: center;
line-height: 1em;
max-width: 100%;
min-width: 140px;
padding: 3px;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
cursor: pointer;
}
.button-64:active,
.button-64:hover {
outline: 0;
}
.button-64 span {
background-color: rgb(5, 6, 45);
padding: 16px 24px;
border-radius: 6px;
width: 100%;
height: 100%;
transition: 300ms;
}
.button-64:hover span {
background: none;
}
@media (min-width: 768px) {
.button-64 {
font-size: 24px;
min-width: 196px;
}
}
</style>
</section>
<!--Vote (max 2 vote sites)-->
<section id="vote">
<div class="content">
<div class="info">
<h2 class="section-title">Voting Us?</h2>
<p class="section-description">MineeBoxx is a new Minecraft Network in the great minecraft world. Voting can boost our progression and make the network reach to your friends.</p>
</div>
<div class="links voteLinks">
<a href="#" class="url">
<div class="link">
<h5>Voting Page [Multiple Sit Link]</h5>
<div class="link-description">
<p class="description">You can vote us from the link above. You can claim your voting treasue after voting and make sure to make a ticket in the discord server so we can provide you the treasures.</p>
<div class="icon">
<i class="fa-solid fa-circle-arrow-right"></i>
</div>
</div>
</div>
</a>
<a href="#" class="url">
<div class="link">
<h5>Minecraft Blessings</h5>
<div class="link-description">
<p class="description">Minecraft's World is waiting for you. Join the experience of Realm with us!</p>
<div class="icon">
<i class="fa-solid fa-circle-arrow-right"></i>
</div>
</div>
</div>
</a>
</div>
</div>
</section>
<!--FAQs-->
<section id="faq">
<div class="content">
<div class="info">
<h2 class="section-title">MineeBoxx Network's <span>FAQS</span></h2>
<p class="section-description">We've added Faqs here! So players can get their answers easily. If you've anything to ask feel free to contact with us!</p>
</div>
<div class="accordion faqList">
<div class="accordion-item">
<div class="accordion-item-header">
What is MineeBoxx Network? </div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
MineeBoxx Network is a new minecraft server with multiple gamemodes and a active server base. Where you can find new friends and enjoy your day!
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item-header">
Why isnt the store working?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
We've closed our store for a certain time and we believe that 2tw isnt a good choice instead of 2tw you can grind with all of your mights!
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item-header">
Having Issue to join the Network?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
Please coinsider to join our discord server and complain about the issue one of our staffs will check your problem and submit to developers. We always make sure your trust!
</div>
</div>
</div>
</div>
</div>
</section>
<!--Footer-->
<footer id="footer">
<p class="copyright">© 2024 <span class="server-name-footer">MineeBoxx</span>. All rights reserved.</p>
<div class="social-links">
<!--- <a href="#" class="link tiktok-link"><i class="fa-brands fa-tiktok"></i></a>
<a href="#" class="link instagram-link"><i class="fa-brands fa-square-instagram"></i></a> ---->
<a href="https://discord.gg/F2jPqDaZfU" class="link discord-link-footer"><i class="fa-brands fa-discord"></i></a>
</div>
</footer>
</body>
<script src="js/script.js"></script>
<script src="https://kit.fontawesome.com/cbf5ee59c8.js" crossorigin="anonymous"></script>
<script src='https://cdn.jsdelivr.net/npm/@widgetbot/crate@3' async defer>
new Crate({
server: '1182724060367556638', // MineeBoxx | Season 6
channel: '1227864993467203604' // #【📰】newspaper
})
</script>
</html>