Skip to content

Instantly share code, notes, and snippets.

@taepeach
Last active December 23, 2018 11:21
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 taepeach/a673e0366530336e1f72fc78330de5ac to your computer and use it in GitHub Desktop.
Save taepeach/a673e0366530336e1f72fc78330de5ac to your computer and use it in GitHub Desktop.
<div style="width:1014px;float:left;margin:20px 0px 100px -16px;font-family:calibri;font-size:9px;line-height:10px;letter-spacing:1px;text-align:justify;color:#444;text-transform:uppercase;">
<div style="width:800px;float:left;padding:80px 107px;background:#f4f4f4;">
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:577px;float:left;background:#fff;"><img alt="" src="https://i.imgur.com/AjjcPbx.png" style="height:577px;width:800px;" /></div>
<div style="width:800px;height:577px;float:left;margin-top:-577px;">
<div style="width:800px;height:577px;float:left;">
<div style="width:315px;height:577px;float:left;">
<div style="width:205px;height:auto;padding:30px 0px;float:left;margin:100px 100px;background:#444;">
<div style="width:205px;height:auto;float:left;background:#444;font-family:'times new roman';font-size:60px;line-height:60px;letter-spacing:-5px;text-align:center;color:#ccc;">
<div style="width:205px;float:left;">IC</div>
<div style="width:205px;float:left;">TE</div>
<div style="width:205px;float:left;">RI</div>
<div style="width:205px;float:left;">NE</div>
<div style="width:205px;float:left;font-family:calibri;font-size:10px;line-height:10px;letter-spacing:1px;text-align:center;color:#ccc;">&nbsp;</div>
<div style="width:205px;float:left;font-family:calibri;font-size:10px;line-height:10px;letter-spacing:1px;text-align:center;color:#ccc;">BY USERNAME</div>
</div>
</div>
</div>
<div style="width:475px;height:577px;float:left;overflow:hidden;">
<div style="width:492px;height:577px;float:left;overflow:auto;">
<div style="width:475px;height:577px;float:left;">
<div style="width:290px;height:179px;float:left;margin:40px 0px 0px 0px;"><img alt="" src="https://i.imgur.com/STd5HT3.png" style="height:179px;width:290px;" /></div>
<div style="width:238px;height:241px;float:left;margin:-20px 165px;"><img alt="" src="https://i.imgur.com/jXw9WdI.png" style="height:241px;width:238px;" /></div>
<div style="width:180px;height:277px;float:left;margin:-170px 0px;"><img alt="" src="https://i.imgur.com/O45DoZM.png" style="height:277px;width:180px;" /></div>
<div style="width:180px;background:#444;float:left;margin:110px 0px;line-height:20px;text-align:center;color:#ccc;">scroll here</div>
</div>
<div style="width:435px;height:487px;margin:45px 0px;float:left;border-top:1px solid #ccc;border-bottom:1px solid #fff;">
<div style="width:155px;height:457px;margin:15px;float:left;">
<div style="width:175px;height:175px;float:left;background:#fff;"><img alt="" src="https://i.imgur.com/jXw9WdI.png" style="height:175px;width:175px;" /></div>
<div style="width:145px;padding:15px;float:left;margin-top:10px;background:#444;">
<div style="width:145px;font-size:30px;line-height:40px;letter-spacing:-5px;color:#ccc;text-align:center;">静けさ</div>
<div style="width:145px;font-size:8px;line-height:10px;color:#ccc;text-align:center;">FEAT. MINYOONGI</div>
</div>
<div style="width:145px;padding:10px 15px;float:left;background:#fff;">
<div style="width:145px;float:left;padding:3px 0px;border-bottom:1px dotted #555;"><strong>ALIAS:</strong>&nbsp;notes</div>
<div style="width:145px;float:left;padding:3px 0px;border-bottom:1px dotted #555;"><strong>age:</strong>&nbsp;notes</div>
<div style="width:145px;float:left;padding:3px 0px;border-bottom:1px dotted #555;"><strong>BIAS:</strong> notes</div>
<div style="width:145px;float:left;padding:3px 0px;border-bottom:1px dotted #555;"><strong>trivia:</strong>&nbsp;notes</div>
<div style="width:145px;float:left;padding:3px 0px;"><strong>trivia:</strong> notes</div>
</div>
<div style="width:175px;padding:5px 0px;float:left;margin-top:10px;background:#444;text-align:center;color:#fff;">link</div>
<div style="width:175px;padding:5px 0px;float:left;margin-top:2px;background:#444;text-align:center;color:#fff;">link</div>
</div>
<div style="width:220px;height:457px;margin:15px;float:left;overflow:hidden;">
<div style="width:237px;height:457px;float:left;overflow:auto;">
<div style="width:180px;float:left;padding:20px;background:#fff;">
<div style="width:180px;float:left;padding-bottom:10px;border-bottom:1px dotted #111;font-size:10px;color:#111;"><strong>about me.</strong></div>
<div style="width:180px;height:100px;float:left;overflow:hidden;margin-top:10px;">
<div style="width:197px;height:100px;float:left;overflow:auto;">
<div style="width:180px;">Lorem ipsum dolor sit amet, etiam munere virtute mel cu, vel meis impetus id. Harum eligendi deseruisse eu nec, esse viderer sapientem usu at, ex vix harum impetus. No sea odio congue corpora, ne pericula maiestatis vel, altera evertitur theophrastus sea te. Vis ei meis legimus gloriatur, ea duo scaevola explicari, pri melius denique eu.</div>
</div>
</div>
</div>
<div style="width:200px;float:left;padding:20px 10px;background:#fff;margin-top:10px;">
<div style="width:200px;float:left;">
<div style="width:180px;padding:3px;margin:2px 7px;border:1px solid #e1e1e1;float:left;">
<div style="width:145px;height:8px;float:left;padding:3px;background:#e1e1e1;font-size:8px;line-height:8px;text-align:left;letter-spacing:2px;">writing</div>
<div style="width:25px;height:8px;float:left;padding:3px 0px;font-size:8px;line-height:8px;text-align:right;letter-spacing:2px;">5/5</div>
</div>
<div style="width:180px;padding:3px;margin:2px 5px;border:1px solid #e1e1e1;float:left;">
<div style="width:116px;height:8px;float:left;padding:3px;background:#e1e1e1;font-size:8px;line-height:8px;text-align:left;letter-spacing:2px;">lazing</div>
<div style="width:54px;height:8px;float:left;padding:3px 0px;font-size:8px;line-height:8px;text-align:right;letter-spacing:2px;">4/5</div>
</div>
<div style="width:180px;padding:3px;margin:2px 5px;border:1px solid #e1e1e1;float:left;">
<div style="width:145px;height:8px;float:left;padding:3px;background:#e1e1e1;font-size:8px;line-height:8px;text-align:left;letter-spacing:2px;">min yoongi</div>
<div style="width:25px;height:8px;float:left;padding:3px 0px;font-size:8px;line-height:8px;text-align:right;letter-spacing:2px;">5/5</div>
</div>
<div style="width:180px;padding:3px;margin:2px 5px;border:1px solid #e1e1e1;float:left;">
<div style="width:87px;height:8px;float:left;padding:3px;background:#e1e1e1;font-size:8px;line-height:8px;text-align:left;letter-spacing:2px;">reply speed</div>
<div style="width:83px;height:8px;float:left;padding:3px 0px;font-size:8px;line-height:8px;text-align:right;letter-spacing:2px;">3/5</div>
</div>
<div style="width:180px;padding:3px;margin:2px 5px;border:1px solid #e1e1e1;float:left;">
<div style="width:58px;height:8px;float:left;padding:3px;background:#e1e1e1;font-size:8px;line-height:8px;text-align:left;letter-spacing:2px;">mood</div>
<div style="width:112px;height:8px;float:left;padding:3px 0px;font-size:8px;line-height:8px;text-align:right;letter-spacing:2px;">2/5</div>
</div>
</div>
</div>
<div style="width:180px;float:left;padding:20px;background:#fff;margin-top:10px;">
<div style="width:180px;float:left;padding-bottom:10px;border-bottom:1px dotted #111;font-size:10px;color:#111;"><strong>section title.</strong></div>
<div style="width:180px;height:100px;float:left;overflow:hidden;margin-top:10px;">
<div style="width:197px;height:100px;float:left;overflow:auto;">
<div style="width:180px;">Lorem ipsum dolor sit amet, etiam munere virtute mel cu, vel meis impetus id. Harum eligendi deseruisse eu nec, esse viderer sapientem usu at, ex vix harum impetus. No sea odio congue corpora, ne pericula maiestatis vel, altera evertitur theophrastus sea te. Vis ei meis legimus gloriatur, ea duo scaevola explicari, pri melius denique eu.</div>
</div>
</div>
</div>
<div style="width:200px;padding:5px 10px;float:left;background:#fff;margin-top:10px;"><img alt="" src="https://i.imgur.com/O45DoZM.png" style="height:308px;margin:5px 0px;width:200px;" /><img alt="" src="https://i.imgur.com/O45DoZM.png" style="height:308px;margin:5px 0px;width:200px;" /><img alt="" src="https://i.imgur.com/O45DoZM.png" style="height:308px;margin:5px 0px;width:200px;" /><img alt="" src="https://i.imgur.com/O45DoZM.png" style="height:308px;margin:5px 0px;width:200px;" /><img alt="" src="https://i.imgur.com/O45DoZM.png" style="height:308px;margin:5px 0px;width:200px;" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
<div style="width:800px;height:1px;float:left;border:1px dotted #ccc;">&nbsp;</div>
</div>
<div style="width:1015px;float:left;margin-top:10px;font-size:6px;letter-spacing:2px;color:#aaa;text-align:center;"><a href="https://www.asianfanfics.com/story/view/1325741/"><span style="color:#aaa;"><span style="padding-bottom:4px;border-bottom:1px dotted #aaa;">coded by ambrozia | iridescent layouts 2018.</span></span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment