-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (213 loc) · 11.5 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
<!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, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/botlogo.svg" type="image/x-icon">
<meta name="description" content="Welcome to X-Ample, your versatile Discord bot!">
<title>X-Ample | Home</title>
<link rel="stylesheet" href="assets/font-awesome-brands/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/font-awesome-brands/css/brands.min.css">
<link rel="stylesheet" href="assets/material-design/css/material-icons.min.css">
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/animatecss/animate.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css">
<style>
/* Optional custom styles */
.modal-content {
padding: 10px;
}
</style>
</head>
<body>
<section data-bs-version="5.1" class="menu menu2 cid-u4J3Td6F4Z" once="menu" id="menu2-0">
<nav class="navbar navbar-dropdown navbar-expand-lg">
<div class="container">
<div class="navbar-brand">
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="#features05-2">Features</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="/pages/team">Team</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="/pages/license">Software</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="/pages/bots">Our Bots</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="/pages/status">Live Status</a></li>
<a class="nav-link link text-white text-primary display-4" href="#" onclick="openModal()">Staff Area</a>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="https://whop.com/x-ample-development/">Subscribe</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="https://github.com/X-AmpleDevelopment">Github</a></li>
<iframe src="https://x-ample-development.betteruptime.com/badge?theme=dark" width="250" height="30" frameborder="0" scrolling="no"></iframe>
</ul>
</div>
</div>
</div>
</nav>
</section>
<!-- Tailwind Modal HTML -->
<div id="passwordModal" class="fixed inset-0 bg-gray-800 bg-opacity-50 flex items-center justify-center hidden">
<div class="bg-white rounded-lg p-8 w-full max-w-md">
<form id="passwordForm" onsubmit="verifyPassword(event)">
<div class="mb-4">
<label for="password" class="block text-gray-700 text-sm font-bold mb-2">Enter Password:</label>
<input type="password" id="password" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" required>
</div>
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Submit</button>
</form>
</div>
</div>
<!-- Custom JavaScript for Tailwind modal functionality -->
<script defer>
function openModal() {
console.log("openModal called");
document.getElementById('passwordModal').classList.remove('hidden');
}
function verifyPassword(event) {
event.preventDefault();
var password = document.getElementById('password').value;
console.log("Password entered: ", password);
if (password === 'TESTTEST!') {
console.log("Password correct");
window.location.href = '/pages/license-generator';
} else {
alert('Incorrect password. Please try again.');
}
}
window.onclick = function(event) {
const modal = document.getElementById('passwordModal');
if (event.target === modal) {
closeModal();
}
};
</script>
<section data-bs-version="5.1" class="header1 cid-u4J6sIZbhw mbr-fullscreen" id="header01-1">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-6 image-wrapper">
<img class="w-100" src="assets/images/xample.png" alt="Image1">
</div>
<div class="col-12 col-lg col-md-12">
<div class="text-wrapper align-center">
<h1 class="mbr-section-title mbr-fonts-style mb-4 display-2"><strong>The time is now to have X-Ample in your server.</strong></h1>
<p class="mbr-text mbr-fonts-style mb-4 display-7">X-Ample Development builds and maintains multi-purpose bots ready to boost up your Discord server.<br></p>
<div class="mbr-section-btn mt-3">
<a class="btn btn-primary display-7" href="http://dashboard.x-ampledevelopment.com:3000">Get started</a>
<a class="btn btn-info display-7" href="pages/bots">Add to server</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="features5 cid-u4J8g3ytux" id="features05-2">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-md-12">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Our Bots</strong></h3>
</div>
</div>
<div class="row">
<div class="item features-without-image col-12 col-md-6 col-lg-6 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-setting3"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>Easy to Use</strong></h5>
<p class="card-text mbr-fonts-style display-4">Simple setup and intuitive interface.<br></p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-6 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-trash"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>99% Uptime</strong></h5>
<p class="card-text mbr-fonts-style display-4">Reliable performance with minimal downtime<br></p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-6 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont material material-alarm"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>Open Source</strong></h5>
<p class="card-text mbr-fonts-style display-4">Contribute and Customize as per your needs via our Dashboard<br></p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-6 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-speed"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>Customizable</strong></h5>
<p class="card-text mbr-fonts-style display-4">Fully customisable via our Dashboard<br></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="features15 cid-u4J9j8qD7x" id="features015-4">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card-wrapper">
<div class="card-box align-center">
<h3 class="card-title mbr-fonts-style display-7">Need support? Reach out to us!</h3>
<div class="mbr-section-btn mt-3">
<a class="btn btn-primary display-7" href="https://discord.gg/xampledevelopment">Support Server</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="190196" async="async" type="text/javascript"></script>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/dropdown/js/nav-dropdown.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
<script src="assets/ytplayer/jquery.mb.ytplayer.min.js"></script>
<script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>
<script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script>
<script src="assets/mbr-popup-btns/mbr-popup-btns.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>