-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (129 loc) · 4.75 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
<!DOCTYPE HTML>
<html>
<head>
<title>Spotify Discord</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="landing">
<!-- Header -->
<header id="header" class="alt">
<h1><strong><a href="index.html">Spotify Discord</a></strong></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</nav>
</header>
<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>
<!-- Banner -->
<section id="banner">
<h2>Discord Spotify</h2>
<p>A one of a kind Discord Bot that allows users to<br />create their own playlists</p>
<ul class="actions">
<li><a href="https://discordapp.com/oauth2/authorize?client_id=224495611741863936&scope=bot&permissions=37088320" target="_blank" class="button special big">Invite Now</a></li>
</ul>
</section>
<!-- One -->
<section id="one" class="wrapper style1">
<div class="container 75%">
<div class="row 200%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>Why should you invite this bot?</h2>
</header>
</div>
<div class="6u$ 12u$(medium)">
<p>This allows users to create their own playlists from youtube videos! Currently atm we are adding new cmds and functions all the time. From the searching yt videos to moderating your guild. Thie bot is a one of a kind bot that everyone will enjoy :)</p>
<a href="https://discord.gg/TCkRRTb"><img src="https://discordapp.com/api/guilds/271071483349041154/widget.png?style=banner2" alt="Discord server"></a>
<!--"Discord", "Discord App", and any associated logos are registered trademarks of Hammer & Chisel, inc. -->
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2 special">
<div class="container">
<header class="major">
<h2>Functions</h2>
<p>Some stuff the bot can do</p>
</header>
<div class="row 150%">
<div class="6u 12u$(xsmall)">
<div class="image fit captioned">
<img src="images/pic02.jpg" alt="" />
<h3>Creating your desired playlist</h3>
</div>
</div>
<div class="6u$ 12u$(xsmall)">
<div class="image fit captioned">
<img src="images/pic03.jpg" alt="" />
<h3>Playing your playlist in your voice channel</h3>
</div>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1">
<div class="container">
<header class="major special">
<h2>Developers</h2>
<p>People who brought this amazing bot to life</p>
</header>
<div class="feature-grid">
<div class="feature">
<div class="image rounded"><img src="images/pic04.jpg" alt="" /></div>
<div class="content">
<header>
<h4>Wonder</h4>
<p><a href="http://www.github.com/YaBoyWonder" target="_blank">Rahul Chalumuri</a></p>
</header>
<p>I code mostly js, but also other languages. And I am currently working on a app!</p>
</div>
</div>
<div class="feature">
<div class="image rounded"><img src="images/pic05.jpg" alt="" /></div>
<div class="content">
<header>
<h4>Toast</h4>
<p><a href="https://github.com/gavwin" target="_blank">Gavin Wainwright</a></p>
</header>
<p>Hey, I'm still learning to code. But.. so far I've learned HTML, CSS, PHP and JS, as well as creating stuff in Node.js</p>
</div>
</div>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper style3 special">
<div class="container">
<header class="major">
<h2>Invite the bot!</h2>
<p>And create your first playlist</p>
</header>
<ul class="actions">
<li><a href="https://discordapp.com/oauth2/authorize?client_id=224495611741863936&scope=bot&permissions=37088320" target="_blank" class="button special big">Invite</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https://github.com/Spotify-Discord/spotify-discord-bot" target="_blank" class="icon fa-github"></a></li>
</ul>
<ul class="copyright">
<li>© Spotify</li>
<li>Design: <a href="http://bit.ly/2nlstV4" target="_blank">Wonder</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>