-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (146 loc) · 8.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Sarigama Music bot is a simple discord bot which enables seamless music in your discord server!">
<meta name="keywords" content="Sarigama,Sarigama bot, සරිගම, Discord bot, music bot, discord, LakinduK,">
<meta name="author" content="Lakindu Kariyawasam">
<link rel="stylesheet" href="web/css/bootstrap.min.css">
<link rel="stylesheet" href="web/css/main.css">
<link rel="stylesheet" href="web/css/now-ui-kit.css">
<link rel="stylesheet" href="web/css/anim.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,600,700,800,900&display=swap" rel="stylesheet">
<title>Sarigama-Music Bot</title>
<link rel="icon" type="image/x-icon" href="web/assets/favicon.ico">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg bg-transparent">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img src="web/assets/menuIcon.svg" width="20px" height="20px" title="menu-icon" style="max-width: none !important;">
</button>
<img src="web/assets/sarigama-word-white.svg" title="sarigama-logo-white" width="120" height="70">
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="margin-left: 20px !important">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#heading">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#dashboard">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pageEnd">Install</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/web/pages/commands.html">Commands</a>
</li>
</ul>
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Documentation
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="/web/pages/commands.html">Commands</a>
<a class="dropdown-item" href="#">Tutorials</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Server settings</a>
</div>
</div>
<div class="nav-item">
<a
class="nav-link"
href="https://github.com/LakinduK/sarigama"
>
<i class="fa fa-github" ></i> Contribute
</a>
</div>
<button class="btn login-btn btn-outline-accent my-2 my-sm-0" style="font-size: 10px !important;font-family: poppins !important;">LOGIN</button>
</div>
</nav>
<div class=".d-none .d-md-block .d-lg-none">
<img src="web/assets/sarigama-white.svg" title="sarigama-logo" width="420" style="float: right; margin-top: 100px; " >
</div>
<div class="heading" id="heading">
<h1 class="display-5 title">It's time to use සරිගම Bot in your server! 🎧 </h1>
<p class="subtitle">Sarigama is a discord music bot which enables seamless music in your discord server!<br />Also features auto-moderation, administration, music and much more!</p>
<a class="btn btn-primary btn-lg" href="#start_link" target="_blank" role="button">Get started</a>
<a class="btn btn-secondary btn-lg" href="https://discord.com/api/oauth2/authorize?client_id=923867645600747582&permissions=8&scope=bot" target="_blank" role="button">Add to server</a>
<br /><br /><br /><br /><br /><br />
</div>
<div class="features" id="features">
<div class="title">Features of Bot</div>
<div class="subtitle">We provide you the best features in Bot!</div>
<div class="cards">
<div class="card zoom" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Play music from youtube</h5>
<p class="card-text">You can play any song fom youtube. Just type the title of the song you want to play. The bot will connect to your active voice channel and start playing the songs for you.</p>
</div>
</div>
<div class="card zoom" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Play/ Pause ⏯️ Feature</h5>
<p class="card-text">Use the play/pause feature to pause the bot from playing songs anytime you want refer the documentation for more info. You can also play music by using URL of the song.</p>
</div>
</div>
<div class="card zoom" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Simple & easy to use</h5>
<p class="card-text">Sarigama bot has short commands. Easy to remember. You don't have to worry about memorizing many commands in your head. Just enjoy the music with your discord buddies.</p>
</div>
</div>
</div>
</div>
<div class="statistics" id="dashboard">
<div class="cards">
<div class="card statistic" style="width: 18rem;">
<div class="card-body">
<p class="card-title" style="font-size: 50px !important;line-height: 15px !important;letter-spacing: -0.06em !important;font-weight: bold !important;">000</h1>
<p style="font-weight: bold !important;font-size: 20px !important;">servers</p>
</div>
</div>
<div class="card statistic" style="width: 18rem;">
<div class="card-body">
<p class="card-title" style="font-size: 50px !important;line-height: 15px !important;letter-spacing: -0.06em !important;font-weight: bold !important;">000</h1>
<p style="font-weight: bold !important;font-size: 20px !important;">users</p>
</div>
</div>
<div class="card statistic" style="width: 18rem;">
<div class="card-body">
<p class="card-title" style="font-size: 50px !important;line-height: 15px !important;letter-spacing: -0.06em !important;font-weight: bold !important;">000</h1>
<p style="font-weight: bold !important;font-size: 20px !important;">channels</p>
</div>
</div>
</div>
</div>
<div class="page_end" id="pageEnd">
<div class="start">
<div class="card">
<div class="card-body gs-card">
<div class="title">Ready to try Bot?</div>
<div class="subtitle">Invite Bot and start giving your server cool perks!</div>
<br />
<a class="btn btn-primary btn-lg" href="https://discord.com/api/oauth2/authorize?client_id=923867645600747582&permissions=8&scope=bot" target="_blank" role="button">Get started</a>
</div><br />
</div>
</div>
<div class="footer">
<div class="bot-footer">
<img src="web/assets/sarigama-white.svg" title="sarigama-logo" width="150"><br />
Copyright © Sarigama Music Bot - 2022
</div><br/>
<div class="nouridio">Made with 🖤 by <a href="https://lakinduk.me" target="_blank"> LakinduK</a></div>
</di
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="web/js/now-ui-kit.min.js"></script>
</body>
</html>