API tools faq
paste
flamzfox

Breathing Free [Review Pickup]

flamzfox
Dec 13th, 2014
488
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.61 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:800px;height:632px;font-family:Calibri;text-transform:uppercase;text-align:justify;color:#ffffff;font-size:9px;line-height:11px;overflow:hidden;">
  2.     <div style="float:left;width:800px;height:645px;overflow:auto;">
  3.         <div style="float:left;height:620px;width:1155px;background-color:#262626;">
  4.             <div style="float:left;width:515px;height:620px;">
  5.                 <img src="https://lh4.googleusercontent.com/-gNt2T5eR3fw/VIhvjS7QJpI/AAAAAAAAAfI/d1cIn4UvJwc/w773-h930-no/chen.png" style="float:left;margin:0;padding:0;width:515px;height:620px;border-radius:0;">
  6.                 <div style="float:left;width:340px;height:80px;margin:-105px 0 0 40px;">
  7.                     <div style="float:left;width:80px;height:80px;border-radius:80px;background-color:#262626;">
  8.                         <div style="float:left;height:30px;width:25px;overflow:hidden;margin-top:25px;margin-left:27.5px;">
  9.                             <div style="float:left;height:30px;width:25px;margin-left:-20px;margin-top:-18px;">
  10.                                 <iframe height="90" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/99890118&amp;color=262626&amp;;show_artwork=false" width="250"></iframe>
  11.                             </div>
  12.                         </div>
  13.                     </div>
  14.                     <div style="float:left;width:262px;height:14px;margin-top:34.5px;margin-left:-2px;color:#262626;letter-spacing:3px;border-bottom:solid 1px #262626;line-height:14px;">
  15.                         <span style="padding-left:6px;">now playing: butterfly girl</span>
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.             <div style="float:left;width:285px;height:620px;">
  20.                 <div style="float:left;margin:0 60px;width:165px;height:620px;">
  21.                     <div style="float:left;width:156px;height:175px;margin-left:4.5px;">
  22.                         <div style="float:left;width:1px;height:175px;background-color:#ffffff;">&nbsp;</div>
  23.                         <div style="float:left;width:1px;height:113px;background-color:#ffffff;margin-left:50.6px;">&nbsp;</div>
  24.                         <div style="float:left;width:1px;height:157px;background-color:#ffffff;margin-left:50.6px;">&nbsp;</div>
  25.                         <div style="float:left;width:1px;height:135px;background-color:#ffffff;margin-left:50.6px;">&nbsp;</div>
  26.                     </div>
  27.                     <div style="float:left;margin-top:50px;width:165px;height:30px;line-height:23px;letter-spacing:-1px;font-size:25px;text-align:center;">
  28.                         review for
  29.                         <div style="letter-spacing:6.5px;line-height:7px;font-size:9px;width:165px;">requester nam<span style="letter-spacing:0px;">e</span></div>
  30.                     </div>
  31.                     <div style="float:left;margin-top:28px;width:165px;height:112px;overflow:hidden;">
  32.                         <div style="float:left;width:183px;height:112px;overflow:auto;padding-right:10px;">
  33.                             <span style="color:#dcd46f;">Reviewer Note.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, unc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
  34.                             <span style="color:#dcd46f;">Reminders.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sites ut. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.             <div style="float:left;width:355px;height:620px;">
  40.                 <div style="float:left;width:295px;height:350px;margin:135px 0;overflow:hidden;">
  41.                     <div style="float:left;width:313px;height:350px;padding-right:10px;overflow:auto;">
  42.                         <img src="https://lh4.googleusercontent.com/-veRpwo_HkHc/U6pH2rLdlZI/AAAAAAAAAMs/zO_iRqKl9j4/w717-h1014-no/AMillionGrainsofSand_zpsab32010c.jpg" style="float:left;margin:0;padding:0;height:350px;width:295px;border-radius:0;">
  43.                         <div style="float:left;background-color:#ffffff;width:36px;height:36px;border-radius:36px;margin:-60px 0 0 129.5px;">
  44.                             <img src="https://lh4.googleusercontent.com/-30olBi1HrRU/VIUeHXvFbYI/AAAAAAAAAes/Gl3VAqCt5wo/w15-h14-no/blackarrow.png" style="float:left;margin:0;padding:0;width:15px;height:14px;border-radius:0;margin:11px 0 0 10.5px;">
  45.                         </div>
  46.                         <div style="float:left;background-color:#ffffff;color:#262626;">
  47.                             <div style="float:left;width:295px;height:15px;">&nbsp;</div>
  48.                             <div style="padding:15px;width:265px;text-align:center;">
  49.                                 <a href="#" style="color:#262626;font-size:18px;line-height:20px;">the story title</a><br/>
  50.                                 <a href="#" style="color:#262626;letter-spacing:3px;line-height:12px;">author name</a>
  51.                                 <div style="float:left;width:265px;margin-top:16px;text-align:justify;padding-bottom:15px;">
  52.                                     <span style="font-weight:bold;">Genre: </span>Fantasy, Romance, Angst<br/>
  53.                                     <span style="font-weight:bold;">Characters: </span>Zhang Yixing, Luhan<br/>
  54.                                     <span style="font-weight:bold;">Rating: </span>N/A<br/>
  55.                                     <span style="font-weight:bold;">Length: </span>Chaptered<br/><br/>
  56.                                     Put a story description here. 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/>
  57.                                     <span style="color:#dcd46f;font-weight:bold;letter-spacing:2px;">story title</span><br/><br/>Sed tellus ante, porttitor quis lorem vel, interdum pellentesque diam. Sed in varius orci. Nulla facilisi. Morbi aliquam lacus tincidunt sem sodales dapibus. Nunc eget lacinia lacus.<br/><br/>
  58.                                     <span style="color:#dcd46f;font-weight:bold;letter-spacing:2px;">foreword and description</span><br/><br/>Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  59.                                     Proin hendrerit mi id risus volutpat rutrum eu in nibh.<br/><br/>
  60.                                     <span style="color:#dcd46f;font-weight:bold;letter-spacing:2px;">plotline</span><br/><br/>three </span>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/>
  61.                                     <span style="color:#dcd46f;font-weight:bold;letter-spacing:2px;">characterization</span><br/><br/>In dolor varius, consectur 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.<br/><br/>
  62.                                     <span style="color:#dcd46f;font-weight:bold;letter-spacing:2px;">readability</span><br/><br/>Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  63.                                     Proin hendrerit mi id risus volutpat rutrum eu in nibh.
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  72. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!