Advertisement
flamzfox

Winter Wonders [Home]

Dec 29th, 2014
616
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.89 KB | None | 0 0
  1. <div style="margin:auto;width:700px;height:965px;font-family:Calibri;text-transform:uppercase;text-align:justify;color:#aeaeae;font-size:9px;line-height:11px;">
  2.     <img src="http://i1373.photobucket.com/albums/ag378/flamxfox/Untitled-1_zps28b296c3.png" style="float:left;margin:0;padding:0;width:700px;height:965px;border-radius:0;">
  3.     <div style="float:left;margin-top:-630px;width:500px;height:510px;">
  4.         <div style="float:left;width:445px;height:150px;margin:0 0 15px 15px;">
  5.             <div style="float:left;width:250px;height:150px;">
  6.                 <iframe width="250" height="150" src="//www.youtube.com/embed/ye5hWLKwuSA" frameborder="0" allowfullscreen></iframe>
  7.             </div>
  8.             <div style="float:left;margin-left:10px;width:185px;height:150px;">
  9.                 <div style="float:left;width:185px;height:58.3px;">
  10.                     <a href="#" title="STAFF #1"><img src="http://36.media.tumblr.com/20a223dc2704da35642d0b1780c67d8b/tumblr_nh6keo2UB01r0couto8_250.png" style="float:left;margin:0;padding:0;width:52.3px;height:52.3px;border-radius:52.3px;border:solid 3px #ffffff;"></a>
  11.                     <a href="#" title="STAFF #2"><img src="http://40.media.tumblr.com/9c901325343f0684aa415cc28aafb983/tumblr_nh6iw0VB081r0couto7_250.png" style="float:left;margin:0;margin-left:5px;padding:0;width:52.3px;height:52.3px;border-radius:52.3px;border:solid 3px #ffffff;"></a>
  12.                     <a href="#" title="STAFF #3"><img src="http://40.media.tumblr.com/e3b4ff18aac872fd2fa7976b2a0f8e59/tumblr_nh6hyoWG2n1r0couto2_250.png" style="float:left;margin:0;margin-left:5px;padding:0;width:52.3px;height:52.3px;border-radius:52.3px;border:solid 3px #ffffff;"></a>
  13.                 </div>
  14.                 <div style="float:left;margin-top:5px;width:185px;height:24px;background-color:#485d7f;line-height:24px;color:#ffffff;text-align:center;font-family:Courier New;font-size:10px;letter-spacing:2px;border-radius:5px;">staff members</div>
  15.                 <div style="float:left;width:185px;height:58.3px;margin-top:5px;">
  16.                     <a href="#" title="STAFF #4"><img src="http://41.media.tumblr.com/2230128d2de6e324d94dffeb3da74139/tumblr_nh6hwgA6fp1r0couto3_250.png" style="float:left;margin:0;padding:0;width:52.3px;height:52.3px;border-radius:52.3px;border:solid 3px #ffffff;"></a>
  17.                     <a href="#" title="STAFF #5"><img src="http://40.media.tumblr.com/43d0fe907070aaea83e887d28792fa3d/tumblr_nh2b2yd6CR1r0couto1_250.jpg" style="float:left;margin:0;margin-left:5px;padding:0;width:52.3px;height:52.3px;border-radius:52.3px;border:solid 3px #ffffff;"></a>
  18.                     <a href="#" title="STAFF #6"><img src="http://36.media.tumblr.com/a542eaee6a72a79a65d2e7ca695f9223/tumblr_nh1u3jOBHb1r0couto5_250.jpg" style="float:left;margin:0;margin-left:5px;padding:0;width:52.3px;height:52.3px;border-radius:52.3px;border:solid 3px #ffffff;"></a>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.         <div style="float:left;width:500px;height:95px;background-color:#485d7f;">
  23.             <div style="float:left;margin:15px;height:65px;width:470px;color:#ffffff;">
  24.                 <div style="float:left;width:165px;height:41px;border-right:solid 2px #ffffff;padding:12px 15px 12px 0;font-family:Courier New;line-height:20.5px;font-size:25px;text-align:center;">
  25.                     winter<br/>
  26.                     wonders
  27.                 </div>
  28.                 <div style="float:left;margin-left:10px;height:65px;width:277px;overflow:hidden;">
  29.                     <div style="float:left;width:277px;height:65px;overflow:auto;padding-right:18px;">
  30.                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
  31.                         Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.             <div style="float:left;height:10px;width:10px;margin-top:70px;margin-left:-25px;color:#ffffff;line-height:10px;">
  36.                 &#8595;
  37.             </div>
  38.         </div>
  39.         <div style="float:left;margin:15px 0 0 15px;height:235px;width:445px;">
  40.             <div style="float:left;width:250px;height:235px;background-color:#ffffff;">
  41.                 <div style="float:left;margin:15px;height:205px;width:220px;overflow:hidden;">
  42.                     <div style="float:left;height:205px;width:225px;overflow:auto;padding-right:13px;">
  43.                         <div style="float:left;width:100%;height:25px;line-height:25px;color:#485d7f;font-size:16px;text-align:center;font-family:Courier New;">rules and guidelines</div>
  44.                         <div style="float:left;margin-top:5px;">
  45.                             <span style="color:#485d7f;font-weight:bold;">one.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat.<br/><br/>
  46.                             <span style="color:#485d7f;font-weight:bold;">two.</span> Ut enim ligula, lacinia eu vulputate eu, convallis ac nunc. Maecenas vel luctus est. Nullam consequat consequat nisl, vitae bibendum dolor tempor sed.<br/><br/>
  47.                             <span style="color:#485d7f;font-weight:bold;">three.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
  48.                             <span style="color:#485d7f;font-weight:bold;">four.</span> Praesent non rhoncus sapien, ut lobortis elit. Fermentum non justo. Proin hendrerit mi id risus volutpat rutrum eu in nibh.
  49.                         </div>
  50.                         <div style="float:left;width:100%;height:25px;line-height:25px;color:#485d7f;font-size:16px;text-align:center;margin-top:18px;font-family:Courier New;">request status</div>
  51.                         <div style="float:left;margin-top:5px;">
  52.                             <div style="float:left;width:160px;">
  53.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  54.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  55.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  56.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  57.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  58.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  59.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  60.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer<br/>
  61.                                 <span style="color:#485d7f;font-weight:bold;">username</span> / designer
  62.                             </div>
  63.                             <div style="float:right;width:45px;text-align:right;">
  64.                                 50% done<br/>
  65.                                 50% done<br/>
  66.                                 50% done<br/>
  67.                                 50% done<br/>
  68.                                 50% done<br/>
  69.                                 50% done<br/>
  70.                                 50% done<br/>
  71.                                 50% done<br/>
  72.                                 50% done
  73.                             </div>
  74.                         </div>
  75.                         <img src="http://i.imgur.com/QBd4AXD.png" style="float:left;margin:0;padding:0;width:100%;margin-top:18px;border-radius:0;">
  76.                     </div>
  77.                 </div>
  78.                 <div style="float:left;height:10px;width:10px;margin-top:210px;margin-left:-20px;color:#485d7f;line-height:10px;">
  79.                     &#8595;
  80.                 </div>
  81.             </div>
  82.             <div style="float:left;margin-left:10px;width:185px;height:235px;background-color:#ffffff;">
  83.                 <div style="float:left;margin:15px;height:205px;width:155px;overflow:hidden;">
  84.                     <div style="float:left;height:205px;width:160px;overflow:auto;padding-right:13px;">
  85.                         <div style="float:left;width:100%;height:24px;line-height:24px;background-color:#485d7f;text-align:center;font-family:Courier New;font-size:10px;letter-spacing:2px;">
  86.                             <a href="#" style="color:#ffffff;">request form</a>
  87.                         </div>
  88.                         <div style="float:left;margin-top:3px;width:100%;height:24px;line-height:24px;background-color:#485d7f;text-align:center;font-family:Courier New;font-size:10px;letter-spacing:2px;">
  89.                             <a href="#" style="color:#ffffff;">hiring form</a>
  90.                         </div>
  91.                         <div style="float:left;margin-top:3px;width:100%;height:24px;line-height:24px;background-color:#485d7f;text-align:center;font-family:Courier New;font-size:10px;letter-spacing:2px;">
  92.                             <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#ffffff;">layout credit</a>
  93.                         </div>
  94.                         <img src="https://lh3.googleusercontent.com/U5BgKVbsHV9VxOTqbQMl4kapZrviHdp1-doGAt4Y7pc=w500-h600-no" style="float:left;margin:0;margin-top:5px;padding:0;width:100%;border-radius:0;">
  95.                         <img src="https://lh5.googleusercontent.com/SytZkgpCkIBrM8v5x-lN-B_w1hbY_pUIab7Ou40K-1o=w500-h600-no" style="float:left;margin:0;margin-top:5px;padding:0;width:100%;border-radius:0;">
  96.                         <img src="https://lh3.googleusercontent.com/-jPN9_75AUng/U6pS_-WQnSI/AAAAAAAAAOg/2JaVWi11m7Q/w500-h700-no/TheKissofWinter_zps058cd137.GIF" style="float:left;margin:0;margin-top:5px;padding:0;width:100%;border-radius:0;">
  97.                         <img src="https://lh6.googleusercontent.com/-djkLo7uEyZc/U6pH4YhkCXI/AAAAAAAAANQ/6DoAfcyjf-w/w500-h600-no/TaoandHisEleven_zps80b31d3b.jpg" style="float:left;margin:0;margin-top:5px;padding:0;width:100%;border-radius:0;">
  98.                     </div>
  99.                 </div>
  100.                 <div style="float:left;height:10px;width:10px;margin-top:210px;margin-left:-20px;color:#485d7f;line-height:10px;">
  101.                     &#8595;
  102.                 </div>
  103.             </div>
  104.         </div>
  105.     </div>
  106. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement