API tools faq
paste
Advertisement
flamzfox

A Simple Catastrophe [Home]

flamzfox
Mar 20th, 2015
963
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.40 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:680px;font-family:Arial;text-align:justify;color:#29292a;font-size:9px;line-height:10px;">
  2.     <div style="float:left;width:560px;padding:60px;background-color:#efefef;">
  3.         <div style="float:left;width:560px;height:200px;">
  4.             <img src="https://lh4.googleusercontent.com/9JwXb16y59AlP_De4Vxvwz-LneI1SCE_jAPsO5j6Xzk=w560-h200-no" style="float:left;margin:0;padding:0;width:560px;height:200px;border-radius:0;">
  5.             <div style="float:left;width:560px;height:200px;margin-top:-200px;">
  6.                 <div style="float:left;width:230px;height:60px;margin-left:165px;">
  7.                     <div style="float:left;width:2px;height:60px;background-color:#29292a;"></div>
  8.                     <div style="float:left;margin-left:226px;width:2px;height:60px;background-color:#29292a;"></div>
  9.                 </div> 
  10.                 <div style="float:left;width:230px;height:80px;margin-left:165px;background-color:#29292a;color:#ffffff;text-align:center;text-transform:uppercase;">
  11.                     <div style="float:left;width:230px;height:30px;margin-top:25px;font-family:'helvetica neue';">
  12.                         <span style="font-size:16px;line-height:20px;">catastrophe</span><br/>
  13.                         <span style="font-size:8px;line-height:10px;">an aff roleplay</span>
  14.                     </div>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.  
  19.         <div style="float:left;width:560px;margin-top:18px;">
  20.             <div style="float:left;width:160px;">
  21.                 <div style="float:left;width:130px;background-color:#ffffff;padding:15px;">
  22.                     <div style="float:left;width:130px;text-align:center;font-size:14px;font-weight:900;text-transform:uppercase;margin-bottom:10px;">
  23.                         about us
  24.                     </div>
  25.                     Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante. Vestibulum in dolor varius, consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  26.                     <div style="float:left;margin-top:10px;width:130px;font-weight:600;line-height:10px;text-transform:uppercase;text-align:right;">
  27.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;">
  28.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">first link</a>
  29.                         </div>
  30.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  31.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">second link</a>
  32.                         </div>
  33.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  34.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">third link</a>
  35.                         </div>
  36.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  37.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">fourth link</a>
  38.                         </div>
  39.                         <div style="float:left;width:130px;background-color:#89141c;height:10px;margin-top:3px;">
  40.                             <a href="#" style="color:#89141c;background-color:#fff;padding-left:10px;">fifth link</a>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.                 <div style="float:left;width:130px;background-color:#ffffff;padding:15px;text-align:center;font-size:8px;text-transform:uppercase;margin-top:10px;font-weight:600;">
  45.                     layout &copy; <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#29292a;font-weight:900;">cerulean tm</a>
  46.                 </div>
  47.             </div>
  48.             <div style="float:left;width:360px;margin-left:10px;background-color:#ffffff;padding:15px;">
  49.                 <div style="float:left;width:165px;height:25px;margin:0 0 20px -15px;background-color:#89141c;padding:10px;color:#ffffff;font-weight:900;text-transform:uppercase;text-align:left;">
  50.                     <span style="font-size:14px;line-height:16px;">the rules</span><br/>
  51.                     <span style="font-size:8px;line-height:9px;font-weight:600;">so we all end in catastrophe</span>
  52.                 </div>
  53.                 <div style="float:left;width:360px;">
  54.                     Etiam venenatis justo ligula, sed mollis metus varius eu. Proin eget malesuada massa, ut rhoncus velit. Nunc vestibulum fermentum gravida. <br/><br/>
  55.                     Mauris scelerisque, sapien at lacinia ultricies, odio diam tristique est, a ultricies felis sem vitae orci. Fusce sit amet tempor felis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
  56.                     Pendisse nunc condimentum massa cursus nibh pretium mollis a metus magnis mollis a metus magnis, tempus volutpat velit posuere.
  57.                 </div>
  58.                 <div style="float:left;width:360px;margin-top:45px;text-align:center;font-weight:900;text-transform:uppercase;">
  59.                     <span style="font-size:14px;line-height:16px;">how to join</span><br/>
  60.                     <span style="font-size:8px;line-height:9px;font-weight:600;color:#89141c;">this is our diaster now</span>
  61.                 </div>
  62.                 <div style="float:left;width:360px;margin-top:20px;">
  63.                     Etiam venenatis justo ligula, sed mollis metus varius eu. Proin eget malesuada massa, ut rhoncus velit. Nunc vestibulum fermentum gravida. <br/><br/>
  64.                     Mauris scelerisque, sapien at lacinia ultricies, odio diam tristique est, a ultricies felis sem vitae orci. Fusce sit amet tempor felis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
  65.                     Mauris scelerisque, sapien at lacinia ultricies, odio diam tristique est, a ultricies felis sem vitae orci. Fusce sit amet tempor felis. Nunc rutrum nisi cursus libero pretium, sit amet euismod tortor iaculis. Vestibulum condimentum tincidunt convallis. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  66.                 </div>
  67.                 <div style="float:left;width:360px;margin-top:45px;text-align:center;font-weight:900;text-transform:uppercase;">
  68.                     <span style="font-size:14px;line-height:16px;">rp admins</span><br/>
  69.                     <span style="font-size:8px;line-height:9px;font-weight:600;color:#89141c;">this world has its rulers</span>
  70.                 </div>
  71.                 <div style="float:left;width:360px;margin-top:20px;">
  72.                     <a href="#" title="ADMIN 1">
  73.                         <img src="http://41.media.tumblr.com/d634c040d93f85f67f56d1f307e786fd/tumblr_nla4265b7O1r0couto8_250.jpg" style="float:left;margin:0;padding:0;width:68px;height:68px;border-radius:68px;">
  74.                     </a>
  75.                     <a href="#" title="ADMIN 2">
  76.                         <img src="http://40.media.tumblr.com/6af73d842bb7c3f52afc84478a328c17/tumblr_nl9wkwJ2Wg1r0couto6_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  77.                     </a>
  78.                     <a href="#" title="ADMIN 3">
  79.                         <img src="http://41.media.tumblr.com/adceb6470974e721dc0886f4c0430418/tumblr_nl7dyv81Il1r0couto3_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  80.                     </a>
  81.                     <a href="#" title="ADMIN 4">
  82.                         <img src="http://40.media.tumblr.com/d4a98636828a6adcf4e86b5dafddcef0/tumblr_nl8m585QAY1r0couto5_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  83.                     </a>
  84.                     <a href="#" title="ADMIN 5">
  85.                         <img src="http://41.media.tumblr.com/a111f7090e21e226e51e23c07e49bbed/tumblr_nl9ngavihi1r0couto5_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:68px;height:68px;border-radius:68px;">
  86.                     </a>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91.  
  92. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!