Skip to content

Instantly share code, notes, and snippets.

@ataraxia17
Created March 16, 2018 22:23
Show Gist options
  • Save ataraxia17/fdb1b2c178865834cd5e5c9311c95a9d to your computer and use it in GitHub Desktop.
Save ataraxia17/fdb1b2c178865834cd5e5c9311c95a9d to your computer and use it in GitHub Desktop.
<div style="width:320px;margin:auto;height:320px;background:#fff;overflow:hidden;">
<div style="width:120px;float:left;height:120px;background:#FDA398;border:solid 1px #D76451;margin-left:30px;">
<div style="width:120px;float:left;height:120px;background:#fff;margin-top:5px;margin-left:5px;overflow:hidden;border:solid 1px #D76451;"><img alt="" src="https://78.media.tumblr.com/8f6e852726b318b61d78b46540595062/tumblr_nynozm2YnL1smxkhio2_540.jpg" style="width:120px;height:120px;" /></div>
<div style="width:100px;float:left;height:10px;background:#D76451;margin-top:-90px;margin-left:75px;">
<p style="font-family:'Century Gothic';font-size:8px;color:#fff;letter-spacing:2px;line-height:9px;text-align:right;text-transform:uppercase;margin-top:0px;margin-right:3px;">trivia</p>
</div>
<div style="width:100px;float:left;height:10px;background:#D76451;margin-top:-75px;margin-left:75px;">
<p style="font-family:'Century Gothic';font-size:8px;color:#fff;letter-spacing:2px;line-height:9px;text-align:right;text-transform:uppercase;margin-top:0px;margin-right:3px;">trivia</p>
</div>
<div style="width:100px;float:left;height:10px;background:#D76451;margin-top:-60px;margin-left:75px;">
<p style="font-family:'Century Gothic';font-size:8px;color:#fff;letter-spacing:2px;line-height:9px;text-align:left;text-transform:uppercase;margin-top:0px;margin-left:5px;">trivia</p>
</div>
<div style="width:100px;float:left;height:10px;background:#D76451;margin-top:-45px;margin-left:75px;">
<p style="font-family:'Century Gothic';font-size:8px;color:#fff;letter-spacing:2px;line-height:9px;text-align:left;text-transform:uppercase;margin-top:0px;margin-left:5px;">trivia</p>
</div>
<div style="width:120px;float:left;height:120px;background:#FDA398;margin-top:-60px;margin-left:130px;border:solid 1px #D76451;overflow:hidden;"><img alt="" src="https://78.media.tumblr.com/8fa018f79a1b8de3b91ef76e98edeb3b/tumblr_nynozm2YnL1smxkhio3_540.jpg" style="width:120px;height:120px;" /></div>
<div style="width:120px;float:left;height:121px;margin-top:-120px;margin-left:130px;">
<div style="width:120px;float:left;height:121px;overflow:hidden;">
<div style="width:140px;float:left;height:121px;overflow:auto;">
<div style="width:120px;float:left;">
<div style="width:113px;float:left;height:10px;margin-top:55px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:25px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:0px;margin-left:0px;"><em><strong>about</strong></em></p>
</div>
<div style="width:110px;float:left;background:#FDA398;margin-top:56px;margin-left:5px;opacity:.65;">
<div style="width:103px;float:left;font-family:Arial;font-size:8px;color:#fff;letter-spacing:0px;line-height:8px;text-align:justify;text-transform:uppercase;margin-top:5px;margin-left:5px;opacity:.9999;"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin scelerisque justo, et tincidunt turpis. Integer porttitor erat at tortor suscipit, vel luctus purus egestas. Donec vitae blandit nunc, id pretium lorem. Donec bibendum ornare tellus, vitae sodales velit suscipit nec. Integer varius, ligula et volutpat tristique, diam justo blandit velit, at tempor dolor risus sit amet quam. Integer vestibulum mauris odio, sed tristique libero condimentum id. Sed sit amet orci id metus lobortis venenatis. Morbi quis sagittis justo, vitae porttitor nisi. Quisque pharetra nulla a felis eleifend euismod. Mauris a pellentesque eros. Integer dolor nunc, interdum sit amet dictum vel, eleifend nec nunc. Aliquam rutrum malesuada aliquet.</strong></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:120px;float:left;height:120px;background:#FDA398;margin-top:-55px;margin-left:5px;border:solid 1px #D76451;overflow:hidden;"><img alt="" src="https://78.media.tumblr.com/703c64ae43d4e92298b3d4f31e419379/tumblr_nyn37qzdU61tfpvc0o2_400.jpg" style="width:120px;height:150px;" /></div>
<div style="width:120px;float:left;height:121px;margin-top:-120px;margin-left:5px;">
<div style="width:120px;float:left;height:121px;overflow:hidden;">
<div style="width:140px;float:left;height:121px;overflow:auto;">
<div style="width:120px;float:left;">
<div style="width:113px;float:left;height:10px;margin-top:55px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:17px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:0px;margin-left:0px;"><em><strong>personality</strong></em></p>
</div>
<div style="width:110px;float:left;background:#FDA398;margin-top:56px;margin-left:5px;opacity:.65;">
<div style="width:103px;float:left;font-family:Arial;font-size:8px;color:#fff;letter-spacing:0px;line-height:8px;text-align:justify;text-transform:uppercase;margin-top:5px;margin-left:5px;opacity:.9999;"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin scelerisque justo, et tincidunt turpis. Integer porttitor erat at tortor suscipit, vel luctus purus egestas. Donec vitae blandit nunc, id pretium lorem. Donec bibendum ornare tellus, vitae sodales velit suscipit nec. Integer varius, ligula et volutpat tristique, diam justo blandit velit, at tempor dolor risus sit amet quam. Integer vestibulum mauris odio, sed tristique libero condimentum id. Sed sit amet orci id metus lobortis venenatis. Morbi quis sagittis justo, vitae porttitor nisi. Quisque pharetra nulla a felis eleifend euismod. Mauris a pellentesque eros. Integer dolor nunc, interdum sit amet dictum vel, eleifend nec nunc. Aliquam rutrum malesuada aliquet.</strong></div>
</div>
</div>
</div>
</div>
</div>
<div style="width:120px;float:left;height:119px;background:#fff;margin-top:-62px;margin-left:130px;border:solid 1px #D76451;overflow:hidden;"><img alt="" src="https://78.media.tumblr.com/c77583c1fdb79b033e89bc9e05c6acd8/tumblr_nzl0uw0Uef1smxkhio3_400.jpg" style="width:120px;height:150px;" /></div>
<div style="width:120px;float:left;height:118px;margin-top:-118px;margin-left:130px;">
<div style="width:120px;float:left;height:118px;overflow:hidden;">
<div style="width:140px;float:left;height:118px;overflow:auto;">
<div style="width:120px;float:left;">
<div style="width:113px;float:left;height:10px;margin-top:55px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:25px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:0px;margin-left:0px;"><em><strong>tracker</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:65px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
<div style="width:110px;float:left;height:1px;background:#FDA398;margin-top:10px;margin-left:5px;">
<p style="font-family:'Century Gothic';font-size:9px;color:#FDA398;letter-spacing:-1px;line-height:9px;text-align:center;text-transform:uppercase;margin-top:-10px;margin-left:0px;"><em><strong>name - location</strong></em></p>
</div>
</div>
</div>
</div>
</div>
<div style="width:50px;float:left;height:55px;margin-top:-65px;margin-left:10px;overflow:hidden;"><img alt="" src="http://78.media.tumblr.com/0a48d673496b9e518c9cb8d779824b70/tumblr_osnmzeUnX81tiv7e0o1_1280.png" style="width:50px;height:43px;" /></div>
<div style="width:120px;float:left;height:10px;margin-top:-55px;margin-left:60px;font-family:'Times New Roman';color:#AC6C82;font-size:8px;text-align:justify;line-height:9px;text-transform:uppercase;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/p-e-a-c-h-e-s-n-c-r-e-a-m-----------------------------new-layout-bonita-ft-oh-sehun-layoutshop-roleplaylayouts-theme-profilelayout-soft"><span style="color:#FDA398;"><strong>coded<br />
by<br />
peaches</strong></span></a></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment