Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ♡ hi hi! okay i'm back with another profile text code. i know, i know...i'm really boring always posting these profiles. but ngl i thought it'd be the code i wouldn't be making much but now it's the opposite! anyways, i did this one for my sister. she was (maybe still is) a ginormous Agents of Shield fan. and well, she absolutely loved the template. and shoutout to Jess to for giving me such a boost to post this :3 i also tried to organize it a bit. but i think i lost track half-way XD oh well! keep the credits friendos! have fun! ♡
- best dreams,
- kay <3
- --CODE STARTS BELOW THIS TEXT--
- <html>
- <center>
- <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&family=PT+Serif&display=swap" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Libre Barcode 39' rel='stylesheet'>
- <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200&display=swap" rel="stylesheet">
- <style>
- /*Scrollbar*/
- ::-webkit-scrollbar {width: 0px;}
- ::-webkit-scrollbar-thumb {background: #fff;}
- ::-webkit-scrollbar-thumb:hover {background: #fff;}
- p1{
- font-family: 'Libre Barcode 39';
- font-size: 40px;
- }
- h1{
- font-family: 'Inconsolata', monospace;
- }
- b, u, p{
- font-family: 'Dosis', sans-serif;
- }
- b1{
- font-weight: bold
- }
- </style>
- <!--Layout-->
- <div style="background: #000;padding:5%;border:3px solid #b00b1e;color:#fff;overflow:auto;height:1000px;width:800px;text-align:justify;border-radius:0%">
- <center><img src="https://c.tenor.com/LsVTpo8yTmcAAAAd/daisy-johnson-chloe-bennet.gif" style="width:150px;height:150px;border:#fff 3px solid;border-radius:100%;;box-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #b00b1e, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">
- <h1 style="letter-spacing:5px;font-size:40px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">INITIALS HERE</h1>
- <p1>Here The Barcode</p1>
- </center>
- <!--Part 1 Bio-->
- <hr style="border:solid;border-width:;">
- <b>Full Name</b>:<br>
- <u>Full Name Here</u><br><br>
- <b>DOB</b>:<br>
- <u>Date of Birth Here</u><br><br>
- <b>Birthplace</b>:<br>
- <u>Birthplace Here</u><br><br>
- <b>Orientation</b>:<br>
- <u>Orientation Here</u><br><br>
- <b>Last Location</b>:<br>
- <u>Recent Location Here</u><br><br>
- <b>Current Location</b>:<br>
- <u>Current Location Here</u>
- <img src="https://i.pinimg.com/474x/bb/67/3a/bb673a01652d2d96ae4168bca7529b78.jpg" style="width:250px;height:300px;border:#fff 3px solid;float:right;margin-top:-300px;margin-right:0px;object-fit:cover;box-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #b00b1e, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e;filter:grayscale(100%)">
- <br><br><br>
- <b>House/District/Faction</b>:<br>
- <u>Insert Placement Here</u><br><br>
- <b>Blood Type</b>:<br>
- <u>Blood Type Here</u><br><br>
- <b>Alias(es)</b>:<br>
- <u>Alias Here</u><br><br>
- <b>Languages</b>:<br>
- <u>Languages Here</u><br><br>
- <b>Skillsets/Powers</b>:<br>
- <u>Skillsets/Powers Here</u><br><br>
- <b>Agent/Superhero/Wizard</b>:<br>
- <u>Insert Role Here</u>
- <img src="https://i.pinimg.com/originals/2c/97/f0/2c97f0b06602919b7071eff034d4d545.gif" style="width:250px;height:300px;border:#fff 3px solid;float:right;margin-top:-300px;margin-right:0px;object-fit:cover;box-shadow: 0 0 10px #bbb, 0 0 20px #bbb, 0 0 30px #b00b1e, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e;filter:grayscale(100%)">
- <hr style="border:solid;border-width:;">
- <!--Part 2 Side Box-->
- <div style="background: #000;padding:5%;border:#b00b1e 3px solid;width:150px;height:450px;float:right;margin-right:-3px;margin-left:15px;font-family:'Dosis';box-shadow: 1px 1px 6px 2px #fff">
- <center>
- <b style="font-size:30px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">Text Here</b>
- <hr style="border:solid">
- <b>STRENGTHS</b><br>
- - Add Strengths Here<br>
- - Add Strengths Here<br>
- - Add Strengths Here<br>
- <hr style="border:solid">
- <b>WEAKNESSES</b><br>
- - Add Weaknesses Here<br>
- - Add Weaknesses Here<br>
- - Add Weaknesses Here<br>
- <hr style="border:solid">
- <b>QUOTE</b><br><br>
- ❝ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ❞<br><br>
- - Name Here
- </div>
- <!--Part 3 Gallery-->
- <center>
- <img src="https://i.pinimg.com/474x/cd/13/7d/cd137defc208278722eeb22b6bba1d9f.jpg" style="width:180px;height:180px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 1px 1px 6px 2px #b00b1e">
- <img src="https://i.pinimg.com/474x/51/a9/23/51a923e1bbac30e1fab9e01cc5ebd7d7.jpg" style="width:180px;height:180px;margin-left:5px;margin-right:10px;margin-top: 10px;margin-bottom:2px;border: #fff 2px solid;box-shadow: 1px 1px 6px 2px #b00b1e">
- <br>
- <img src="https://i.pinimg.com/474x/b6/fe/88/b6fe88a76733b60084a2a152ee4c3c64.jpg" style="width:180px;height:180px;margin-left:2px;margin-right:px;margin-top:2px;margin-bottom: 10px;border: #fff 2px solid;box-shadow: 1px 1px 6px 2px #b00b1e">
- <img src="https://i.pinimg.com/474x/de/5e/ae/de5eae0759b93eeae549eeff70ca91c9.jpg" style="width:180px;height:180px;margin-left:5px;margin-right:10px;margin-top: 2px;margin-bottom:10px;border: #fff 2px solid;box-shadow: 1px 1px 6px 2px #b00b1e">
- </center>
- <div>
- <p>
- <b style="font-size:25px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">ABOUT</b><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- <!--Part 4 Statistics-->
- <div style="background: #000;padding:5%;border:#b00b1e 3px solid;width:150px;height:170px;float:right;margin-right:-3px;margin-left:15px;font-family:'Dosis';box-shadow: 1px 1px 6px 2px #fff">
- <center>
- <b style="font-size:20px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">STATISTICS</b><p>
- <hr style="border:solid;border-width:;">
- <i>Trait Here</i> → 80%<br>
- <i>Trait Here</i> → 40%<br>
- <i>Trait Here</i> → 30%<br><br>
- <i>Trait Here</i> → 50%<br>
- <i>Trait Here</i> → 67%<br>
- <i>Trait Here</i> → 72%<br>
- </div>
- <p>
- <b style="font-size:25px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">PERSONALITY</b><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <!--RELATIONS-->
- <div style="background: #000;padding:5%;border:#b00b1e 3px solid;width:340px;height:200px;float:left;margin-right:-3px;margin-left:4px;font-family:'Dosis';overflow:auto;box-shadow: 1px 1px 6px 2px #fff;margin-bottom:10px">
- <b style="font-size:20px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">RELATIONS</b><p>
- <hr style="border:solid;border-width:;">
- <!--each relation-->
- <div style="background: #000;padding:5%;border:#000 2px solid;width:280px;height:120px;margin-right:10px;margin-left:10px;float:center">
- <img src="https://i.pinimg.com/474x/8c/a5/2d/8ca52dba83d747a8e5a62ee9b25ad302.jpg" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #b00b1e">
- <p><b>Relation | Name</b></p>
- <p> Status:
- </div><br>
- <!--each relation-->
- <div style="background: #000;padding:5%;border:#000 2px solid;width:280px;height:120px;margin-right:10px;margin-left:10px;float:center">
- <img src="https://i.pinimg.com/474x/93/0e/4b/930e4b2b3978c408838b8a8ccca02410.jpg" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #b00b1e">
- <p><b>Relation | Name</b></p>
- <p> Status:
- </div><br>
- <!--each relation-->
- <div style="background: #000;padding:5%;border:#000 2px solid;width:280px;height:120px;margin-right:10px;margin-left:10px;float:center">
- <img src="https://i.pinimg.com/474x/93/f5/69/93f569b420a802356d761136eea5d62c.jpg" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #b00b1e">
- <p><b>Relation | Name</b></p>
- <p> Status:
- </div><br>
- </div>
- <div style="background: #000;padding:5%;border:#b00b1e 3px solid;width:280px;height:200px;float:right;margin-right:-3px;margin-left:4px;font-family:'Dosis';overflow:auto;margin-top:0px;box-shadow: 1px 1px 6px 2px #fff;margin-bottom:10px">
- <b style="font-size:20px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">AESTHETICS</b><p>
- <hr style="border:solid;border-width:;">
- <center>
- <img src="https://i.pinimg.com/474x/35/9e/6d/359e6d9fc6d794c3837407845ad5e4f3.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <img src="https://i.pinimg.com/474x/2c/75/b4/2c75b4f046161ea9993357928ec5c875.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <br>
- <img src="https://i.pinimg.com/474x/84/ae/cc/84aecc1077b6d55b0aa569da20912d8d.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <img src="https://i.pinimg.com/474x/0f/95/86/0f9586d4b22cd0962d634c242005ee7e.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <br>
- <img src="https://i.pinimg.com/474x/53/21/47/532147cc2f7884a04d462a8334bc01b3.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <img src="https://i.pinimg.com/474x/c0/b4/64/c0b4645948c88985fae6250394252d84.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <br>
- <img src="https://i.pinimg.com/474x/16/8e/a1/168ea1db43ab8113b46bd486241ba611.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- <img src="https://i.pinimg.com/474x/6f/bd/c1/6fbdc1e53718f7178455b95ef04addff.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #b00b1e">
- </center>
- </div>
- <p>
- <b style="font-size:25px;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #b00b1e, 0 0 50px #b00b1e, 0 0 60px #b00b1e, 0 0 70px #b00b1e">BRIEF HISTORY</b><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- </div>
- </div>
- <center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px;"><b1><u1>kay kodes</u1></b1></a></center>
- <div style="display:none">
- <iframe src="https://www.youtube.com/embed/6tsu2oeZJgo?autoplay=1&loop=1&playlist=6tsu2oeZJgo" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment