Skip to content

Instantly share code, notes, and snippets.

@funruby
funruby / 01 - Homepage
Created January 1, 2016 17:51
[T] Saturation
<div style="width:900px;float:left;margin:auto;margin-bottom:20px;">
<div style="width:900px;height:80px;background-color:#000;float:left;margin:0px;">
<div style="width:900px;margin-top:33px;">
<div style="width:100px;float:left;margin-left:100px;">
<div style="color:#FFFFFF;text-align:left;text-transform:uppercase;line-height:100%;font-family:calibri, arial;font-size:14px;">link</div>
</div>
<div style="width:100px;float:left;margin-left:30px;">
<div style="color:#FFFFFF;text-align:left;text-transform:uppercase;line-height:100%;font-family:calibri, arial;font-size:14px;">link</div>
</div>
@funruby
funruby / 01 - Homepage
Last active June 15, 2016 23:24
[T] Cali Waves
<div style="width:840px;float:left;margin:auto;margin-bottom:20px;margin-left:35px;"><img alt="" src="http://i.imgur.com/WrVQjUd.png?1" style="width:420px;float:left;margin:-3px;padding:3px;height:541px;" /><img alt="" src="http://i.imgur.com/87ILq4G.png?1" style="width:420px;float:left;margin:-3px;padding:3px;" />
<div style="width:846px;float:left;margin:0px;height:547px;margin-top:-547px;margin-left:-3px;">
<div style="width:345px;height:255px;float:left;margin-left:250.5px;margin-top:120px;">
<div style="width:345px;height:14px;float:left;margin:0px;">
<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>
<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-heig
@funruby
funruby / 01 - Homepage
Last active June 15, 2016 23:24
[RP] Shades of Pretty
<div style="width:905px;height:600px;float:right;margin:auto;margin-bottom:20px;background-color:#D8DACF;padding-top:20px;">
<div style="width:330px;height:600px;float:right;margin-right:25px;"><img alt="" src="http://i.imgur.com/uTEF9bn.png" style="height:600px;float:right;width:330px;" /></div>
<div style="width:330px;height:600px;float:right;margin-right:-330px;">
<div style="width:140px;height:15px;padding:5px;border:3px solid transparent;float:right;margin-right:30px;margin-top:30px;">
<div style="font-family:futura, 'trebuchet ms';font-size:15px;color:#888888;text-align:center;line-height:100%;text-transform:uppercase;">home</div>
</div>
<div style="width:140px;height:15px;padding:8px;background-color:#80D1C2;float:right;margin-right:30px;margin-top:2px;">
<div style="font-family:futura, 'trebuchet ms';font-size:15px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;"><a href="#" rel="nofollow"><span style="color:#FFFFFF;">masterlist</span></a></div>
@funruby
funruby / 01 - Homepage
Last active June 15, 2016 23:24
[T] Peace of Mind
<div style="width:850px;float:left;margin:auto;margin-bottom:50px;margin-left:20px;"><img alt="banner background" src="https://farm8.staticflickr.com/7234/7158802871_dde419cc40_h.jpg" style="width:850px;float:left;margin:-3px;padding:3px;height:529px;opacity:.9;" />
<div style="width:856px;margin-left:-3px;height:535px;margin-top:-532px;float:left;overflow:hidden;opacity:.999;">
<div style="width:880px;height:529px;overflow:auto;float:left;margin-left:3px;margin-top:3px;opacity:.999;">
<div style="width:300px;height:409px;background-color:#FFFFFF;float:left;margin-left:50px;margin-top:60px;">
<div style="margin-top:55px;">
<div style="font-family:'century gothic', futura, 'trebuchet ms';font-size:10px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;margin-left:30px;margin-right:30px;letter-spacing:1px;">est. oct 1945</div>
</div>
<div style="margin-top:-10px;">
<div style="font-family:'century gothic';font-size:85px;color:#000;text-align:center;line-height:100%;text-transform:uppercase
@funruby
funruby / 01 - Homepage
Last active May 25, 2016 03:25
[T] - Silent Night
<div style="width:900px;float:left;margin:auto;margin-bottom:20px;"><img alt="background" src="http://i.imgur.com/Uu3GAvq.jpg" style="width:900px;float:left;height:650px;" />
<div style="width:900px;height:650px;float:left;margin-top:-650px;overflow:hidden;">
<div style="width:300px;height:650px;float:left;background-color:#212121;opacity:.68;">&nbsp;</div>
<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>
<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>
</div>
<div style="width:900px;height:650px;float:left;margin-top:-650px;opacity:.999;">
<div style="width:800px;float:left;margin:auto;margin-left:50px;margin-bottom:25px;">
<div style="width:800px;float:left;">
<div style="font-family:'century gothic';font-size:25px;color:#000;float:right;line-height:100%;text-transform:uppercase;letter-spacing:2px;margin-right:20px;"><span style="font-size:11px;">est. 1945</span>united nations</div>
<div style="width:230px;float:left;margin-left:10px;">
<div style="width:25px;height:25px;background-color:#000;border-radius:25px;float:left;">
<div style="margin-top:6px;">
<div style="font-family:courier;font-size:13px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;" title="story link"><a href="#"><span style="color:#FFFFFF;">S</span></a></div>
</div>
</div>
<div style="width:800px;float:left;margin:auto;margin-bottom:20px;overflow:hidden;"><img alt="background" src="http://i.imgur.com/D1asBik.png" style="width:800px;float:left;margin:-3px;padding:3px;height:800px;" />
<div style="width:800px;float:left;height:800px;margin-top:-800px;">
<div style="width:650px;height:650px;border:10px solid #FFFFFF;float:left;margin:65px;">
<div style="width:650px;float:left;margin-top:305px;">
<div style="width:135px;height:10px;margin-top:35px;background-color:#FFFFFF;float:left;">&nbsp;</div>
<div style="width:366px;height:70px;float:left;margin-left:7px;">
<div style="font-family:didot, georgia, 'times new roman';font-size:70px;text-transform:uppercase;line-height:100%;text-align:center;color:#FFFFFF;">lee jinki</div>
</div>
<div style="width:590px;height:670px;overflow:hidden;float:left;margin:auto;margin-bottom:25px;margin-left:150px;background-color:#F0F0F0;"><img alt="background" src="https://36.media.tumblr.com/d809cde44e9a1fc64869fb45554f6ad9/tumblr_nop4ouPWEE1s5jtbeo1_500.jpg" style="width:590px;height:670px;float:left;" />
<div style="width:593px;height:654px;float:left;margin-left:-3px;margin-top:-670px;">
<div style="width:300px;float:left;">
<div style="width:300px;height:654px;float:left;margin-left:60px;">
<div style="width:250px;height:300px;background-color:#FFFFFF;float:left;opacity:.8;">
<div style="margin-top:40px;">
<div style="font-family:calibri;font-size:11px;color:#719CA6;text-align:justify;line-height:115%;letter-spacing:.1px;margin-left:35px;margin-right:35px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper