API tools faq
paste
Advertisement
flamzfox

Miracles in December Home

flamzfox
Dec 11th, 2013
1,343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.11 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:760px;text-align:justify;font-family:'trebuchet ms';line-height:100%;">
  2.  
  3. <div style="float:left;width:760px;background-color:#c4bfc0;">
  4.     <div style="float:left;padding-top:11px;padding-bottom:11px;">
  5.         <div style="float:left;width:260px;height:200px;background-color:#a3b7c9;text-align:right;">
  6.             <div style="float:right;width:245px;height:60px;margin-top:150px;">
  7.                 <div style="float:right;width:230px;margin-right:15px;color:#fafafa;font-size:15px;">
  8.                     <em>facebook roleplay</em>
  9.                 </div>
  10.                 <div style="float:right;width:230px;margin-right:15px;color:#ffffff;font-size:20px;text-transform:uppercase;">
  11.                     miracles in december
  12.                 </div>
  13.                 <div style="float:right;width:210px;margin-right:35px;font-size:14px;">
  14.                     <a href="#" style="color:#7d8ba2;" title="link one">1</a>&nbsp;
  15.                     <a href="#" style="color:#7d8ba2;" title="link two">2</a>&nbsp;
  16.                     <a href="#" style="color:#7d8ba2;" title="link three">3</a>&nbsp;
  17.                     <a href="#" style="color:#7d8ba2;" title="link four">4</a>&nbsp;
  18.                     <a href="#" style="color:#7d8ba2;" title="link five">5</a>&nbsp;
  19.                     <a href="#" style="color:#7d8ba2;" title="link six">6</a>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.         <div style="float:left;width:500px;height:200px;">
  24.             <img src="http://i.imgur.com/NIpgCmL.gif" style="padding:3px;margin:-3px;width:500px;height:200px;">
  25.         </div>
  26.     </div>
  27.  
  28.     <div style="float:left;background-color:#f2f2f2;width:760px;">
  29.         <div style="float:left;padding:15px;">
  30.  
  31.             <div style="float:left;width:400px;">
  32.                 <div style="float:left;width:415px;height:25px;margin-left:-15px;background-color:#fafafa;">
  33.                     <div style="float:left;width:25px;height:25px;margin-left:15px;background-color:#a3b7c9;">&nbsp;</div>
  34.                     <div style="width:365px;height:25px;line-height:25px;float:right;text-transform:uppercase;font-size:17px;letter-spacing:1.5px;color:#a3b7c9;">about us</div>
  35.                 </div>
  36.                 <div style="float:left;width:400px;margin-top:10px;background-color:#fafafa;">
  37.                     <div style="float:left;padding:8px;color:#53585d;font-size:13px;">
  38.                         <p>
  39.                             Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  40.                         </p>
  41.                     </div>
  42.                 </div>
  43.  
  44.                 <div style="float:left;width:415px;height:25px;margin-left:-15px;background-color:#fafafa;margin-top:25px;">
  45.                     <div style="float:left;width:25px;height:25px;margin-left:15px;background-color:#a3b7c9;">&nbsp;</div>
  46.                     <div style="width:365px;height:25px;line-height:25px;float:right;text-transform:uppercase;font-size:17px;letter-spacing:1.5px;color:#a3b7c9;">news and updates</div>
  47.                 </div>
  48.                 <div style="float:left;width:400px;margin-top:10px;background-color:#fafafa;">
  49.                     <div style="float:left;padding:8px;color:#53585d;font-size:13px;">
  50.                         <p>
  51.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">1</span>2.11.2013</span> Porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  52.                         </p>
  53.  
  54.                         <p>
  55.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">1</span>2.11.2013</span> Psed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  56.                         </p>
  57.                     </div>
  58.                 </div>
  59.  
  60.                 <div style="float:left;width:415px;height:25px;margin-left:-15px;background-color:#fafafa;margin-top:25px;">
  61.                     <div style="float:left;width:25px;height:25px;margin-left:15px;background-color:#a3b7c9;">&nbsp;</div>
  62.                     <div style="width:365px;height:25px;line-height:25px;float:right;text-transform:uppercase;font-size:17px;letter-spacing:1.5px;color:#a3b7c9;">rules and regulations</div>
  63.                 </div>
  64.                 <div style="float:left;width:400px;margin-top:10px;background-color:#fafafa;">
  65.                     <div style="float:left;padding:8px;color:#53585d;font-size:13px;">
  66.                         <p>
  67.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">1</span></span> Nemo enim ipsam voluptatem sed quia consequuntur. <span style="color:#c4bfc0;"><span style="font-weight:bold;">2</span></span> Porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur. <span style="color:#c4bfc0;"><span style="font-weight:bold;">3</span></span> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, dolore magnam aliquam quaerat voluptatem. <span style="color:#c4bfc0;"><span style="font-weight:bold;">4</span></span> Nemo enim ipsam voluptatem sed quia consequuntur. <span style="color:#c4bfc0;"><span style="font-weight:bold;">5</span></span> Porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur. <span style="color:#c4bfc0;"><span style="font-weight:bold;">6</span></span> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, dolore magnam aliquam quaerat voluptatem.
  68.                         </p>
  69.                         <p style="text-align:center;"><span style="font-size:18px;"><span style="color:#c4bfc0">how to join</span></span></p>
  70.                         <div style="float:left;margin-left:42px;width:300px;">
  71.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">a</span>.</span> Nemo enim est, quinim est, qui dolorem ipsam voluptatem sed quia consequuntur.<br/>
  72.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">b</span>.</span> Nemo sed quia consequuntur.<br/>
  73.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">c</span>.</span> Nemo enim ipsam amet, consectetur, nim est, qui voluptatem sed quia consequuntur.<br/>
  74.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">d</span>.</span> Nemo enim ipsam voluptatem sed quia consequunturnim est, qui.<br/>
  75.                             <span style="color:#c4bfc0;"><span style="font-weight:bold;">e</span>.</span> Nemo enim ipsamui dolorem ipsum voluptatem sed quia consequuntur.<br/>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.  
  81.             <div style="float:left;margin-left:15px;width:315px;">
  82.                 <div style="float:left;width:315px;height:140px;background-color:#c4bfc0;">
  83.                     <div style="float:left;padding:6px;">
  84.                         <a href="#" title="event description here"><img src="http://i.imgur.com/ubruHRN.png" style="padding:3px;margin:-3px;width:303px;height:128px;"></a>
  85.                     </div>
  86.                 </div>
  87.  
  88.                 <div style="float:left;width:315px;height:64px;margin-top:25px;">
  89.                     <div style="float:left;width:59px;">
  90.                         <iframe height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/123213396&amp;color=a3b7c9&amp;;show_artwork=false" width="59"></iframe>
  91.                     </div> 
  92.                     <div style="float:right;width:236px;height:34px;margin-top:15px;color:#a3b7c9;">
  93.                         <span style="line-height:13px;font-size:13px;">now playing...</span><br/>
  94.                         <span style="letter-spacing:2px;line-height:21px;font-size:19px;">Miracles in December</span>
  95.                     </div>
  96.                 </div>
  97.  
  98.                 <div style="float:left;width:315px;">
  99.                     <div style="float:right;margin-top:18px;width:118px;height:20px;background-color:#c4bfc0;color:#ffffff;text-align:center;text-transform:uppercase;font-size:13px;line-height:20px;">rp admins</div>
  100.                     <div style="float:left;width:315px;background-color:#a3b7c9;">
  101.                         <div style="float:left;padding:6px;">
  102.                             <div style="float:left;width:303px;height:65px;">
  103.                                 <a href="#" title="admin krystal - description here"><img src="http://i.imgur.com/6Avyino.gif" style="padding:3px;margin:-3px;width:303px;height:65px;"></a>
  104.                             </div>
  105.                             <div style="float:left;width:303px;height:65px;">
  106.                                 <a href="#" title="admin chanyeol - description here"><img src="http://i.imgur.com/0UKeEHV.gif" style="padding:3px;margin:-3px;width:303px;height:65px;"></a>
  107.                             </div>
  108.                             <div style="float:left;width:303px;height:65px;">
  109.                                 <a href="#" title="admin himchan - description here"><img src="http://i.imgur.com/VGc3Qxg.gif" style="padding:3px;margin:-3px;width:303px;height:65px;"></a>
  110.                             </div>
  111.                             <div style="float:left;width:303px;height:65px;">
  112.                                 <a href="#" title="admin onew - description here"><img src="http://i.imgur.com/0NjO8zM.gif" style="padding:3px;margin:-3px;width:303px;height:65px;"></a>
  113.                             </div>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.  
  118.                 <div style="float:left;width:315px;margin-top:25px;">
  119.                     <div style="float:left;width:315px;height:20px;background-color:#a3b7c9;color:#ffffff;text-align:center;text-transform:uppercase;font-size:13px;line-height:20px;">newest members</div>
  120.                     <div style="float:left;margin-top:10px;width:315px;">
  121.                         <div style="float:left;width:98px;height:98px;background-color:#c4bfc0;">
  122.                             <div style="float:left;padding:6px;">
  123.                                 <img src="http://i.imgur.com/hewBwFi.jpg" style="width:86px;height:86px;" title="member name"></a>
  124.                             </div> 
  125.                         </div>
  126.                         <div style="float:left;margin-left:10.5px;width:98px;height:98px;background-color:#c4bfc0;">
  127.                             <div style="float:left;padding:6px;">
  128.                                 <img src="http://i.imgur.com/hewBwFi.jpg" style="width:86px;height:86px;" title="member name"></a>
  129.                             </div> 
  130.                         </div>
  131.                         <div style="float:left;margin-left:10.5px;width:98px;height:98px;background-color:#c4bfc0;">
  132.                             <div style="float:left;padding:6px;">
  133.                                 <img src="http://i.imgur.com/hewBwFi.jpg" style="width:86px;height:86px;" title="member name"></a>
  134.                             </div> 
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.  
  140.         </div>
  141.     </div>
  142. </div>
  143.  
  144. <div style="float:left;width:760px;background-color:#c4bfc0;color:#ffffff;font-size:10px;text-transform:uppercase;">
  145.     <div style="float:left;padding:15px;padding-top:9px;padding-bottom:9px;">
  146.         <div style="float:left;width:730px;text-align:center;line-height:10px;height:10px;">
  147.             layout designed and coded by flamzfox at <a href="http://www.asianfanfics.com/story/view/576337" style="color:#ffffff;font-weight:bold;">Cerulean Themes</a>
  148.         </div>
  149.     </div>
  150. </div>
  151.  
  152.  
  153. </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!