Skip to content

Instantly share code, notes, and snippets.

@ataraxia17
Created April 17, 2018 03:17
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 ataraxia17/59d6f347e5bb387d92b1e6d1c7f9512f to your computer and use it in GitHub Desktop.
Save ataraxia17/59d6f347e5bb387d92b1e6d1c7f9512f to your computer and use it in GitHub Desktop.
<div style="width:390px;margin:auto;height:430px;background:#fff;overflow:hidden;">
<div style="width:390px;float:left;height:390px;background:#fff;overflow:hidden;">
<div style="width:390px;float:left;height:390px;overflow:hidden;">
<div style="width:410px;float:left;height:390px;overflow:auto;">
<div style="width:390px;float:left;">&nbsp;
<div style="width:230px;float:left;height:230px;background:#fff;border-radius:100%;margin-top:75px;margin-left:75px;overflow:hidden;"><img alt="" src="https://i.imgur.com/qoayDsQ.jpg" style="width:230px;height:230px;" /></div>
<div style="width:230px;float:left;height:10px;margin-top:-130px;margin-left:75px;">
<p style="font-family:Arial;font-size:45px;color:#fff;letter-spacing:1px;text-align:center;text-transform:lowercase;line-height:110%;margin-top:0px;"><strong>애기。</strong></p>
</div>
<div style="width:230px;float:left;height:10px;margin-top:-80px;margin-left:65px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>scroll up</strong></p>
</div>
<div style="width:390px;float:left;height:390px;background:#FFEF9E;margin-top:90px;margin-left:0px;">
<div style="width:195px;float:left;height:390px;background:#FFEF9E;margin-top:0px;margin-left:0px;">
<div style="width:175px;float:left;height:175px;background:#fff;margin-top:10px;margin-left:10px;">
<div style="width:155px;float:left;height:155px;background:#FFEF9E;margin-top:10px;margin-left:10px;">
<div style="width:135px;float:left;height:135px;background:#fff;margin-top:10px;margin-left:10px;overflow:hidden;"><img alt="" src="https://i.imgur.com/qoayDsQ.jpg" style="width:135px;height:135px;" /></div>
</div>
<div style="width:175px;float:left;height:5px;margin-top:15px;margin-left:0px;">
<p style="font-family:Arial;font-size:25px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>febreeze</strong></p>
</div>
<div style="width:170px;float:left;height:5px;margin-top:-5px;margin-left:0px;">
<p style="font-family:Arial;font-size:25px;color:#FFC8B7;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fff;"><strong>febreeze</strong></p>
</div>
<div style="width:125px;float:left;height:5px;margin-top:30px;margin-left:25px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>trivia</strong></p>
</div>
<div style="width:125px;float:left;height:5px;margin-top:10px;margin-left:25px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>trivia</strong></p>
</div>
<div style="width:125px;float:left;height:5px;margin-top:10px;margin-left:25px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>trivia</strong></p>
</div>
<div style="width:125px;float:left;height:110px;background:#F8E0EC;margin-top:10px;margin-left:25px;">
<div style="width:125px;float:left;height:20px;background:#FFC8B7;margin-top:0px;margin-left:0px;">
<p style="font-family:Arial;font-size:10px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:5px;"><em><strong>#playlist</strong></em></p>
</div>
<div style="width:125px;float:left;height:90px;background:#fff;margin-top:0px;margin-left:0px;">
<div style="width:125px;float:left;height:90px;overflow:hidden;">
<div style="width:145px;float:left;height:90px;overflow:auto;">
<div style="width:125px;float:left;">
<div style="width:115px;float:left;height:80px;background:#BCA9F5;margin-top:5px;margin-left:5px;overflow:hidden;"><img alt="" src="https://www.thecoolhour.com/wp-content/uploads/2016/09/vibes-vol11-2.jpg" style="width:115px;height:115px;" /></div>
<div style="width:20px;float:left;height:20px;margin-top:-25px;margin-left:10px;"><iframe height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/234180057&amp;show_artwork=false&amp;color=FFC8B7" style="border:0px;" width="20"></iframe></div>
<div style="width:80px;float:left;height:5px;margin-top:-20px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>song name</strong></p>
</div>
<div style="width:80px;float:left;height:5px;margin-top:-10px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>artist</strong></p>
</div>
<div style="width:115px;float:left;height:80px;background:#BCA9F5;margin-top:5px;margin-left:5px;overflow:hidden;"><img alt="" src="https://www.thecoolhour.com/wp-content/uploads/2016/09/vibes-vol11-2.jpg" style="width:115px;height:115px;" /></div>
<div style="width:20px;float:left;height:20px;margin-top:-25px;margin-left:10px;"><iframe height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/234180057&amp;show_artwork=false&amp;color=FFC8B7" style="border:0px;" width="20"></iframe></div>
<div style="width:80px;float:left;height:5px;margin-top:-20px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>song name</strong></p>
</div>
<div style="width:80px;float:left;height:5px;margin-top:-10px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>artist</strong></p>
</div>
<div style="width:115px;float:left;height:80px;background:#BCA9F5;margin-top:5px;margin-left:5px;overflow:hidden;"><img alt="" src="https://www.thecoolhour.com/wp-content/uploads/2016/09/vibes-vol11-2.jpg" style="width:115px;height:115px;" /></div>
<div style="width:20px;float:left;height:20px;margin-top:-25px;margin-left:10px;"><iframe height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/234180057&amp;show_artwork=false&amp;color=FFC8B7" style="border:0px;" width="20"></iframe></div>
<div style="width:80px;float:left;height:5px;margin-top:-20px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>song name</strong></p>
</div>
<div style="width:80px;float:left;height:5px;margin-top:-10px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>artist</strong></p>
</div>
<div style="width:115px;float:left;height:80px;background:#BCA9F5;margin-top:5px;margin-left:5px;overflow:hidden;"><img alt="" src="https://www.thecoolhour.com/wp-content/uploads/2016/09/vibes-vol11-2.jpg" style="width:115px;height:115px;" /></div>
<div style="width:20px;float:left;height:20px;margin-top:-25px;margin-left:10px;"><iframe height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/234180057&amp;show_artwork=false&amp;color=FFC8B7" style="border:0px;" width="20"></iframe></div>
<div style="width:80px;float:left;height:5px;margin-top:-20px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>song name</strong></p>
</div>
<div style="width:80px;float:left;height:5px;margin-top:-10px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>artist</strong></p>
</div>
<div style="width:115px;float:left;height:80px;background:#BCA9F5;margin-top:5px;margin-left:5px;overflow:hidden;"><img alt="" src="https://www.thecoolhour.com/wp-content/uploads/2016/09/vibes-vol11-2.jpg" style="width:115px;height:115px;" /></div>
<div style="width:20px;float:left;height:20px;margin-top:-25px;margin-left:10px;"><iframe height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/234180057&amp;show_artwork=false&amp;color=FFC8B7" style="border:0px;" width="20"></iframe></div>
<div style="width:80px;float:left;height:5px;margin-top:-20px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#fff;"><strong>song name</strong></p>
</div>
<div style="width:80px;float:left;height:5px;margin-top:-10px;margin-left:35px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:left;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>artist</strong></p>
</div>
</div>
</div>
</div>
<div style="width:195px;float:left;height:390px;background:#F8E0EC;margin-top:-380px;margin-left:160px;">
<div style="width:195px;float:left;height:390px;overflow:hidden;">
<div style="width:195px;float:left;height:410px;overflow:auto;">
<div style="width:420px;float:left;">
<div style="width:195px;float:left;height:10px;margin-top:150px;margin-left:0px;">
<p style="font-family:Arial;font-size:45px;color:#fff;letter-spacing:1px;text-align:center;text-transform:lowercase;line-height:110%;margin-top:0px;"><strong>info</strong></p>
</div>
</div>
<div style="width:195px;float:left;height:10px;margin-top:35px;margin-left:0px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:0px;"><strong>scroll right</strong></p>
</div>
<div style="width:175px;float:left;height:370px;background:#fff;margin-top:-195px;margin-left:235px;">
<div style="width:175px;float:left;height:370px;overflow:hidden;">
<div style="width:195px;float:left;height:370px;overflow:auto;">
<div style="width:175px;float:left;">
<div style="width:120px;float:left;height:20px;background:#F8E0EC;margin-top:5px;margin-left:0px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:5px;"><strong>section: name</strong></p>
</div>
<div style="width:10px;float:left;margin-top:5px;margin-left:-10px;">
<div style="width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
<div style="width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
</div>
<div style="width:165px;float:left;height:20px;margin-top:5px;margin-left:5px;">
<p style="font-family:Arial;font-size:8px;color:#F8E0EC;letter-spacing:1px;text-align:justify;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F8E0EC;border-top-width:1px;border-top-style:solid;border-top-color:#F8E0EC;"><strong>ホョラヘはっこへ、ろ。めめそやセリマヌねあニタクオねせふくっらすタネよ列派夜離巣模オレセロアいめて以派課他たにうち瀬個ヒャモクヤ津ネクヘコヘ瀬野鵜留ちてにれ露ふち遊目しりぬぬ瀬樹き無個名露保留以。 譜樹氏等差毛舳御御。んえ擢等。ろへ模氏ッアト、、巣へてせっきやそひぬめこうみ日擢めっよ手知区こすこけ氏ナケニ野保もゅ。は知離素樹舳列派ほの課御雲樹、個素る尾差露、ゃまあし鵜舳離もねひテセサコモ。</strong></p>
<div style="width:120px;float:left;height:20px;background:#F8E0EC;margin-top:-5px;margin-left:-5px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:5px;"><strong>section: name</strong></p>
</div>
<div style="width:10px;float:left;margin-top:-5px;margin-left:-10px;">
<div style="width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
<div style="width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
</div>
<div style="width:60px;float:left;height:60px;background:#fff;border-radius:100%;margin-top:5px;margin-left:0px;"><img alt="" src="https://78.media.tumblr.com/ffd85118f70837c8e735b5c8ebd1af12/tumblr_p5k3vot51h1ujrszmo3_250.jpg" style="width:60px;height:60px;border-width:5px;border-color:#CEE3F6;border-radius:100%;border-style:solid;" /></div>
<div style="width:60px;float:left;height:5px;margin-top:10px;margin-left:-3px;">
<p style="font-family:Arial;font-size:8px;color:#CEE3F6;letter-spacing:1px;text-align:right;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CEE3F6;"><strong>name</strong></p>
</div>
<div style="width:50px;float:left;height:5px;margin-top:15px;margin-left:0px;">
<p style="font-family:Arial;font-size:8px;color:#CEE3F6;letter-spacing:1px;text-align:right;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CEE3F6;"><strong>status</strong></p>
</div>
<div style="width:70px;float:left;margin-top:15px;margin-left:-13px;">
<p style="font-family:Arial;font-size:8px;color:#CEE3F6;letter-spacing:1px;text-align:right;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CEE3F6;"><strong>00.00.00</strong></p>
</div>
</div>
<div style="width:165px;float:left;height:5px;margin-top:180px;margin-left:5px;">
<p style="font-family:Arial;font-size:8px;color:#CEE3F6;letter-spacing:1px;text-align:justify;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CEE3F6;border-top-width:1px;border-top-style:solid;border-top-color:#CEE3F6;"><strong>ホョラヘはっこへ、ろ。めめそやセリマヌねあニタクオねせふくっらすタネよ列派夜離巣模オレセロアいめて以派課他たにうち瀬個ヒャモクヤ津ネクヘコヘ瀬野鵜留ちてにれ露ふち遊目しりぬぬ瀬樹き無個名露保留以。 譜樹氏等差毛舳御御。んえ擢等。ろへ模氏ッアト、、巣へてせっきやそひぬめこうみ日擢めっよ手知区こすこけ氏ナケニ野保もゅ。は知離素樹舳列派ほの課御雲樹、個素る尾差露、ゃまあし鵜舳離もねひテセサコモ。</strong></p>
<div style="width:120px;float:left;height:20px;background:#F8E0EC;margin-top:-5px;margin-left:-5px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:5px;"><strong>section: name</strong></p>
</div>
<div style="width:10px;float:left;margin-top:-5px;margin-left:-10px;">
<div style="width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
<div style="width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
</div>
<div style="width:165px;float:left;height:5px;margin-top:5px;margin-left:0px;">
<p style="font-family:Arial;font-size:8px;color:#F8E0EC;letter-spacing:1px;text-align:justify;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F8E0EC;border-top-width:1px;border-top-style:solid;border-top-color:#F8E0EC;"><strong>Name : Location<br />
Name : Location<br />
Name : Location<br />
Name : Location<br />
Name : Location<br />
Name : Location</strong></p>
<div style="width:120px;float:left;height:20px;background:#F8E0EC;margin-top:-5px;margin-left:-5px;">
<p style="font-family:Arial;font-size:8px;color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:5px;"><strong>section: name</strong></p>
</div>
<div style="width:10px;float:left;margin-top:-5px;margin-left:-10px;">
<div style="width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
<div style="width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;float:left;">&nbsp;</div>
</div>
<div style="width:165px;float:left;height:5px;margin-top:5px;margin-left:0px;">
<p style="font-family:Arial;font-size:8px;color:#F8E0EC;letter-spacing:1px;text-align:justify;text-transform:uppercase;line-height:110%;margin-top:0px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F8E0EC;border-top-width:1px;border-top-style:solid;border-top-color:#F8E0EC;"><strong>ホョラヘはっこへ、ろ。めめそやセリマヌねあニタクオねせふくっらすタネよ列派夜離巣模オレセロアいめて以派課他たにうち瀬個ヒャモクヤ津ネクヘコヘ瀬野鵜留ちてにれ露ふち遊目しりぬぬ瀬樹き無個名露保留以。 譜樹氏等差毛舳御御。んえ擢等。ろへ模氏ッアト、、巣へてせっきやそひぬめこうみ日擢めっよ手知区こすこけ氏ナケニ野保もゅ。は知離素樹舳列派ほの課御雲樹、個素る尾差露、ゃまあし鵜舳離もねひテセサコモ。</strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:40px;float:left;height:34px;background:#fff;margin-top:5px;"><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-my-dear-melancholy-ft-the-weeknd-layoutshop-roleplaylayouts-theme-profilelayout-soft-peachboy-peaches"><img alt="" src="http://78.media.tumblr.com/0a48d673496b9e518c9cb8d779824b70/tumblr_osnmzeUnX81tiv7e0o1_500.png" style="width:40px;height:34px;" /></a></div>
<div style="width:auto;float:left;height:10px;background:#fff;margin-top:15px;">
<p style="font-family:'Times New Roman';font-size:8px;color:#FFC8B7;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:110%;margin-top:5px;"><em><strong>coded by peaches</strong></em></p>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment