Advertisement
flamzfox

Dreaming of Flowers

Jan 18th, 2015
838
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.79 KB | None | 0 0
  1. <div style="margin:auto;width:510px;height:340px;font-family:Arial;text-align:justify;color:#4b4b4b;font-size:7px;line-height:11px;text-transform:uppercase;">
  2.     <img src="https://lh4.googleusercontent.com/-_HU6TZimbcA/VLw8uK7ujJI/AAAAAAAAAuE/n6XdO-g-3wU/w500-h340-no/Untitled-1.png" style="float:left;margin:0;padding:0;width:500px;height:340px;border-radius:0;">
  3.     <div style="float:left;width:510px;height:340px;overflow:hidden;margin-top:-340px;">
  4.         <div style="float:left;width:510px;height:340px;overflow:auto;padding-right:12px;">
  5.             <div style="float:left;width:500px;height:93px;margin-top:170px;">
  6.                 <div style="float:left;width:230px;height:85px;background-color:#f5f5f5;border-top:solid 8px #69a685;text-align:center;color:#69a685;">
  7.                     <div style="float:left;width:230px;margin-top:30px;line-height:17px;letter-spacing:-3px;font-size:15px;font-weight:600;">i dream of flowers</div>
  8.                     <div style="float:left;width:230px;line-height:8px;letter-spacing:3px;">i think you do too</div>
  9.                 </div>
  10.                 <div style="float:left;width:250px;height:93px;margin-left:10px;">
  11.                     <div style="float:left;width:250px;height:44px;">
  12.                         <img src="http://40.media.tumblr.com/e67c51b4909837ac89273599e026352e/tumblr_nhxesaAxeL1r0couto3_250.jpg" style="float:left;margin:0;padding:0;width:44px;height:44px;border-radius:44px;">
  13.                         <img src="http://41.media.tumblr.com/2364e8d980ee584b68adbebfa44eeb63/tumblr_nhxdrq4cjt1r0couto2_250.jpg" style="float:left;margin:0 0 0 5px;padding:0;width:44px;height:44px;border-radius:44px;">
  14.                         <img src="http://40.media.tumblr.com/4439394b14c5453abe7885ade729785f/tumblr_nhmt08q0pk1r0couto2_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:44px;height:44px;border-radius:44px;">
  15.                         <img src="http://36.media.tumblr.com/4d29c96324fafe3ef5f9d0adfcae1165/tumblr_nhwnkrGC8t1r0couto6_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:44px;height:44px;border-radius:44px;">
  16.                         <img src="http://41.media.tumblr.com/9058cb7bcf24bc3a9f9e9340783abcc6/tumblr_nhmtnqVZsM1r0couto6_250.png" style="float:left;margin:0 0 0 5px;padding:0;width:44px;height:44px;border-radius:44px;">
  17.                     </div>
  18.                     <div style="float:left;width:250px;height:44px;margin-top:5px;line-height:44px;text-align:center;color:#ffffff;font-size:7px;">
  19.                         <div style="float:left;width:44px;height:44px;background-color:#69a685;border-radius:44px;">
  20.                             <a href="#" style="color:#ffffff;">one.</a>
  21.                         </div>
  22.                         <div style="float:left;margin-left:5px;width:44px;height:44px;background-color:#69a685;border-radius:44px;">
  23.                             <a href="#" style="color:#ffffff;">two.</a>
  24.                         </div>
  25.                         <div style="float:left;margin-left:5px;width:44px;height:44px;background-color:#69a685;border-radius:44px;">
  26.                             <a href="#" style="color:#ffffff;">three.</a>
  27.                         </div>
  28.                         <div style="float:left;margin-left:5px;width:44px;height:44px;background-color:#69a685;border-radius:44px;">
  29.                             <a href="#" style="color:#ffffff;">four.</a>
  30.                         </div>
  31.                         <div style="float:left;margin-left:5px;width:44px;height:44px;background-color:#69a685;border-radius:44px;">
  32.                             <a href="http://www.asianfanfics.com/story/view/576337/" style="color:#ffffff;">credit.</a>
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.             <div style="float:left;width:470px;height:305px;margin-top:77px;padding:15px;">
  38.                 <img src="https://lh6.googleusercontent.com/-gEfaO4AeYAc/VLw8twhpuyI/AAAAAAAAAuA/szcgWDbPzbI/w140-h300-no/Untitled-5.png" style="float:left;margin:0;padding:0;width:140px;height:300px;border-radius:0;">
  39.                 <div style="float:left;margin-left:10px;width:170px;height:300px;background-color:#f5f5f5;overflow:hidden;">
  40.                     <div style="float:left;width:170px;height:290px;overflow:auto;padding-right:12px;">
  41.                         <div style="float:left;margin:10px;width:150px;">
  42.                             <div style="float:left;width:150px;">
  43.                                 <span style="color:#69a685;">name: </span> fill in info here<br/>
  44.                                 <span style="color:#69a685;">birthday: </span> fill in info here<br/>
  45.                                 <span style="color:#69a685;">occupation: </span> fill in info here<br/>
  46.                                 <span style="color:#69a685;">height: </span> fill in info here<br/><br/>
  47.                                 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/>
  48.                                 Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
  49.                             </div>
  50.                             <div style="float:left;margin:20px 29px;">
  51.                                 <div style="float:left;width:0;height:0;border-top:1px solid transparent;border-bottom:1px solid transparent;border-right:40px solid #69a685;">&nbsp;</div>
  52.                                 <div style="float:left;height:2px;width:2px;border-radius:2px;background-color:#69a685;margin-left:5px;">&nbsp;</div>
  53.                                 <div style="float:left;margin-left:5px;width:0;height:0;border-top:1px solid transparent;border-bottom:1px solid transparent;border-left:40px solid #69a685;">&nbsp;</div>
  54.                             </div>
  55.                             <div style="float:left;width:150px;">
  56.                                 <span style="font-weight:600;font-size:9px;color:#69a685;">1. story title</span><br/>
  57.                                 Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli ... <a href="#" style="color:#69a685">read now</a><br/><br/>
  58.                                 <span style="font-weight:600;font-size:9px;color:#69a685;">2. story title</span><br/>
  59.                                 Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli ... <a href="#" style="color:#69a685">read now</a><br/><br/>
  60.                                 <span style="font-weight:600;font-size:9px;color:#69a685;">3. story title</span><br/>
  61.                                 Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli ... <a href="#" style="color:#69a685">read now</a><br/><br/>
  62.                                 <span style="font-weight:600;font-size:9px;color:#69a685;">4. story title</span><br/>
  63.                                 Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli ... <a href="#" style="color:#69a685">read now</a><br/><br/>
  64.                                 <span style="font-weight:600;font-size:9px;color:#69a685;">5. story title</span><br/>
  65.                                 Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli ... <a href="#" style="color:#69a685">read now</a>
  66.                             </div>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.                 <div style="float:left;margin-left:10px;width:140px;height:300px;">
  71.                     <img src="https://lh5.googleusercontent.com/-lS3ZwVgCPP8/VLw8tyawUAI/AAAAAAAAAt8/xatw8PwV7UY/w140-h230-no/Untitled-4.png" style="float:left;margin:0;padding:0;width:140px;height:230px;border-radius:0;">
  72.                     <div style="float:left;width:140px;height:70px;background-color:#f5f5f5;">
  73.                         <div style="float:left;width:40px;height:40px;margin:15px 10px;background-color:#69a685;border-radius:60px;">
  74.                             <div style="float:left;height:30px;width:25px;overflow:hidden;margin:5px 7.5px;">
  75.                                 <div style="float:left;height:30px;width:25px;margin-left:-20px;margin-top:-18px;">
  76.                                     <iframe height="90" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/4413015&amp;color=69a685&amp;;show_artwork=false" width="250"></iframe>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                         <div style="float:left;width:70px;height:18px;margin-top:26px;line-height:9px;">
  81.                             <span style="font-weight:600;">Wedding Dress<br/></span>
  82.                             By Taeyang
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </div>
  89. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement