Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-------------------------------
- SIMPLE BY JAYDEN @ TH
- HUGE THANKS TO STARLIPOP @ TH FOR THEIR GOLDMINE CODES
- WITHOUT THEM THIS LAYOUT WOULDN'T BE POSSIBLE!
- PLEASE DO NOT SELL, REDISTRIBUTE OR COPY
- TO CHANGE THE COLOR, LOOK FOR #BFA7DB
- AND CHANGE IT USING A HEX COLOR!
- ---------------------------------
- SIDE IMAGE MUST BE SQUARE
- MAX IS 300 X 300
- IMAGE----------------------------->
- <div class="card bg-faded" style="width:300px; padding:5px; border:1px solid #ff6961;">
- <div class="card-block"><img src="https://orig00.deviantart.net/e055/f/2018/049/a/1/6527528_pfvqcmbwj6eaqmu_by_goatkiie-dc3luw7.png" class="fr-fic fr-dii" width="238" height="238"></div>
- </div>
- <!---------------
- LEFT INFO------------>
- <div class="ui-accordion card bg-faded" style="width:300px; height:280px; margin-top:20px; border:1px solid #ff6961;">
- <h2 class="card-inverse card-header" style="letter-spacing:3px;text-transform:uppercase;background-color:#ff6961;"><i class="fa fa-rocket"></i> status</h2>
- <div class="ui-accordion-content card-block">
- <table style="height:100%; border:none;" width="100%">
- <tbody>
- <tr>
- <td style="width: 87.1795%; text-align: center;"><strong>Obtained: </strong></td>
- </tr>
- <tr>
- <td style="width: 87.1795%; text-align: center;"><strong>Status:</strong> Active sona</td>
- </tr>
- <tr>
- <td style="width: 87.1795%; text-align: center;"><strong>Worth:</strong> </td>
- </tr>
- <tr>
- <td style="text-align: center;"><strong>Notes:</strong> </td>
- </tr>
- <tr>
- <td style="text-align: center;"><strong>Creator:</strong>
- <a href="https://enderflame93.deviantart.com/" id="">Cass</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <!---------------
- CREDITS DO NOT REMOVE------------>
- <div class="card bg-faded" style="width:300px;margin-top:20px;text-transform:uppercase;">
- <div class="card-block" style="text-align: center;"><span style="font-size: 9px; color: rgb(115, 115, 115);">Layout by @Jayden • </span></div>
- </div>
- <!---------------
- MAIN PANEL------------>
- <div class="ui-accordion card bg-faded" style="width:700px; height:673px; margin-left:318px; margin-top:-673px;border:1px solid #ff6961;">
- <h2 class="card-inverse card-header" style="letter-spacing:3px;text-transform:uppercase;background-color:#ff6961;"><i class="fa fa-id-card-o"></i> Neo</h2>
- <div class="ui-accordion-content card-block bg-faded" style="height: 210px;"><em>stoic • brave • hostile</em>
- <hr style="border:dashed #dddddd;border-width:1px 0 0;">
- <table class="double table-hover" style="margin-right: calc(0%); width: 100%; margin-left: calc(0%); border:none;">
- <tbody>
- <tr>
- <td class="title" style="width: 21.9243%; text-align: right;"><strong>Name</strong></td>
- <td style="text-align: left; width: 27.4451%;">Neo</td>
- <td class="title" style="width: 25.2363%; text-align: right;"><strong>Birthdate</strong></td>
- <td style="width: 25.394%; text-align: left;">???</td>
- </tr>
- <tr>
- <td class="title" style="width: 21.9243%; text-align: right;"><strong>Age</strong></td>
- <td style="text-align: left; width: 27.4451%;">19</td>
- <td class="title" style="width: 25.2363%; text-align: right;"><strong>Zodiac</strong></td>
- <td style="width: 25.394%; text-align: left;">???</td>
- </tr>
- <tr>
- <td class="title" style="width: 21.9243%; text-align: right;"><strong>Gender</strong></td>
- <td style="text-align: left; width: 27.4451%;">Male</td>
- <td class="title" style="width: 25.2363%; text-align: right;"><strong>Orientation</strong></td>
- <td style="width: 25.394%; text-align: left;">Bi</td>
- </tr>
- <tr>
- <td class="title" style="width: 21.9243%; text-align: right;"><strong>Species</strong></td>
- <td style="text-align: left; width: 27.4451%;">Wendigo</td>
- <td class="title" style="width: 25.2363%; text-align: right;"><strong>Song</strong>
- <br>
- </td>
- <td style="width: 25.394%; text-align: left;"><a href="https://www.youtube.com/watch?v=TV5m7KvWUj0" id="">Another way out</a>
- <br>
- </td>
- </tr>
- <tr>
- <td class="title" style="width: 21.9243%; text-align: right;"><strong>Relationship</strong></td>
- <td style="text-align: left; width: 27.4451%;">-</td>
- <td class="title" style="width: 25.2363%; text-align: right;">
- <br>
- </td>
- <td style="width: 25.394%; text-align: left;">
- <br>
- </td>
- </tr>
- <tr>
- <td class="title" style="width: 21.9243%; text-align: right;">
- <br>
- </td>
- <td style="text-align: left; width: 27.4451%;">
- <br>
- </td>
- <td class="title" style="width: 25.2363%; text-align: right;">
- <br>
- </td>
- <td style="width: 25.394%; text-align: left;">
- <br>
- </td>
- </tr>
- </tbody>
- </table>
- <hr style="border:dashed #dddddd;border-width:1px 0 0;">
- </div>
- <div class="ui-accordion-content card-block bg-faded" style="height: 150px; text-align: center;">
- <br>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement