Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- F2U - JUKEBOX
- FIND AND REPLACE IMAGES (in case you want them replaced with your own images! if you want to find music disc images the minecraft wiki works great)
- DISC 1 https://cdn.discordapp.com/attachments/273482437135171585/868177786202906714/160.png
- DISC 2 https://cdn.discordapp.com/attachments/273482437135171585/868180130290343956/160.png
- DISC 3 https://cdn.discordapp.com/attachments/273482437135171585/868180166558498886/160.png
- DISC 4 https://cdn.discordapp.com/attachments/273482437135171585/868180333135265802/160.png
- DISC 5 https://cdn.discordapp.com/attachments/273482437135171585/868180368770105374/160.png
- DISC 6 https://cdn.discordapp.com/attachments/273482437135171585/868180411258380328/160.png
- DISC 7 https://cdn.discordapp.com/attachments/273482437135171585/868180443873312788/160.png
- DISC 8 https://cdn.discordapp.com/attachments/273482437135171585/868180540942057502/160.png
- -->
- <div class="container" style="max-width:500px">
- <!-- NAVS - DONT TOUCH UNLESS YOU KNOW WHAT YOURE DOING!!! -->
- <div class="container" style="">
- <ul class="nav nav-tabs d-flex flex-wrap justify-content-between border-0">
- <li class="nav-item"><a class="card border-0 nav-link active" data-toggle="tab" href="#one" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868177786202906714/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#two" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180130290343956/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#three" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180166558498886/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#four" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180333135265802/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#five" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180368770105374/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#six" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180411258380328/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#seven" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180443873312788/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- <li class="nav-item"><a class="card border-0 nav-link" data-toggle="tab" href="#eight" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180540942057502/160.png); background-size:cover; height:100px; width:100px; background-position:center; background-repeat:no-repeat"></a></li>
- </ul></div>
- <!-- main container -->
- <div class="container pt-5" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868173017249878016/api.png); background-size:cover; background-position:center; height:500px; font-family:ms gothic">
- <div class="tab-content pt-5">
- <div class="tab-pane fade active show p-3 pt-5" id="one">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868177786202906714/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 1 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="two">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180130290343956/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 2 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="three">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180166558498886/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 3 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="four">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180333135265802/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 4 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="five">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180368770105374/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 5 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="six">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180411258380328/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 6 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="seven">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180443873312788/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 7 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade p-3 pt-5" id="eight">
- <div class="card px-3 py-1 mt-5" style="background-color:#212121; border:3.5px solid #555555; font-size:20px; position:relative; top:80px">
- <div class="row p-1">
- <div class="col-sm-2" style="background:url(https://cdn.discordapp.com/attachments/273482437135171585/868180540942057502/160.png); background-size:cover; background-position:center"></div>
- <div class="col-sm-10 py-2">
- <!-- SONG 8 -->
- <p style="color:#f2f81b; line-height:10px">Now playing . . .</p>
- <p style="line-height:10px"><a href="link" style="color:white">Song - Artist</a></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- CREDITS - DONT TOUCH PLS!! -->
- <a href="/hanyu" style="font-family:ms gothic; font-size:12px" class="pull-right">code by hanyu</a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement