[center][div style="width:400px;height:relative;position:relative:overlay:hidden;"][span style="font-size:16px;text-transform:uppercase;font-weight:bold;color:#3c3c3a;"][shadow=lightgrey,bottom]NAME HERE [i]![/i][/span][div style="width:360px;padding:20px;background-color:transparent;text-align:justify; font-family:times new roman;font-size:9pt;line-height:11pt;border-top:10px solid #3c3c3a;border-bottom:10px solid #3c3c3a;"]Superdump of information. Go wild. Talk to us about your sock collection! Or your favorite video game. Or your favorite Harry Potter character. What you study or what you do for work. Or what you think of high school. Or your zodiac sign. What music you listen to. What series you watch and we should watch, too.[/div][center][div style="width:400px;height:160px;background-image:url('https://orig00.deviantart.net/7201/f/2016/216/f/8/piece_of_paper_with_tape_by_oliverteenager13-dack11q.png');background-size:contain;"][div style="margin-top:30px;width:300px;color:#2C3539;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:5px solid #2C3539;"][b]NAME HERE[/b] [span style="font-size:9px;text-transform:lowercase;letter-spacing:0.3px;"]INFO | GOES | HERE | ETC.[/div][div style="width:300px;height:100px;"][div style="margin-top:10px;width:180px;height:65px;float:left;padding:5px;text-align:justify;font-family:times;font-size:10.5px;line-height:12px;color:#2C3539;text-transform:lowercase; letter-spacing:0.5px;overflow-y:auto;overflow-x:hidden;"]At least, the whisper goes so. Our last king, whose image even but now appear'd to us, was, as you know, by Fortinbras of Norway, thereto prick'd on by a most emulate pride, dared to the combat; in which our valiant Hamlet--for so this side of our known world esteem'd him--did slay this Fortinbras; who by a seal'd compact, well ratified by law and heraldry, did forfeit, with his life, all those his lands which he stood seized of, to the conqueror: against the which, a moiety competent was gaged by our king; which had return'd to the inheritance of Fortinbras, had he been vanquisher; as, by the same covenant, and carriage of the article design'd, his fell to Hamlet. Now, sir, young Fortinbras, of unimproved mettle hot and full, hath in the skirts of Norway here and there shark'd up a list of lawless resolutes, for food and diet, to some enterprise that hath a stomach in't; which is no other--as it doth well appear unto our state--but to recover of us, by strong hand and terms compulsatory, those foresaid lands so by his father lost: and this, I take it, is the main motive of our preparations, the source of this our watch and the chief head of this post-haste and romage in the land.[/div][div style="margin-top:5px;width:100px;height:100px;float:right;background-image:url(https://i.imgur.com/6fa4zbn.png);background-size:contain;border-radius:120px;filter:grayscale(100%);"][/div][/div][/div][center][div style="width:400px;height:160px;background-image:url('https://orig00.deviantart.net/7201/f/2016/216/f/8/piece_of_paper_with_tape_by_oliverteenager13-dack11q.png');background-size:contain;"][div style="margin-top:30px;width:300px;color:#2C3539;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:5px solid #2C3539;"][b]NAME HERE[/b] [span style="font-size:9px;text-transform:lowercase;letter-spacing:0.3px;"]INFO | GOES | HERE | ETC.[/div][div style="width:300px;height:100px;"][div style="margin-top:10px;width:180px;height:65px;float:left;padding:5px;text-align:justify;font-family:times;font-size:10.5px;line-height:12px;color:#2C3539;text-transform:lowercase; letter-spacing:0.5px;overflow-y:auto;overflow-x:hidden;"]At least, the whisper goes so. Our last king, whose image even but now appear'd to us, was, as you know, by Fortinbras of Norway, thereto prick'd on by a most emulate pride, dared to the combat; in which our valiant Hamlet--for so this side of our known world esteem'd him--did slay this Fortinbras; who by a seal'd compact, well ratified by law and heraldry, did forfeit, with his life, all those his lands which he stood seized of, to the conqueror: against the which, a moiety competent was gaged by our king; which had return'd to the inheritance of Fortinbras, had he been vanquisher; as, by the same covenant, and carriage of the article design'd, his fell to Hamlet. Now, sir, young Fortinbras, of unimproved mettle hot and full, hath in the skirts of Norway here and there shark'd up a list of lawless resolutes, for food and diet, to some enterprise that hath a stomach in't; which is no other--as it doth well appear unto our state--but to recover of us, by strong hand and terms compulsatory, those foresaid lands so by his father lost: and this, I take it, is the main motive of our preparations, the source of this our watch and the chief head of this post-haste and romage in the land.[/div][div style="margin-top:5px;width:100px;height:100px;float:right;background-image:url(https://i.imgur.com/6fa4zbn.png);background-size:contain;border-radius:120px;filter:grayscale(100%);"][/div][/div][/div][center][div style="width:400px;height:160px;background-image:url('https://orig00.deviantart.net/7201/f/2016/216/f/8/piece_of_paper_with_tape_by_oliverteenager13-dack11q.png');background-size:contain;"][div style="margin-top:30px;width:300px;color:#2C3539;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:5px solid #2C3539;"][b]NAME HERE[/b] [span style="font-size:9px;text-transform:lowercase;letter-spacing:0.3px;"]INFO | GOES | HERE | ETC.[/div][div style="width:300px;height:100px;"][div style="margin-top:10px;width:180px;height:65px;float:left;padding:5px;text-align:justify;font-family:times;font-size:10.5px;line-height:12px;color:#2C3539;text-transform:lowercase; letter-spacing:0.5px;overflow-y:auto;overflow-x:hidden;"]At least, the whisper goes so. Our last king, whose image even but now appear'd to us, was, as you know, by Fortinbras of Norway, thereto prick'd on by a most emulate pride, dared to the combat; in which our valiant Hamlet--for so this side of our known world esteem'd him--did slay this Fortinbras; who by a seal'd compact, well ratified by law and heraldry, did forfeit, with his life, all those his lands which he stood seized of, to the conqueror: against the which, a moiety competent was gaged by our king; which had return'd to the inheritance of Fortinbras, had he been vanquisher; as, by the same covenant, and carriage of the article design'd, his fell to Hamlet. Now, sir, young Fortinbras, of unimproved mettle hot and full, hath in the skirts of Norway here and there shark'd up a list of lawless resolutes, for food and diet, to some enterprise that hath a stomach in't; which is no other--as it doth well appear unto our state--but to recover of us, by strong hand and terms compulsatory, those foresaid lands so by his father lost: and this, I take it, is the main motive of our preparations, the source of this our watch and the chief head of this post-haste and romage in the land.[/div][div style="margin-top:5px;width:100px;height:100px;float:right;background-image:url(https://i.imgur.com/6fa4zbn.png);background-size:contain;border-radius:120px;filter:grayscale(100%);"][/div][/div][/div]
[center][div style="padding-top:40px;width:400px;height:relative;position:relative:overlay:hidden;"][div style="width:400px;font-size:86px;line-height:auto;text-transform:uppercase;font-family:blanch;font-weight:bold;font-style:italic;color:#3c3c3a;letter-spacing:-1px;position:absolute;"][shadow=#eee,right]NAME HERE[/div][div style="margin-top:15px;width:360px;padding:20px;background-color:transparent;text-align:justify; font-family:arial;font-size:8.5pt;line-height:13pt;border-top:10px solid #3c3c3a;border-bottom:10px solid #3c3c3a;"]Superdump of information. Go wild. Talk to us about your sock collection! Or your favorite video game. Or your favorite Harry Potter character. What you study or what you do for work. Or what you think of high school. Or your zodiac sign. What music you listen to. What series you watch and we should watch, too.[/div][div style="width:margin-top:20px;360px;height:200px;"][div style="width:150px;height:170px;background-color:#fff;padding:10px;box-shadow: 2px 2px 3px #000;-webkit-box-shadow: 2px 2px 3px #000; -moz-box-shadow: 2px 2px 3px #000; -o-box-shadow: 2px 2px 3px #000; -ms-box-shadow: 2px 2px 3px #000;-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);float:left;"][div style="width:150px;height:150px;background-image:url(https://i.imgur.com/glQtDfk.png);background-size:contain;"][/div][/div][div style="width:150px;padding:10px;background-color:transparent;height:175px;float:right;"][span style="font-size:12px;text-transform:uppercase;font-weight:bold;color:#3c3c3a;"][shadow=lightgrey,bottom]NAME HERE[/span][span style="font-size:9px;text-transform:lowercase;letter-spacing:0.3px;"]INFO | GOES | HERE | ETC.[div style="width:160px;height:110px;font-family:arial;font-size:8.5px;letter-spacing:1px;color:#000;line-height:13ppx;text-transform:lowercase;overflow-y:auto; overflow-x:hidden;text-align:justify;"]The raven himself is hoarse that croaks the fatal entrance of Duncan. Under my battlements. Come, you spirits that tend on mortal thoughts, unsex me here, and fill me from the crown to the toe top-full of direst cruelty. Make thick my blood. Stop up the access and passage to remorse, that no compunctious visitings of nature shake my fell purpose, nor keep peace between the effect and it! Come to my woman’s breasts, and take my milk for gall, you murd'ring ministers, wherever in your sightless substances you wait on nature’s mischief. Come, thick night, and pall thee in the dunnest smoke of hell, that my keen knife see not the wound it makes, nor heaven peep through the blanket of the dark to cry “Hold, hold!” The raven himself is hoarse that croaks the fatal entrance of Duncan. Under my battlements. Come, you spirits that tend on mortal thoughts, unsex me here, and fill me from the crown to the toe top-full of direst cruelty. Make thick my blood. Stop up the access and passage to remorse, that no compunctious visitings of nature shake my fell purpose, nor keep peace between the effect and it! Come to my woman’s breasts, and take my milk for gall, you murd'ring ministers, wherever in your sightless substances you wait on nature’s mischief. Come, thick night, and pall thee in the dunnest smoke of hell, that my keen knife see not the wound it makes, nor heaven peep through the blanket of the dark to cry “Hold, hold!”[/div][/div][/div][div style="margin-top:20px;width:360px;height:200px;"][div style="width:150px;height:170px;background-color:#fff;padding:10px;box-shadow: 2px 2px 3px #000;-webkit-box-shadow: 2px 2px 3px #000; -moz-box-shadow: 2px 2px 3px #000; -o-box-shadow: 2px 2px 3px #000; -ms-box-shadow: 2px 2px 3px #000;-webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);float:right;"][div style="width:150px;height:150px;background-image:url(https://i.imgur.com/glQtDfk.png);background-size:contain;"][/div][/div][div style="width:150px;padding:10px;background-color:transparent;height:175px;float:left;"][span style="font-size:12px;text-transform:uppercase;font-weight:bold;color:#3c3c3a;"][shadow=lightgrey,bottom]NAME HERE[/span][span style="font-size:9px;text-transform:lowercase;letter-spacing:0.3px;"]INFO | GOES | HERE | ETC.[div style="width:160px;height:110px;font-family:arial;font-size:8.5px;letter-spacing:1px;color:#000;line-height:13ppx;text-transform:lowercase;overflow-y:auto; overflow-x:hidden;text-align:justify;"]The raven himself is hoarse that croaks the fatal entrance of Duncan. Under my battlements. Come, you spirits that tend on mortal thoughts, unsex me here, and fill me from the crown to the toe top-full of direst cruelty. Make thick my blood. Stop up the access and passage to remorse, that no compunctious visitings of nature shake my fell purpose, nor keep peace between the effect and it! Come to my woman’s breasts, and take my milk for gall, you murd'ring ministers, wherever in your sightless substances you wait on nature’s mischief. Come, thick night, and pall thee in the dunnest smoke of hell, that my keen knife see not the wound it makes, nor heaven peep through the blanket of the dark to cry “Hold, hold!” The raven himself is hoarse that croaks the fatal entrance of Duncan. Under my battlements. Come, you spirits that tend on mortal thoughts, unsex me here, and fill me from the crown to the toe top-full of direst cruelty. Make thick my blood. Stop up the access and passage to remorse, that no compunctious visitings of nature shake my fell purpose, nor keep peace between the effect and it! Come to my woman’s breasts, and take my milk for gall, you murd'ring ministers, wherever in your sightless substances you wait on nature’s mischief. Come, thick night, and pall thee in the dunnest smoke of hell, that my keen knife see not the wound it makes, nor heaven peep through the blanket of the dark to cry “Hold, hold!”[/div][/div]
[center][div style="width:350px; height:auto; font-size:12px; font-family:times;"][div style="text-align:left; width:345px; min-height:20px; text-align:left; font-size:30px; line-height:28px; text-transform:uppercase;"][i][b]insert short phrase here like "hello"[/b][/i][/div][div style="width:340px; height:auto; margin-top:3px; border-right:2px solid black; border-top:2px solid black; padding:6px 6px 0px 0px;"][div style="width:310px; min-height:200px; max-height:350px; overflow-y:auto; background:#dddddd; text-align:justify; padding:15px; margin-bottom:10px;"]hello! this box is the intro space! share anything you'd like here. favorite movies, music, podcasts; hobbies you enjoy, a dream job, or favorite aesthetic, etc. how long have you been on site? what name & pronouns do you prefer?[b]CODE INSTRUCTIONS[/b]tip: CTRL + F is your [i]best friend[/i] for finding things within a code. use it!1. replace each "firstname m. lastname" with your characters' names.2. replace filler image links (ctrl + f, search "https") with links to images representing each of your characters.3. write a little blurb about each of your characters in the provided boxes (search "lorem ipsum")4. replace background color "#dddddd" with a hex color code of your choice! i recommend using pastel colors, as dark or bright colors will make the text difficult to read.5. to add another character, paste the code labelled "additional even character" just before the final /div bracket. for a fifth character, paste the code labelled "additional odd character" just before the final /div bracket. alternate between even and odd for as many characters as you'd like.6. to remove a character, select everything between two lorem ipsum texts (ends in "pede") and delete. repeat until you have the desired number of characters (minimum one).any questions? DM me on discord (jes!#5561) and i'll be happy to help![/div][/div][div style="float:left; width:110px; height:110px; margin-top:15px; padding:1px; background:black; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; padding:5px; background:white; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; background-image:url('https://dummyimage.com/100x100/ddd/000'); background-size:100%; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][/div][/div][/div][div style="float:right; width:210px; height:15px; font-size:14px; text-transform:uppercase; text-align:right; margin-top:15px;"][i][b]firstname m. lastname[/b][/i][/div][div style="float:right; width:212px; height:62px; margin-top:-95px; background:#dddddd; padding:10px 15px 8px 50px; text-align:justify; text-transform:lowercase; overflow-y:auto;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/div][div style="float:right; width:110px; height:110px; margin-top:20px; padding:1px; background:black; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; padding:5px; background:white; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; background-image:url('https://dummyimage.com/100x100/ddd/000'); background-size:100%; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][/div][/div][/div][div style="float:left; width:210px; margin-top:20px; height:15px; font-size:14px; text-transform:uppercase; text-align:left;"][i][b]firstname m. lastname[/b][/i][/div][div style="float:left; width:227px; height:62px; margin-top:-95px; background:#dddddd; padding:10px 35px 8px 15px; text-align:justify; text-transform:lowercase; overflow-y:auto;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/div][div style="float:left; width:110px; height:110px; margin-top:20px; padding:1px; background:black; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; padding:5px; background:white; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; background-image:url('https://dummyimage.com/100x100/ddd/000'); background-size:100%; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][/div][/div][/div][div style="float:right; width:210px; height:15px; margin-top:20px; font-size:14px; text-transform:uppercase; text-align:right;"][i][b]firstname m. lastname[/b][/i][/div][div style="float:right; width:212px; height:62px; margin-top:-95px; background:#dddddd; padding:10px 15px 8px 50px; text-align:justify; text-transform:lowercase; overflow-y:auto;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/div][/div][/center]
[div style="float:right; width:110px; height:110px; margin-top:20px; padding:1px; background:black; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; padding:5px; background:white; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; background-image:url('https://dummyimage.com/100x100/ddd/000'); background-size:100%; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][/div][/div][/div][div style="float:left; width:210px; margin-top:20px; height:15px; font-size:14px; text-transform:uppercase; text-align:left;"][i][b]firstname m. lastname[/b][/i][/div][div style="float:left; width:227px; height:62px; margin-top:-95px; background:#dddddd; padding:10px 35px 8px 15px; text-align:justify; text-transform:lowercase; overflow-y:auto;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/div]
[div style="float:left; width:110px; height:110px; margin-top:20px; padding:1px; background:black; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; padding:5px; background:white; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][div style="width:100px; height:100px; background-image:url('https://dummyimage.com/100x100/ddd/000'); background-size:100%; clip-path:polygon(0% 70%, 0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%);"][/div][/div][/div][div style="float:right; width:210px; height:15px; margin-top:20px; font-size:14px; text-transform:uppercase; text-align:right;"][i][b]firstname m. lastname[/b][/i][/div][div style="float:right; width:212px; height:62px; margin-top:-95px; background:#dddddd; padding:10px 15px 8px 50px; text-align:justify; text-transform:lowercase; overflow-y:auto;"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/div]
[div style="width:400px; height:auto; margin:0 auto; background:#f0f0f0; color:#000; font-family:arial; border-bottom:10px solid #000;"][img width=400]https://placehold.co/400x200[/img][div style="width:400px;"][div style="font-family:governor; font-size:30pt; text-align:center; line-height:120%; border-top:10px solid #000; padding-top:15px;"]Your Name[/div][div style="width:350px; margin:0 auto; line-height:150%; padding-bottom:25px; padding-top:10px;"]This is where you can put as much or as little information about you as you want! You can include a list, or whatever. It'll grow to the size of your content.The main image up there doesn't have to be 200px tall, just 400px wide. The height is fluid to whatever you think looks best!Colors to replace:#f0f0f0 is the gray background color#000 is the black text and thick border colorsFonts can be changed/replaced. You would replace 'arial' with another font for the body, and 'governor' for another font for the headings.[/div][/div][div style="width:400px;"][div style="font-family:governor; font-size:20pt; text-align:center; line-height:120%; border-top:10px solid #000; padding-top:15px;"]Character Name[/div][div style="width:350px; margin:0 auto; line-height:150%; padding-top:10px; padding-bottom:25px;"][center][I]Status/Location/Quote, anything![/I]Age. House or Occupation.[/center]Put information about this character here.[/div][/div][div style="width:400px;"][div style="font-family:governor; font-size:20pt; text-align:center; line-height:120%; border-top:10px solid #000; padding-top:15px;"]Character Name[/div][div style="width:350px; margin:0 auto; line-height:150%; padding-top:10px; padding-bottom:25px;"][center][I]Status/Location/Quote, anything![/I]Age. House or Occupation.[/center]Put information about this character here.[/div][/div][div style="width:400px;"][div style="font-family:governor; font-size:20pt; text-align:center; line-height:120%; border-top:10px solid #000; padding-top:15px;"]Character Name[/div][div style="width:350px; margin:0 auto; line-height:150%; padding-top:10px; padding-bottom:25px;"][center][I]Status/Location/Quote, anything![/I]Age. House or Occupation.[/center]Put information about this character here.[/div][/div][div style="width:400px;"][div style="font-family:governor; font-size:20pt; text-align:center; line-height:120%; border-top:10px solid #000; padding-top:15px;"]Character Name[/div][div style="width:350px; margin:0 auto; line-height:150%; padding-top:10px; padding-bottom:25px;"][center][I]Status/Location/Quote, anything![/I]Age. House or Occupation.[/center]Put information about this character here.[/div][/div][div style="width:400px;"][div style="font-family:governor; font-size:20pt; text-align:center; line-height:120%; border-top:10px solid #000; padding-top:15px;"]Character Name[/div][div style="width:350px; margin:0 auto; line-height:150%; padding-top:10px; padding-bottom:25px;"][center][I]Status/Location/Quote, anything![/I]Age. House or Occupation.[/center]Put information about this character here.[/div][/div][/div]