-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (144 loc) · 11.1 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Foxie</title>
<meta name="description" content="A WonderFul Javascript Discord Bot!">
<meta name="theme-color" content="#00ffff">
<link rel="icon" type="image/webp" sizes="300x250" href="assets/img/foxie.webp">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alfa+Slab+One">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body style="background-color: var(--background);">
<div id="top" style="height: 12px;">
<nav class="navbar navbar-light navbar-expand fixed-top" style="color: var(--main-color);border-top-width: 6px;border-top-style: solid;background: var(--background);">
<div class="container-fluid"><a class="navbar-brand" href="#" style="color: var(--main-color);font-family: 'Alfa Slab One', cursive;">Foxie</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item"><a class="nav-link active smoothScroll" href="#feature" style="color: var(--text-color);">Features</a></li>
<li class="nav-item"><a class="nav-link smoothScroll" href="#commands" style="color: var(--text-color);">Commands</a></li>
<li class="nav-item"><a class="nav-link" href="#" style="color: var(--text-color);">Invite</a></li>
</ul>
</div>
</div>
</nav>
</div>
<header class="d-xl-flex flex-column justify-content-xl-center align-items-xl-center" style="height: 418px;text-align: center;margin: 55px;"><img class="rounded" src="https://cdn.discordapp.com/avatars/861257080546263081/aa613b289f556b73628830e83018565c.webp?size=4096" width="150" height="150" style="margin-top: 30px;">
<h1 class="d-xl-flex justify-content-xl-start" style="color: var(--text-color);">Foxie</h1>
<p style="color: var(--secondary-text-color);">A Multi-functional purely javascript Bot!</p>
<div class="tada animated"><div role="group" class="btn-group"> <a href="https://discord.com/oauth2/authorize?client_id=861257080546263081&scope=bot&permissions=8589934591" class="btn btn-primary shadow-none" type="button" style="margin: 5px;background-color: var(--main-color);border-color: var(--main-color);border-radius:10px;">Invite Foxie</a>
<a class="btn btn-primary smoothScroll shadow-none" role="button" style="margin: 5px;background-color: var(--main-color);border-color: var(--main-color);border-radius: 10px;"
href="#feature">Features</a></div></div>
</header>
<div id="feature" style="height: 90px;background: var(--secondary);"><div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--background)" fill-opacity="1" d="M0,96L40,112C80,128,160,160,240,144C320,128,400,64,480,48C560,32,640,64,720,69.3C800,75,880,53,960,58.7C1040,64,1120,96,1200,96C1280,96,1360,64,1400,48L1440,32L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path></svg></div></div>
<div class="features-boxed" style="background: var(--secondary);">
<div class="container" style="color: var(--main-color);">
<div class="intro">
<h2 class="text-center" style="color: var(--text-color);">Bot Features</h2>
</div>
<div class="row justify-content-center features">
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div id="features" class="box" style="/*border-radius: 34px;*/"><i class="fa fa-bolt icon" style="color: var(--main-color);"></i>
<h3 class="name">Ping</h3>
<p class="description" style="color: var(--secondary-text-color);">The Bot's Current latency - 90ms!<br></p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div id="features" class="box"><i class="fa fa-lock icon" style="color: var(--main-color);"></i>
<h3 class="name">Secure</h3>
<p class="description" style="color: var(--secondary-text-color);">Foxie is Hosted On Digital Ocean VPS which is very Secure.<br></p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div id="features" class="box"><i class="fa fa-smile-o icon" style="color: var(--main-color);"></i>
<h3 class="name">Easy Setup</h3>
<p class="description" style="color: var(--secondary-text-color);">It Has Very compatiable, user friendly and easy Setup Commands!<br></p>
</div>
</div>
</div>
</div>
<div></div>
</div>
<div style="background-color: var(--background);"><div style="height: 150px; overflow: hidden;" ><svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 100%; width: 100%;"><path d="M-41.53,-9.56 C167.83,173.98 302.14,-60.89 534.09,89.10 L500.00,0.00 L0.00,0.00 Z" style="stroke: none; fill: var(--secondary);"></path></svg></div></div>
<div id="commands">
<section>
<div class="container-fluid text-white">
<div class="row row-cols-3 justify-content-center" style="color: var(--secondary-text-color);">
<div class="col-auto col-md-6 col-lg-4 text-center pb-5 pt-5 number-item love_counter">
<h1 class="love_count" style="font-size: 70px;"><strong>14211</strong></h1>
<h4 style="color: var(--main-color);margin-top: -6px;">Total Servers</h4>
</div>
<div class="col-auto col-lg-4 text-center align-self-center pb-5 pt-5 love_counter">
<h1 class="love_count" style="font-size: 70px;"><strong>322399</strong></h1>
<h4 style="color: var(--main-color);margin-top: -6px;">Total Users(non-cached)</h4>
</div>
</div>
</div>
<div class="container-fluid text-white">
<div class="row row-cols-3 justify-content-center" style="color: var(--secondary-text-color);">
<div class="col-auto col-md-6 col-lg-4 text-center pb-5 pt-5 number-item love_counter">
<h1 class="love_count" style="font-size: 70px;"><strong>14</strong></h1>
<h4 style="color: var(--main-color);margin-top: -6px;">Total Shards</h4>
</div>
</section><div class="container">
<h2>Commands List</h2>
<div class="accordion">
<! --- If you want more just copy the following code from here ok -- >
<div class="accordion-item">
<button id="accordion-button-1" aria-expanded="false"><span class="accordion-title">Fun Commands</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>tictactoe - play a tictactoe game xD<br>rps - play rock-paper-scissors game</p>
</div>
</div>
<! --- to here :D -- >
<! --- If you want more just copy the following code from here -- >
<div class="accordion-item">
<button id="accordion-button-2" aria-expanded="false"><span class="accordion-title">Standard/Utility Commands</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>!help - get command list and some help<br>!invite - get invite link of the bot</p>
</div>
</div>
<! --- to here :D -- >
<div class="accordion-item">
<button id="accordion-button-3" aria-expanded="false"><span class="accordion-title">Moderation Commands</span><span class="icon" aria-hidden="true"></span></button>
<div class="accordion-content">
<p>!hug - hugs a user <br> !kick - kicks a user
</p>
</div>
</div>
</div>
</div></div>
<div class="team-clean" style="background: rgba(0,0,0,0);">
<div class="container" style="filter: blur(0px);padding-bottom: 0px;">
<h3 class="text-center name" style="color: var(--secondary-text-color)">Top Servers Using Our Bot!</h3>
<div class="intro"></div>
<div class="row row-cols-4 d-flex d-xl-flex justify-content-center justify-content-xl-center people" style="padding-bottom: 0px;">
<div class="col-auto col-md-6 col-lg-4 yeet"><a href="https://discord.gg/BY4wW7G9U9" target="_blank"><img class="rounded-circle partner" src="https://cdn.discordapp.com/icons/732883841395720213/29a59e74dfafe6c7040e1b5c98909086.png"></a></div>
<div class="col-auto col-md-6 col-lg-4 yeet"><a href="https://discord.gg/BY4wW7G9U9" target="_blank"><img class="rounded-circle partner" src="https://cdn.discordapp.com/icons/732883841395720213/29a59e74dfafe6c7040e1b5c98909086.png"></a></div>
<div class="col-auto col-md-6 col-lg-4 yeet"><a href="https://discord.gg/BY4wW7G9U9" target="_blank"><img class="rounded-circle partner" src="https://cdn.discordapp.com/icons/732883841395720213/29a59e74dfafe6c7040e1b5c98909086.png"></a></div>
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--secondary)" fill-opacity="1" d="M0,160L48,154.7C96,149,192,139,288,154.7C384,171,480,213,576,218.7C672,224,768,192,864,181.3C960,171,1056,181,1152,192C1248,203,1344,213,1392,218.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
<div class="footer-dark" style="background: var(--secondary);padding-top: 0px;padding-bottom: 0px;">
<div class="container">
<div class="row">
<div class="col item social"><a class="smoothScroll" href="#top"><i class="icon ion-android-arrow-up"></i></a></div>
</div>
<p class="copyright" style="color: var(--text-color);"Foxie Development © 2021</p>
<p class="copyright" style="color: var(--text-color);padding: 0px;">
<!--Consider leaving this to give credit to me for making this, I worked hard on it and it makes me feel good :D-->Copyright © 2021 <a href="https://discordapp.com/users/786207858244059164" style="color: var(--main-color);">Itz_Ratler</a></p>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/Counting.js"></script>
<script src="assets/js/untitled.js"></script>
</body>
</html>