-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (179 loc) · 6.97 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title> Cutie | The Discord Bot</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="styleicon.css">
<!-- Fontawesome CDN Link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="discription" contect="Cutie is a free chatbot for your discord server and It has a lot of entertainment and moderation commands for your discord server" />
</head>
<body>
<!-- Move to up button -->
<div class="scroll-button">
<a href="#home"><i class="fas fa-arrow-up"></i></a>
</div>
<!-- navgaition menu -->
<nav>
<div class="navbar">
<div class="logo"><a href="#">Cutie Development</a></div>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#stats">Stats</a></li>
<li><a href="#commands">Commands</a></li>
<li><a href="#support">Support</a></li>
<div class="cancel-btn">
<i class="fas fa-times"></i>
</div>
</ul>
<div class="media-icons">
<a href="https://discord.gg/sAMznQK2NG"><i class="fab fa-discord"></i></a>
<a href="https://www.youtube.com/channel/UC5hAeSzMJqB0pt_7ffPJe2g"><i class="fab fa-youtube"></i></a>
<a href="https://www.instagram.com/yourboylohith/"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</nav>
<!-- Home Section Start -->
<section class="home" id="home">
<div class="home-content">
<div class="text">
<div class="text-one">Hello,</div>
<div class="text-two">I'm Cutie</div>
<div class="text-three">Discord Bot</div>
<div class="text-four">From India</div>
</div>
<div class="button">
<a href= 'https://discord.com/oauth2/authorize?client_id=641844911813165056&permissions=8&scope=bot%20applications.commands'><button>Invite Me</button></a>
</div>
</div>
</section>
<!-- About Section Start -->
<section class="about" id="about">
<div class="content">
<div class="title"><span>About Us</span></div>
<div class="about-details">
<div class="left">
<img src="https://cutiebot.me/Images/about.jpeg" alt="">
</div>
<div class="right">
<div class="topic">Cutie Development Team</div>
<p>
We are the developers of " Cutie - A Fun ChatBot " developed especially for the Discord Platform. Cutie is Started as a Fun and Hobby Development by <strong>" Lohith (Lonelyᴰᵉᵛ#6166) "</strong> - an official freemium Verified Bot by <strong>Discord</strong>, and now Cutie is one among the Verified Bots in the Discord community's. It is only possible with the help of my Partner <strong>" ShivaShankar (! SaD MaN 💔#5838) "</strong> who has helped a lot in the development of the project. We hope to develop this project into a Successful One by Implementing our New Creative Ideas into this Cutie Discord Bot.
</p>
</div>
</div>
</div>
</section>
<!-- My Skill Section Start -->
<!-- Section Tag and Other Div will same where we need to put same CSS -->
<section class="stats" id="stats">
<div class="content">
<div class="title"><span>STATS</span></div>
<div class="stats-details">
<div class="text">
<div class="topic">Do you Know???</div>
<p>
Cutie is devloped using <strong>" ERIS "</strong> - Library which is one of the Fastest and Consistent Library in Discord. That's why we Say," Cutie is a top class performance bot " And the Cutie is hosted in the Digital Ocean which is famous for its Performance and Server Timings. Hence, Cutie is more - Reliable, Fast, Secure, and most importantly User-Friendly.
</p>
<div class="experience">
</div>
</div>
<div class="boxes">
<div class="box">
<div class="topic">UPTIME</div>
<div class="per">99%</div>
</div>
<div class="box">
<div class="topic">PERFORMANCE</div>
<div class="per">99%</div>
</div>
<div class="box">
<div class="topic">FRIENDLY</div>
<div class="per">99%</div>
</div>
<div class="box">
<div class="topic">SUPPORT</div>
<div class="per">98%</div>
</div>
</div>
</div>
</div>
</section>
<!-- My Services Section Start -->
<section class="commands" id="commands">
<div class="content">
<div class="title"><span>Cutie Commands</span></div>
<div class="boxes">
<div class="box">
<div class = "icon">
<i class="icon-funcmd-icon"></i>
</div>
<div class="topic">Fun</div>
<p>Being serious always doesn't gonna help you build a Engaging Community.</p>
</div>
<div class="box">
<div class = "icon">
<i class="icon-chatbotcmd-icon"></i>
</div>
<div class="topic">Chat</div>
<p>Unlike Other Bot Cutie has Some Unique Capablities and Chat Functions.</p>
</div>
<div class="box">
<div class = "icon">
<i class="icon-modcmd-icon"></i>
</div>
<div class="topic">Moderation</div>
<p>Moderating the Server is a hectic process but now, it just a piece of pie.</p>
</div>
<div class="box">
<div class = "icon">
<i class="icon-utilcmd-icon"></i>
</div>
<div class="topic">Utilities</div>
<p>A functional Capablities of each bot varies and this can't be ignored.</p>
</div>
<div class="box">
<div class = "icon">
<i class="icon-imageCmd-icon"></i>
</div>
<div class="topic">Image and Roleplay</div>
<p>Being more Socialized rather being a Psycopath by enjoying the cast and fun.</p>
</div>
<div class="box">
<div class = "icon">
<i class="icon-textcmd-icon"></i>
</div>
<div class="topic">Text</div>
<p>Literal texts are more helpful than any other Media in many Cases. </p>
</div>
</div>
</div>
</section>
<!-- Contact Me section Start -->
<section class="support" id="support">
<div class="content">
<div class="title"><span>Contact Me</span></div>
<div class="text">
<div class="topic">Have Ideas?</div>
<p>Being innovative doesn't require advanced Technical knowledge, just the right way of thinking and Capablities to struct it. Ping us to make the ideas/concept that you came with into a Working Project. </p>
<div class="button">
<a href="https://cutiedbsupport.shankar.fun/"><button>Join Now</button></a>
</div>
</div>
</div>
</section>
<!-- Footer Section Start -->
<footer>
<div class="text">
<span> Created By <a href="https://www.instagram.com/yourboylohith/">Lohith</a> | © 2021 All Rights Reserved </span>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>