Skip to content

Instantly share code, notes, and snippets.

@soularization
Created January 10, 2022 19:44
Show Gist options
  • Save soularization/f78c90331eab1cdf6738ba2e5e4f2aab to your computer and use it in GitHub Desktop.
Save soularization/f78c90331eab1cdf6738ba2e5e4f2aab to your computer and use it in GitHub Desktop.
Hyacinth (ARCHIVED)
<div style="width:600px;height:500px;margin:auto;">
<div style="float:left;margin-top:0px;background-color:#333;width:600px;height:500px;">&nbsp;</div>
<div style="float:left;margin-top:-493px;margin-left:8px;background-color:#fff;width:150px;height:486px;"><img alt="" src="https://i.imgur.com/u4S0muh.png" style="width:150px;height:486px;" /></div>
<div style="float:left;margin-top:-500px;margin-left:0px;width:0px;height:0px;border-top:90px solid #333;border-right:90px solid transparent;">&nbsp;</div>
<div style="float:left;margin-top:-90px;margin-left:0px;width:0px;height:0px;border-bottom:90px solid #333;border-right:90px solid transparent;">&nbsp;</div>
<div style="float:left;margin-top:-500px;margin-left:0px;width:0px;height:0px;border-top:80px solid #fff;border-right:80px solid transparent;">&nbsp;</div>
<div style="float:left;margin-top:-80px;margin-left:0px;width:0px;height:0px;border-bottom:80px solid #fff;border-right:80px solid transparent;">&nbsp;</div>
<div style="float:left;margin-top:-485px;margin-left:118px;background-color:#fff;width:230px;height:20px;">&nbsp;</div>
<div style="float:left;margin-top:-484px;margin-left:119px;background-color:#333;width:228px;height:18px;">&nbsp;</div>
<div style="float:left;margin-top:-480px;margin-left:119px;width:228px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:9px;">Anyone can play But I will</span></span></span></div>
<div style="float:left;margin-top:-33px;margin-left:118px;background-color:#fff;width:230px;height:20px;">&nbsp;</div>
<div style="float:left;margin-top:-32px;margin-left:119px;background-color:#333;width:228px;height:18px;">&nbsp;</div>
<div style="float:left;margin-top:-28px;margin-left:119px;width:228px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:9px;">be the one to change the game</span></span></span></div>
<div style="float:left;margin-top:-460px;margin-left:163px;background-color:#fff;width:185px;height:20px;">&nbsp;</div>
<div style="float:left;margin-top:-459px;margin-left:164px;background-color:#333;width:183px;height:18px;">&nbsp;</div>
<div style="float:left;margin-top:-455px;margin-left:164px;width:183px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:9px;">QUICK INFORMATION</span></span></span></div>
<div style="float:left;margin-top:-440px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">FULL NAME</span></span></span></div>
<div style="float:left;margin-top:-440px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-430px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">NICKNAME</span></span></span></div>
<div style="float:left;margin-top:-430px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-420px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">BIRTH DATE</span></span></span></div>
<div style="float:left;margin-top:-420px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-410px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">ORIENTATION</span></span></span></div>
<div style="float:left;margin-top:-410px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-400px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><font color="#ffffff" face="Calibri"><span style="font-size:8px;">STATUS</span></font></div>
<div style="float:left;margin-top:-400px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-390px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><font color="#ffffff" face="Calibri"><span style="font-size:8px;">OCCUPATION</span></font></div>
<div style="float:left;margin-top:-390px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-380px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><font color="#ffffff" face="Calibri"><span style="font-size:8px;">HOBBIES</span></font></div>
<div style="float:left;margin-top:-380px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-370px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><font color="#ffffff" face="Calibri"><span style="font-size:8px;">MOOD</span></font></div>
<div style="float:left;margin-top:-370px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-360px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;"><font color="#ffffff" face="Calibri"><span style="font-size:8px;">ACTIVITY</span></font></div>
<div style="float:left;margin-top:-360px;margin-left:164px;width:183px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:8px;">INPUT HERE</span></span></span></div>
<div style="float:left;margin-top:-349px;margin-left:163px;background-color:#fff;width:185px;height:20px;">&nbsp;</div>
<div style="float:left;margin-top:-348px;margin-left:164px;background-color:#333;width:183px;height:18px;">&nbsp;</div>
<div style="float:left;margin-top:-345px;margin-left:164px;width:183px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:9px;">A QUICK MESSAGE</span></span></span></div>
<div style="float:left;width:183px;height:100px;margin-top:-328px;margin-left:164px;">
<div style="width:183px;height:100px;overflow:hidden;float:left;margin:0px;">
<div style="width:208px;height:100px;overflow:auto;">
<div style="float:left;width:183px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-227px;margin-left:163px;background-color:#fff;width:185px;height:20px;">&nbsp;</div>
<div style="float:left;margin-top:-226px;margin-left:164px;background-color:#333;width:183px;height:18px;">&nbsp;</div>
<div style="float:left;margin-top:-223px;margin-left:164px;width:183px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:9px;">MY DP LIBRARY</span></span></span></div>
<div style="float:left;width:183px;height:110px;margin-top:-204px;margin-left:164px;">
<div style="width:183px;height:110px;overflow:hidden;float:left;margin:0px;">
<div style="width:208px;height:110px;overflow:auto;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:0px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:0px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:0px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:0px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:0px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:0px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:0px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
<div style="float:left;margin-top:1px;margin-left:2px;background-color:#fff;width:35px;height:35px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:35px;height:35px;" /></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-92px;margin-left:163px;background-color:#fff;width:185px;height:20px;">&nbsp;</div>
<div style="float:left;margin-top:-91px;margin-left:164px;background-color:#333;width:183px;height:18px;">&nbsp;</div>
<div style="float:left;margin-top:-88px;margin-left:164px;width:183px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="color:#ffffff;"><span style="font-size:9px;">MUSIC PLAYEr</span></span></span></div>
<div style="float:left;margin-top:-62px;margin-left:169px;background:#333;width:20px;height:20px;overflow:hidden;border-radius:100px;"><span style="color:#333;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/307090920&amp;color=333&amp;inverse=false&amp;&amp;show_user=true" width="100%"></iframe></span></div>
<div style="float:left;margin-top:-58px;margin-left:189px;width:153px;line-height:8px;letter-spacing:0px;text-transform:uppercase;text-align:right;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#ffffff;">CHEERLEADER by&nbsp;<em>LUNA SHADOWS</em></span></span></span></div>
<div style="float:left;width:243px;height:474px;margin-top:-485px;margin-left:348px;">
<div style="width:243px;height:472px;overflow:hidden;float:left;margin:0px;">
<div style="width:268px;height:472px;overflow:auto;">
<div style="float:left;margin-top:0px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-size:9px;"><span style="font-family:Calibri;"><span style="color:#ffffff;">ABOUT THE CHARACTER</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">CHARACTER&#39;S PERSONALITY</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">CHARACTER&#39;S OCCUPATION</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">CHARACTER&#39;S SIGNIFICANT OTHER</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:5px;background-color:#fff;width:100px;height:100px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:100px;height:100px;" /></div>
<div style="float:left;margin-top:-91px;margin-left:110px;background-color:#fff;width:130px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-90px;margin-left:111px;background-color:#333;width:128px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-61px;margin-left:110px;background-color:#fff;width:130px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-60px;margin-left:111px;background-color:#333;width:128px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-31px;margin-left:110px;background-color:#fff;width:130px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-30px;margin-left:111px;background-color:#333;width:128px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-85px;margin-left:110px;width:130px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">full name here</span></span></span></div>
<div style="float:left;margin-top:-55px;margin-left:110px;width:130px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">OFFICIAL DATE</span></span></span></div>
<div style="float:left;margin-top:-25px;margin-left:110px;width:130px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">STATUS</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">CHARACTER&#39;S CLOSEST FRIENDS</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:5px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:5px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:3px;margin-left:3px;background-color:#fff;width:45px;height:45px;"><img alt="" src="https://i.imgur.com/KZUMDXO.png" style="width:45px;height:45px;" /></div>
<div style="float:left;margin-top:5px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">CHARACTER&#39;S pre-made plots</span></span></span></div>
<div style="float:left;margin-top:20px;margin-left:5px;background-color:#fff;width:25px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:8px;margin-left:-25px;width:25px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="color:#ffffff;"><span style="font-size:10px;"><span style="font-family:Arial;">01</span></span></span></div>
<div style="float:left;margin-top:8px;margin-left:10px;width:195px;line-height:8px;letter-spacing:2px;text-transform:uppercase;"><em><span style="font-size:8px;"><span style="color:#ffffff;"><span style="font-family:Arial;">PLOT TITLE GOES HERE</span></span></span></em></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:20px;margin-left:5px;background-color:#fff;width:25px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:8px;margin-left:-25px;width:25px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="color:#ffffff;"><span style="font-size:10px;"><span style="font-family:Arial;">02</span></span></span></div>
<div style="float:left;margin-top:8px;margin-left:10px;width:195px;line-height:8px;letter-spacing:2px;text-transform:uppercase;"><em><span style="font-size:8px;"><span style="color:#ffffff;"><span style="font-family:Arial;">PLOT TITLE GOES HERE</span></span></span></em></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:20px;margin-left:5px;background-color:#fff;width:25px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:8px;margin-left:-25px;width:25px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="color:#ffffff;"><span style="font-size:10px;"><span style="font-family:Arial;">03</span></span></span></div>
<div style="float:left;margin-top:8px;margin-left:10px;width:195px;line-height:8px;letter-spacing:2px;text-transform:uppercase;"><em><span style="font-size:8px;"><span style="color:#ffffff;"><span style="font-family:Arial;">PLOT TITLE GOES HERE</span></span></span></em></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:5px;background-color:#fff;width:237px;height:25px;">&nbsp;</div>
<div style="float:left;margin-top:-24px;margin-left:6px;background-color:#333;width:235px;height:23px;">&nbsp;</div>
<div style="float:left;margin-top:-18px;margin-left:6px;width:235px;line-height:8px;letter-spacing:2px;text-transform:uppercase;text-align:center;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;">user&#39;s ooc notes</span></span></span></div>
<div style="float:left;margin-top:3px;margin-left:6px;height:auto;padding:0px;">
<div style="float:left;width:235px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#ffffff;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cume. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea. Lorem ipsum dolor sit amet, mei ei luptatum facilisis necessitatibus, dicat utinam ei vis, docendi laboramus prodesset id vix. Nec velit zril commune cu, usu ut nobis graece deserunt. Fugit sonet tacimates vel cu, purto aliquip accusata ad pro. Doctus singulis has id, ea per fastidii lucilius elaboraret. Atomorum moderatius cum ea.</span></span></span></div>
</div>
</div>
</div>
</div>
<div style="width:600px;float:left;margin-top:0px;margin-left:0px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23572/garden------------------------------layouts-pending-layouts-layoutshop-layoutgallery-layoutdump" title="GIARDINO © 2018 This layout belongs to Seashell &amp; The Giardino layout shop. Please do not remove the credits and do not take the code to make it as your own. You will be reported to the site moderators if done so. If you have any questions regarding the layout, please contact the user SEASHELL asap. Thank you and enjoy the layout!"><span style="color:#333;"><span style="font-size:8px;">GIARDINO &copy; 2018</span></span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment