<div class="container"> <div class="card border-0"> <!---------- CARD HEAER --------- SET TOP PATTERN HERE --------------------------> <div class="card-header py-5" style="background: url(https://s3.pixers.pics/pixers/700/FO/12/62/11/84/4/700_FO126211844_eb541531c72c1833cce5a390e80927b0.jpg) fixed;"> <!---------- TITLE BLOCK -----------------------------------> <div class="col-md-8 col-9 d-block mx-auto text-center p-1" style="border: 2px solid #fff; color: #fff; background: rgba(255,255,255,.5);"> <h1 style="font-size:3em; letter-spacing:1px;">Title Here</h1> </div> <!------- END TITLE BLOCK ----------> </div> <!------------ MAIN CARD BODY -- SET BG & FONT COLOR HERE -------------------------------> <div class="card-block" style="background: #222; color: #fff;"> <div class="row"> <div class="col-12 mb-2"> <!---------- LEFT FOCAL BLOCK -------- SET BG COLOR HERE ------------------------> <div class="card-block rounded col-lg-4 col-md-5 float-md-left mr-md-4 mb-2" style="background: #444;"> <h1 class="display-4"><i class="fas fa-user-astronaut mr-1" /> Name Here</h1> <!--------------- 200 x 200 AVATAR IMAGE ---- SET BORDER COLOR HERE--------------------------------------> <img src="IMG URL" class="d-block mx-auto my-3 rounded-circle img-thumbnail" style="background:none; border-color: #fff;"> <!--------- ADJECTIVEs --------------------------------> <p style="letter-spacing:1px;" class="text-center">age . gender . adj</p> </div> <!------------------ ABOUT ME SECTION --------------------------------------> <h1><i class="fas fa-rocket pull-right" />About Me</h1> <p>I really just wanted to make a template that used the little astronaut user icon cuz I love it. You can fiddle with the colors if you want.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare interdum massa, dignissim commodo ipsum dapibus et. Nullam venenatis nunc a tortor consequat, sed efficitur risus bibendum. Integer rhoncus cursus interdum. Duis tincidunt urna at elit mattis condimentum. Vivamus nec interdum tortor, eget fermentum diam. Nunc aliquam pulvinar quam vitae ullamcorper. Aliquam eu arcu at justo rutrum accumsan. Nullam eget felis sit amet eros convallis tincidunt dapibus non orci. Duis quis velit venenatis odio malesuada gravida non nec tellus. Nulla eget turpis quis nulla suscipit malesuada.</p> <!------------------ LINKS SECTION -------- USE FONT AESOME ICONS -- DONT FORGET TO UPDATE LINKS ----------------------> <h1 class="mt-3"><i class="far fa-space-shuttle pull-right" />Links</h1> <div class="row justify-content-between text-center"> <!---------- LINK BLOCK -----------------> <div class="col-sm-2 col-6 mb-2"> <a href="LINK" style="color: #999;"><i class="fab fa-deviantart fa-3x m-1"></i></a> <br><small>Deviantart</small> </div> <!---------- LINK BLOCK -----------------> <div class="col-sm-2 col-6 mb-2"> <a href="LINK" style="color: #999;"><i class="fa fa-paw fa-3x m-1"></i></a> <br><small>Furaffinity</small> </div> <!---------- LINK BLOCK -----------------> <div class="col-sm-2 col-6 mb-2"> <a href="LINK" style="color: #999;"><i class="fab fa-twitter fa-3x m-1"></i></a> <br><small>Twitter</small> </div> <!---------- LINK BLOCK -----------------> <div class="col-sm-2 col-6 mb-2"> <a href="LINK" style="color: #999;"><i class="fab fa-tumblr fa-3x m-1"></i></a> <br><small>Tumblr</small> </div> <!---------- LINK BLOCK -----------------> <div class="col-sm-2 col-6 mb-2"> <i class="fab fa-discord fa-3x m-1" style="color: #999;"></i> <br><small>####name</small> </div> <!---------- LINK BLOCK ----- CREDIT DO NOT ERASE------------> <div class="col-sm-2 col-6 mb-2"> <a href="/lowkeywicked" style="color: #999;"><i class="fas fa-code fa-3x m-1"></i></a> <br><small>Credit</small> </div> </div> </div> </div> <!------------------ FEATURED SECTION --------------------------------------> <h1><i class="fas fa-star pull-right" />Featured Characters</h1> <div class="row text-center"> <!---------- CHARACTER BLOCK -----------------> <div class="col-sm-3 mb-2"> <a href="LINK 1"> <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;"> </a> </div> <!---------- CHARACTER BLOCK -----------------> <div class="col-sm-3 mb-2"> <a href="LINK 2"> <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;"> </a> </div> <!---------- CHARACTER BLOCK -----------------> <div class="col-sm-3 mb-2"> <a href="LINK 3"> <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;"> </a> </div> <!---------- CHARACTER BLOCK -----------------> <div class="col-sm-3 mb-2"> <a href="LINK 4"> <img src="IMG URL" class="img-thumbnail" style="background:none; border-color: #999;"> </a> </div> </div> </div> </div> </div>
hey jen! im moving to tearex!!
4 years, 9 months ago
i just renamed myself smth fabulous
4 years, 10 months ago
OwO wait did u rlly delete ur acc?
4 years, 11 months ago
yeah,,
4 years, 11 months ago
NO JEN
4 years, 11 months ago
HOW COULD YOU JEN
4 years, 11 months ago
im sorry
4 years, 11 months ago
Hi! It's Luna_Phoenix from Scratch.
4 years, 11 months ago
v
4 years, 11 months ago
LEAVING: find me on dA: milkqway
5 years, 6 days ago
Aww, bai
5 years, 5 days ago
5 years, 5 days ago
no !! why?!
4 years, 11 months ago
no u
4 years, 11 months ago
Ack your HTML isn't working. I think you have to fix a few things. Want me to help?
5 years, 8 days ago
YES PPLLEASSSEE~~
5 years, 7 days ago
5 years, 12 days ago
i dont think she knows xd
5 years, 11 days ago
ahh its not workiing ;-;
5 years, 10 days ago
5 years, 13 days ago
not anymore
5 years, 13 days ago
huh?
5 years, 12 days ago
thankyou for being so kind jenna. <3 i don't deserve it. could you maybe make wattpad ?? :-) it's easier on there.
5 years, 14 days ago
:))
5 years, 12 days ago