Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div style="position:absolute;top:0;bottom:0;left:0;
- background: url(https://i.pinimg.com/originals/c9/e0/dd/c9e0dd69b03b200428645322585ad19e.jpg) fixed center;
- width:100%;z-index:-1;">
- <!--
- CREDIT: vom | vomcodesstuff | vomwastaken
- INFO:
- • Header background should be 1000x500px at least - and it's best for the background to be pretty busy.
- A repeating background is your best bet.
- • Character avatar should be square!
- • Character images should be square.
- • Adding and removing info will junk up the layout, but you can always replace.
- • Only add a couple of lines for the sidebar 'About'.
- -->
- <div class="container-fluid px-0 py-lg-5 py-0" style="max-width:625px;"><div class="row no-gutters">
- <!-- -------------------------
- BACKGROUND &
- NAME
- -------------------------- -->
- <div class="col-12 p-1"><div class="display-4 text-white text-center text-uppercase p-3" style="letter-spacing:1px;
- background: url(https://data.whicdn.com/images/304123601/original.gif) center fixed">
- <div class="col-lg-7 push-lg-5">
- HellboundFrost
- </div><div class="d-lg-none d-block" style="height:50px"></div></div></div>
- <div class="col-lg-5 p-1"><div class="bg-faded p-3 h-100 text-center">
- <!-- -------------------------
- AVATAR
- -------------------------- -->
- <img class="fr-rounded p-2 bg-faded" src="https://images.hairsimply.com/file/hairsimply-com/d6b145aeefdd176958d56f56e3bff9d1_freetoedit-zerotwo-pink-pinkhair-anime-animegirl-girl-pink-hair-anime-girl-icon_1024-1073.png" style="max-height:200px;margin-top:-75px;">
- <!-- -------------------------
- DESCRIPS
- -------------------------- -->
- <div class="my-3" style="letter-spacing:1px;">
- 17 / Female / She Her
- <!-- -------------------------
- ABOUT
- -------------------------- -->
- </div><div class="text-muted" style="font-size:.8rem">
- Write a couple of sentences about yourself. Maecenas non mauris vel elit fermentum porttitor. Sed id ullamcorper lectus.
- </div></div></div><div class="col-lg-7 row no-gutters">
- <!-- -------------------------
- NOTICE
- -------------------------- -->
- <div class="col-12 p-1"><div class="bg-faded p-2"><div class="text-uppercase text-center">Notice</div>
- <div class="table-responsive text-muted mt-2" style="height:95px;font-size:.8rem"><ul class="pl-4 m-0">
- <li>Vivamus volutpat tellus dictum dapibus</li>
- <li>Nullam semper lectus nec dui egestas</li>
- <li>Pellentesque habitant morbi tristique senectus et netus</li>
- <li>Maecenas accumsan lectus eget nunc varius egestas</li>
- </ul></div></div></div>
- <!-- -------------------------
- SOCIAL LINKS
- -------------------------- -->
- <div class="col-12 p-1"><div class="bg-faded p-2 text-muted text-center" style="font-size:.85rem">
- <a class="fab fa-twitter fa-fw tooltipster" title="twitter" href="#"></a>
- <a class="fab fa-tumblr fa-fw tooltipster" title="tumblr" href="#"></a>
- <a class="fas fa-paw fa-fw tooltipster" title="furaffinity" href="#"></a>
- <a class="fab fa-discord fa-fw tooltipster" title="#0000name" href="#"></a>
- <a class="fal fa-code fa-fw tooltipster" title="theme credit" href="/2642971.-f2u-simple-n-clean-user"></a>
- </div></div>
- <div class="col-4 p-1"><a href=""><img src="https://i.redd.it/xykxabcertq21.gif"></a></div>
- <div class="col-4 p-1"><a href=""><img src="https://www.tah-heetch.com/wp-content/uploads/get130/98/oc-summer-sunset-by-a-confused-dragon-tumblr-pixelart.gif"></a></div>
- <div class="col-4 p-1"><a href=""><img src="https://i.redd.it/29k86m1zm2c21.gif"></a></div>
- </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement