Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div style="margin:auto;">
- <div class="card p-1 px-2" style="background-image: url(https://cdn.discordapp.com/attachments/705244109874659370/818984674953003008/bg.png);">
- <div class="row no-gutters">
- <div class="container-fluid my-2" style="color:#ffffff;max-width:750px;">
- <div class="container">
- <div class="card card-block bg-faded" style="background-color:#210553;">
- <img src="https://cdn.discordapp.com/attachments/705244109874659370/818984674953003008/bg.png" style="height:80px;">
- <p> </p>
- <div class="progress" style="height:5px;"><div class="progress-bar " style="width:0%;background-color:#B993FF;"><br></div><div class="progress-bar"style="width: 100%;background-color: #8043ED;"><br></div></div>
- <div class="card rounded p-1 my-3" style="background-color:#DFA0FF;">
- <p style="text-align: center;"><span style="font-size: 35px;"><strong>Folder Name Here</strong></span></p>
- </div>
- <div class="row">
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#C258f7;">
- <p style="text-align: center;"><span style="font-size: 15px;"><strong>Tag 1</strong></span></p>
- </div>
- </div>
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#C258f7;">
- <p style="text-align: center;"><span style="font-size: 15px;"><strong>Tag 2</strong></span></p>
- </div>
- </div>
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#C258f7;">
- <p style="text-align: center;"><span style="font-size: 15px;"><strong>Tag 3</strong></span></p>
- </div>
- </div>
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#C258f7;">
- <p style="text-align: center;"><span style="font-size: 15px;"><strong>Tag 4</strong></span></p>
- </div>
- </div>
- <p> </p>
- </div>
- <div class="card rounded p-1 my-3" style="background-color:#C765f7;"><div style="text-align: center;">Description of the folder</p>
- <p>just type a whole lotta bla bla information bla bla lore yadda yadda in here</p>
- </div>
- </div>
- <!-- You can remove this if it's not important, just hopefully you know what you're doing -->
- <a data-toggle="collapse" href="#collapse2" class="col-12 btn btn-lg text-center p-3"><i class="far fa-arrow-circle-down"></i> EXTRAS <i class="far fa-arrow-circle-down"></i></a>
- <div id="collapse2" class="w-100 panel-collpase collapse">
- <div class="progress" style="height:5px;"><div class="progress-bar " style="width:0%;background-color:#B993FF;"><br></div><div class="progress-bar"style="width: 100%;background-color: #8043ED;"><br></div></div>
- <p> </p>
- <div class="card rounded p-1 my-1" style="background-color:#DFA0FF; max-width:250px;">
- <p style="text-align: center;"><span style="font-size: 20px;"><strong>LORE / EXTRA INFO</strong></span></p></div>
- <div class="card rounded p-1 my-1" style="background-color:#C765f7;"><div style="text-align: center;">Basic lore of the universe (if it has lore or is even a universe)</p>
- <p>if you type a lot I reccomend a larger background (js)</p>
- <a>idk maybe you'll need a third line</a>
- </div> </div>
- <p> </p>
- <div class="card rounded p-1 my-2" style="background-color:#DFA0FF; max-width:250px;">
- <p style="text-align: center;"><span style="font-size: 20px;"><strong>CHARACTER DIRECTORY</strong></span></p></div>
- <div class="row">
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#Cb67fc;">
- <a href="FOLDER LINK">
- <p style="text-align: center;"><span style="font-size: 15px;">Primary Character(s)</span></p>
- </div>
- </div>
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#B249e7;">
- <a href="FOLDER LINK">
- <p style="text-align: center;"><span style="font-size: 15px;">Secondary Character(s)</span></p>
- </div>
- </div>
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#9141e3;">
- <a href="FOLDER LINK">
- <p style="text-align: center;"><span style="font-size: 15px;">Tertiary Character(s)</span></p>
- </div>
- </div>
- <div class="col-3">
- <div class="card p-1 card-block" style="background-color:#7534ce;">
- <a href="FOLDER LINK">
- <p style="text-align: center;"><span style="font-size: 15px;">Background Character(s)</span></p>
- </div>
- <p> </p>
- </div>
- </div>
- </div>
- <!-- This is where you stop removing, going any further causes death to you and your you -->
- <div class="progress" style="height:5px;"><div class="progress-bar " style="width:0%;background-color:#B993FF;"><br></div><div class="progress-bar"style="width: 100%;background-color: #8043ED;"><br>
- </div>
- </div>
- <p style="text-align: right;"><span style="font-size: 9px;">Code by <a href="https://toyhou.se/MCDogWarrior" id="">MCDogWarrior</a></span></p>
- </div>
- </div>
- </div>
- </div>
- </div>
Add Comment
Please, Sign In to add comment