Skip to content

Instantly share code, notes, and snippets.

@lovettes

lovettes/Profile - Bud Secret

Created September 15, 2022 05:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lovettes/ef06799e228488b82a99ed9659aa55c3 to your computer and use it in GitHub Desktop.
Save lovettes/ef06799e228488b82a99ed9659aa55c3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Profile - Bud
<div style="width:336px;margin:Auto;">
<div style="width:150px;height:300px;background-color:#fff;float:left;border:1px solid #ccc;border-radius:2px;">
<div style="width:146px;height:66px;float:left;margin:2px 0px 0px 2px;"><img src="https://68.media.tumblr.com/02a924b82d76f32feb0f9234a70cec0f/tumblr_ou9lm9SNIF1uqwk2fo3_r2_540.jpg" style="width:144px;height:66px;float:left;border-top-left-radius: 2px; border-top-right-radius: 2px;"></div>
<div style="width:56px;margin:auto;">
<div style="width:52px;height:52px;float:left;border:1px solid #ccc;border-radius:50px;background-color:#fff;margin:-25px 0px 0px 0px;">
</div>
<div style="width:50px;height:50px;float:left;margin:-49px 0px 0px 3px;"><img src="https://68.media.tumblr.com/7a8cfa4ac1d01861e99754ffbf2f9094/tumblr_oqbc5rjRXf1qhbwduo1_250.jpg" style="width:46px;height:46px;border-radius:100%;"></div>
</div>
<div style="width:150px;float:left;height:1px;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;text-align:center;margin:5px 0px 0px 0px;color:#b2b2b2;">
<div style="width:100px;margin:auto;">
<div style="width:100px;height:12px;background-color:#E2BCC0;border-radius:2px;float:left;color:#fff;line-height:11px;">lee jueun</div>
<div style="width:100px;height:12px;background-color:#E2BCC0;border-radius:2px;float:left;margin:2px 0px 0px 0px;color:#fff;line-height:11px;">do it amazing
</div>
<div style="width:100px;height:12px;background-color:#E2BCC0;border-radius:2px;float:left;margin:2px 0px 0px 0px;color:#fff;line-height:11px;">single</div>
<div style="width:100px;height:12px;background-color:#E2BCC0;border-radius:2px;float:left;margin:2px 0px 0px 0px;color:#fff;line-height:11px;">heterosexual</div>
<div style="width:100px;height:12px;background-color:#bE2BCC0;border-radius:2px;float:left;margin:2px 0px 10px 0px;color:#fff;line-height:11px;">june 27, 1995</div></div>
<div style="width:100px;text-align:justify;float:left;margin:0px 0px 0px 25px;line-height:115%;">
Insert message here. Keep it under 10 lines. Quisque aliquam orci sed accum san convallis. Sed ac libero augue. Fusce quis diam diam. Mauris ornare odio vitae sem tempor, id tempus elit volutpat. Ut id suscipit eros.</div></div>
</div>
<div style="width:180px;height:300px;background-color:#fff;float:left;margin:0px 0px 0px 2px;border:1px solid #ccc;border-radius:2px;overflow:hidden;">
<div style="width:200px;height:300px;overflow:auto;">
<div style="width:176px;float:left;height:35px;"><div style="width:176px;height:296px;background-color:#fff;float:left;margin:2px 0px 0px 2px;">
<div style="width:176px;height:1px;background-color:#ccc;float:left;margin:20px 0px 0px 0px;"></div>
<div style="width:20px;height:20px;border-radius:100%;background-color:#E2BCC0;float:left;margin:-10px 0px 0px 10px;color:#fff;text-align:center;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;line-height:20px;">b</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;float:left;margin:-5px 0px 0px 0px;background-color:#fff;padding:0px 5px;color:#ccc;">iography</div></div>
</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;width:160px;text-align:justify;color:#ccc;float:left;margin:0px 0px 0px 10px;line-height:115%;">
The text height will adjust to your information. add as much text as you want! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget augue vitae dolor fringilla luctus id sit amet nulla. Praesent et nibh eu urna elementum ultrices vel quis neque. Curabitur nec lectus imperdiet, hendrerit tortor non, auctor mauris. In aliquam venenatis ante, eget rutrum tortor interdum non.<br><Br>Integer efficitur velit vel lectus tempus, et egestas elit ornare. In at pellentesque erat, vel rutrum nunc. Vestibulum vitae nisl orci. Nullam varius ligula ut ligula euismod, et fringilla erat dignissim. Praesent placerat, est in imperdiet consequat, nibh felis egestas sapien, vel vehicula felis magna non ante. Donec quis ipsum sit amet nibh vehicula iaculis id in nisi.</div>
<div style="width:176px;float:left;height:35px;"><div style="width:176px;height:296px;background-color:#fff;float:left;margin:2px 0px 0px 2px;">
<div style="width:176px;height:1px;background-color:#ccc;float:left;margin:20px 0px 0px 0px;"></div>
<div style="width:20px;height:20px;border-radius:100%;background-color:#E2BCC0;float:left;margin:-10px 0px 0px 10px;color:#fff;text-align:center;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;line-height:20px;">p</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;float:left;margin:-5px 0px 0px 0px;background-color:#fff;padding:0px 5px;color:#ccc;">lots and scenarios</div></div>
</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;width:160px;text-align:justify;color:#ccc;float:left;margin:0px 0px 0px 10px;line-height:115%;">
Plot number one :: Quisque aliquam orci sed accumsan convallis. Sed ac libero augue. Fusce quis diam diam. Mauris ornare odio vitae sem tempor, id tempus elit volutpat. <br><br>
Plot number two :: Quisque aliquam orci sed accumsan convallis. Sed ac libero augue. Fusce quis diam diam. Mauris ornare odio vitae sem tempor, id tempus elit volutpat. <br><br>
Plot number three :: Quisque aliquam orci sed accumsan convallis. Sed ac libero augue. Fusce quis diam diam. Mauris ornare odio vitae sem tempor, id tempus elit volutpat. </div>
<div style="width:176px;height:1px;background-color:#ccc;float:left;margin:20px 0px 0px 0px;"></div>
<div style="width:20px;height:20px;border-radius:100%;background-color:#E2BCC0;float:left;margin:-10px 0px 0px 10px;color:#fff;text-align:center;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;line-height:20px;">f</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;float:left;margin:-5px 0px 0px 0px;background-color:#fff;padding:0px 5px;color:#ccc;">riends & family
</div>
<div style="width:160px;float:left;margin:10px 0px 0px -20px;">
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 0px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
</div>
<div style="width:176px;height:1px;background-color:#ccc;float:left;margin:10px 0px 0px 0px;"></div>
<div style="width:20px;height:20px;border-radius:100%;background-color:#E2BCC0;float:left;margin:-10px 0px 0px 10px;color:#fff;text-align:center;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;line-height:20px;">p</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:8px;letter-spacing:0.5px;text-transform: none;float:left;margin:-5px 0px 0px 0px;background-color:#fff;padding:0px 5px;color:#ccc;">ast dps and icons
</div>
<div style="width:160px;float:left;margin:10px 0px 0px -20px;">
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div><div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:0px 0px 0px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 2px 0px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 2px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 2px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 2px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 2px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 0px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
<div style="width:30.4px;height:30.4px;background-color:#E2BCC0;border-radius:100%;float:left;margin:2px 0px 10px 2px;"><img src="https://68.media.tumblr.com/069be71b5640c61a13f4ee26663daf32/tumblr_oqi81ivx7K1qhbwduo3_250.jpg" style="width:30.4px;height:30.4px;border-radius:100%;"></div>
</div>
</div>
</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;text-transform: none;float:left;margin:5px 0px 0px 0px;letter-spacing:0.5px;color:#ccc;"><em><a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628" style="text-decoration:none;color:#ccc;">Lovette.</a></em></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment