Advertisement
flamzfox

Night's Last Shot Home

Jan 3rd, 2014
367
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.30 KB | None | 0 0
  1. <div style="margin:0px auto 0px;width:860px;font-family:'Helvetica';text-align:justify;line-height:95%;color:#c2c0c0;background-color:#f2f2f2;text-transform:uppercase;">
  2.  
  3. <div style="float:left;width:860px;margin:0;padding:0;">
  4.  
  5. <div style="float:left;width:860px;height:100px;line-height:100px;font-size:11.5px;letter-spacing:1px;text-align:center;background-color:#000000;">
  6.     <a href="#" style="color:#b71616;">home</a>
  7.     <a href="#" style="color:#ffffff;margin-left:50px;">staff</a>
  8.     <a href="#" style="color:#ffffff;margin-left:50px;">status</a>
  9.     <a href="#" style="color:#ffffff;margin-left:50px;">link one</a>
  10.     <a href="#" style="color:#ffffff;margin-left:50px;">link two</a>
  11.     <a href="#" style="color:#ffffff;margin-left:50px;">link three</a>
  12.     <a href="#" style="color:#ffffff;margin-left:50px;">link four</a>
  13. </div>
  14.  
  15. <div style="float:left;width:860px;height:350px;">
  16.     <div style="float:left;width:860px;height:350px;">
  17.         <img src="http://i1373.photobucket.com/albums/ag378/flamxfox/shot_zpsf15b74a1.png" style="float:left;margin:0;padding:0;width:860px;height:350px;border-radius:0;">
  18.     </div>
  19.     <div style="float:left;width:300px;height:185px;margin-top:-200px;margin-left:530px;">
  20.         <div style="float:left;width:300px;height:73px;">
  21.             <div style="float:left;width:73px;height:73px;background-color:#000000;color:#ffffff;text-align:center;line-height:73px;font-weight:bold;font-size:80px;">
  22.                 <div style="float:left;width:73px;text-align:center;margin-top:34px;line-height:40px;">&#8220;</div>
  23.             </div> 
  24.             <div style="float:right;width:215px;height:73px;">
  25.                 <div style="float:left;width:215px;height:58px;color:#000000;line-height:58px;font-size:59px;letter-spacing:-3px;">lovely</div>
  26.                 <div style="float:left;width:215px;height:15px;color:#b71616;line-height:15px;font-size:15px;margin-top:-2px;">&nbsp;part of a lovely series</div>
  27.             </div>
  28.         </div>
  29.         <div style="float:left;margin-top:12px;width:300px;height:100px;color:#000000;font-size:10px;line-height:10px;overflow:hidden;">
  30.             <div style="float:left;width:300px;height:100px;overflow:auto;padding-right:12px;">
  31.                 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.<br/><br/>
  32.                 Ut enim ligula, lacinia eu vulputate eu, convallis ac nunc. Maecenas vel luctus est. Nullam consequat consequat nisl, vitae bibendum dolor tempor sed. Aenean condimentum neque in pharetra rhoncus.<br/><br/>
  33.                 Maecenas vel luctus est. Nullam consequat consequat nisl, vitae bibendum dolor tempor sed. Aenean condimentum neque in pharetra rhoncus.
  34.             </div>
  35.         </div>
  36.     </div>
  37. </div>
  38.  
  39. <div style="float:left;width:860px;font-size:10px;line-height:10px;">
  40.     <div style="float:left;padding:32px;background-color:#f2f2f2;">
  41.  
  42.         <div style="float:left;width:796px;">
  43.  
  44.         <div style="float:left;width:796px;background-color:#ffffff;">
  45.             <div style="float:left;width:285px;background-color:#ffffff;border-right:solid 15px #f2f2f2;">
  46.                 <div style="float:left;width:285px;height:94px;border-bottom:solid 10px #f2f2f2;">
  47.                     <div style="float:left;padding:15px;">
  48.                         <iframe width="255" height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/106482323&color=000000&&show_artwork=false"></iframe>
  49.                     </div>
  50.                 </div>
  51.                 <div style="float:left;width:285px;">
  52.                     <div style="float:left;padding:15px;padding-top:0px;">
  53.                         <div style="float:right;width:180px;font-size:10px;line-height:10px;border-left:solid 75px #b71616;">
  54.                             <div style="float:left;width:75px;margin-top:15px;text-align:center;margin-left:-75px;color:#ffffff;font-size:14px;line-height:15px;">
  55.                                 jan<br/>
  56.                                 01
  57.                             </div>
  58.                             <div style="float:right;width:165px;margin-top:15px;">
  59.                                 <p style="padding:0;margin:0px;">
  60.                                     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, convallis ac nunc. Maecenas vel luctus est. Nullam consequat consequat nisl, vitae bibendum dolor tempor sed. Aenean condimentum neque in pharetra rhoncus.
  61.                                 </p>   
  62.                             </div>
  63.                         </div>
  64.                         <div style="float:left;margin-top:15px;margin-bottom:15px;height:1px;width:255px;background-color:#eaeaea">&nbsp;</div>
  65.                         <div style="float:left;width:255px;font-size:10px;line-height:10px;">
  66.                             <div style="float:left;width:255px;height:18px;line-height:18px;color:#b71616;text-align:center;font-size:18px;">about the owner</div>
  67.                             <div style="float:left;width:255px;margin-top:4px;">
  68.                                 <p style="padding:0;margin:0px;">
  69.                                     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, convallis ac nunc. Maecenas vel luctus est. Nullam consequat consequat nisl, vitae bibendum dolor tempor sed. Aenean condimentum neque in pharetra rhoncus.
  70.                                 </p>
  71.                             </div>
  72.                         </div> 
  73.                         <div style="float:left;margin-top:15px;margin-bottom:15px;height:1px;width:255px;background-color:#eaeaea">&nbsp;</div>
  74.                         <div style="float:left;width:255px;color:#b71616;text-align:center;font-size:11px;line-height:11px;letter-spacing:1.5px;">
  75.                             <strong>batch one &middot; 5 staff members</strong>
  76.                         </div> 
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.             <div style="float:left;width:496px;margin-left:-15px;background-color:#ffffff;border-left:solid 15px #f2f2f2;">
  81.                 <div style="float:left;padding:15px;">
  82.                     <div style="float:left;height:205px;width:466px;">
  83.                         <div style="float:left;height:205px;width:168px;">
  84.                             <a href="#" title="Latest Poster 01022014 [Designer Name]"><img src="https://lh3.googleusercontent.com/--7qCNPGLxOA/U6pS_1Wty8I/AAAAAAAAAOQ/Tr2LRxGzt2g/s600/BloodsCreation_zps00f93719.GIF" style="float:left;height:205px;width:168px;padding:3px;margin:-3px;"></a>
  85.                         </div>
  86.                         <div style="float:left;margin-left:10px;width:288px;background-color:#000000;color:#ffffff;height:205px;">
  87.                             <div style="float:left;margin:10px;height:185px;width:268px;overflow:hidden;">
  88.                                 <div style="float:left;width:268px;height:185px;overflow:auto;padding-right:12px;">
  89.                                     Praesent non rhoncus sapien, ut lobortis elit. In nisl ipsum, rhoncus sed elementum at, fermentum non justo. Proin hendrerit mi id risus volutpat rutrum eu in nibh. Sed consequat tristique neque, ut semper enim suscipit et. Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante. <br/><br/>
  90.                                     Vestibulum in dolor varius, consectetur urna in, eleifend lorem. Aliquam Sed consequat tristique neque, ut semper enim suscipit et. Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante. Vestibulum in dolor varius mattis magna.<br/><br/>
  91.                                     Sed consequat tristique neque, ut semper enim suscipit et. Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante.
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                     <div style="float:left;margin-top:30px;margin-bottom:30px;height:1px;width:466px;background-color:#eaeaea">&nbsp;</div>
  97.                     <div style="float:left;width:466px;">
  98.                         <div style="float:left;width:466px;height:22px;line-height:22px;color:#b71616;font-size:24px;">rules and guidelines</div>
  99.                             <div style="float:left;width:466px;margin-top:4px;">
  100.                                 <p style="padding:0;margin:0;">
  101.                                     <span style="color:#b71616;"><strong><em>001.&nbsp;</em></em></strong></span>Praesent non rhoncus sapien, ut lobortis elit. <span style="color:#b71616;"><strong><em>002.&nbsp;</em></em></strong></span>In nisl ipsum, rhoncus sed elementum at, fermentum non justo. Proin hendrerit mi id risus volutpat rutrum eu in nibh. <span style="color:#b71616;"><strong><em>003.&nbsp;</em></em></strong></span>Sed consequat tristique neque, ut semper enim suscipit et. <span style="color:#b71616;"><strong><em>004.&nbsp;</em></em></strong></span>Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante. <span style="color:#b71616;"><strong><em>005.&nbsp;</em></em></strong></span>Vestibulum in dolor varius, consectetur urna in, eleifend lorem. <span style="color:#b71616;"><strong><em>006.&nbsp;</em></em></strong></span>Aliquam Sed consequat tristique neque, ut semper enim suscipit et. Aenean venenatis, lorem eu hendrerit convallis, magna diam imperdiet tortor, eu vulputate diam dui eu ante. <span style="color:#b71616;"><strong><em>007.&nbsp;</em></em></strong></span>Vestibulum in dolor varius mattis magna.
  102.                                 </p>
  103.                             </div>
  104.                         </div> 
  105.                     </div>
  106.                 </div>
  107.                 <div style="float:left;width:496px;height:60px;background-color:transparent;">&nbsp;</div>
  108.             </div>
  109.             <div style="float:right;width:496px;background-color:#ffffff;border-left:solid 15px #f2f2f2;margin-top:-45px;">
  110.                 <div style="float:left;padding:15px;padding-top:0;">
  111.                     <div style="float:left;width:15px;margin-left:-30px;background-color:#f2f2f2;height:40px;margin-top:-20px;">&nbsp;</div>
  112.                     <div style="float:left;width:466px;height:30px;background-color:#000000;color:#ffffff;line-height:30px;font-size:10px;text-align:center;">
  113.                         <a href="#" style="color:#ffffff;">form one</a>
  114.                         <a href="#" style="color:#ffffff;margin-left:30px;">form two</a>
  115.                         <a href="#" style="color:#ffffff;margin-left:30px;">form three</a>
  116.                         <a href="#" style="color:#ffffff;margin-left:30px;">form four</a>
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.         <div style="float:left;margin-top:15px;width:796px;color:#ffffff;font-size:15px;line-height:14px;height:207px;">
  122.             <div style="float:left;width:285px;height:207px;">
  123.                 <div style="float:left;width:285px;height:47px;line-height:47px;background-color:#b71616;">
  124.                     <div style="float:left;padding-left:15px;">featured thread</div>
  125.                 </div>
  126.                 <a href="#" title="THREAD NAME goes here - REASON FOR FEATURING"><img src="https://lh3.googleusercontent.com/-gqkD_ffQ3uo/U6pSV-UB2bI/AAAAAAAAAN8/xLiKLoe8JiM/s285/SDFTThread_zps386759da.png" style="float:left;width:285px;height:160px;padding:3px;margin:-3px;"></a>
  127.             </div>
  128.             <div style="float:left;width:368px;margin-left:15px;height:207px;">
  129.                 <iframe width="368" height="207" src="//www.youtube.com/embed/1zRzl1d5vNU" frameborder="0" allowfullscreen></iframe>
  130.             </div>
  131.             <div style="float:left;width:113px;margin-left:15px;height:207px;">
  132.                 <div style="float:left;padding:27px;background-color:#ffffff;">
  133.                     <iframe height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/117306791&amp;color=000000&amp;;show_artwork=false" width="59"></iframe>
  134.                 </div>
  135.                 <div style="height:89px;float:left;width:113px;background-color:#b71616;">
  136.                     <div style="float:left;width:113px;height:28px;margin-top:30.5px;text-align:center;">spotlight<br/>media</div>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.  
  141.         </div>
  142.     </div>
  143.  
  144.     <div style="float:left;width:860px;color:#ffffff;font-size:10px;line-height:10px;">
  145.         <div style="float:left;padding:30px;background-color:#000000;">
  146.             <div style="float:left;width:800px;">
  147.                 <div style="float:left;width:387.5px;">
  148.                     <div style="float:left;height:14px;line-height:14px;width:387.5px;font-size:15px;">recommended</div>
  149.                     <div style="float:left;width:385px;border-left:solid 2.5px #b71616;margin-top:3px;">
  150.                         <div style="float:left;margin-left:8px;width:377px;">
  151.                             <div style="float:left;width:184.5px;">
  152.                                 <p style="margin:0;padding:0;">
  153.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  154.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  155.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  156.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  157.                                     <a href="#" style="color:#ffffff;">thread name goes here</a>
  158.                                 </p>
  159.                             </div>
  160.                             <div style="float:left;width:184.5px;margin-left:8px;">
  161.                                 <p style="margin:0;padding:0;">
  162.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  163.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  164.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  165.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  166.                                     <a href="#" style="color:#ffffff;">thread name goes here</a>
  167.                                 </p>
  168.                             </div>
  169.                         </div>
  170.                     </div>
  171.                 </div>
  172.                 <div style="float:left;margin-left:10px;width:387.5px;">
  173.                     <div style="float:left;height:14px;line-height:14px;width:387.5px;font-size:15px;">affilates</div>
  174.                     <div style="float:left;width:385px;border-left:solid 2.5px #b71616;margin-top:3px;">
  175.                         <div style="float:left;margin-left:8px;width:377px;">
  176.                             <div style="float:left;width:184.5px;">
  177.                                 <p style="margin:0;padding:0;">
  178.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  179.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  180.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  181.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  182.                                     <a href="#" style="color:#ffffff;">thread name goes here</a>
  183.                                 </p>
  184.                             </div>
  185.                             <div style="float:left;width:184.5px;margin-left:8px;">
  186.                                 <p style="margin:0;padding:0;">
  187.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  188.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  189.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  190.                                     <a href="#" style="color:#ffffff;">thread name goes here</a><Br/>
  191.                                     <a href="#" style="color:#ffffff;">thread name goes here</a>
  192.                                 </p>
  193.                             </div>
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.             <div style="float:left;width:800px;margin-top:30px;text-align:center;">
  199.                 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>
  200.             </div>
  201.         </div>
  202.     </div>
  203. </div>
  204.  
  205. </div>
  206.  
  207. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement