API tools faq
paste
Advertisement
jaeilhun07

Serenity - Shop (Ads/Review - Archive)

jaeilhun07
Mar 27th, 2016
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 26.51 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto; padding:25px 50px; width:800px; background-color:#fff;">
  2.     <div style="float:left; width:800px; height:500px;">
  3.         <div style="float:left; width:800px; height:500px; background-color:#828072;">
  4.             <img src="https://41.media.tumblr.com/ddd27a3481678cbac3458f6b79acccd8/tumblr_o4oqlcru8J1u79fdvo3_1280.jpg" style="width:800px; height:500px;">
  5.         </div>
  6.         <div style="float:left; margin-top:-500px; width:800px; height:500px;">
  7.             <div style="float:left; margin-top:-25px; width:800px; height:50px;">
  8.                 <div style="float:left; margin-left:50px; width:200px; height:50px; background-color:#fffc8d;">
  9.            
  10.                 </div>
  11.             </div>
  12.             <div style="float:left; margin-left:50px; margin-top:25px; width:750px;">
  13.                 <div style="float:left; width:250px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:arial; font-size:10px; line-height:10px; letter-spacing:1px; color:#fff;">
  14.                     <div style="float:left; width:250px;">
  15.                         ▶ batch one archive
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.             <div style="float:left; margin-left:150px; margin-top:50px; width:650px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:arial; font-size:50px; line-height:50px; letter-spacing:1px; color:#fff;">
  20.                 <div style="float:left; width:650px; ">
  21.                     <div style="float:left; height:50px; border-bottom:solid 10px #fffc8d;">
  22.                         two-line shop
  23.                     </div>
  24.                 </div>
  25.                 <div style="float:left; margin-top:10px; width:650px; ">
  26.                     <div style="float:left; height:60px; ">
  27.                         <div style="float:left; height:50px; border-bottom:solid 10px #fffc8d;">
  28.                             title here
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.            
  34.             <div style="float:left; margin-left:150px; margin-top:10px; width:650px;  text-align:left; text-transform:uppercase; font-weight:bold; font-family:arial; font-size:10px; line-height:10px; letter-spacing:1px; color:#fff;">
  35.                 <div style="float:left; height:10px; ">
  36.                     ▶
  37.                 </div>
  38.                 <div style="float:left; margin-left:10px; height:10px;">
  39.                     <a href="#" style="color:#fff; text-decoration:none;" title="Shop Title">home</a>
  40.                 </div>
  41.                 <div style="float:left; margin-left:10px; height:10px; ">
  42.                     <a href="#" style="color:#fffc8d; text-decoration:none;" title="Shop Title | Batch One">Archive</a>
  43.                 </div>
  44.                 <div style="float:left; margin-left:10px; height:10px; ">
  45.                     <a href="#" style="color:#fff; text-decoration:none;" title="Shop Title | Request Form">Request</a>
  46.                 </div>
  47.                 <div style="float:left; margin-left:10px; height:10px; ">
  48.                     <a href="#" style="color:#fff; text-decoration:none;" title="Shop Title | Application Form">hiring</a>
  49.                 </div>
  50.                 <div style="float:left; margin-left:10px; height:10px; ">
  51.                     <a href="#" style="color:#fff; text-decoration:none;" title="Shop Title | Extra Link">extra</a>
  52.                 </div>
  53.             </div>
  54.         </div>
  55.     </div>
  56.     <div style="float:left; padding:25px 50px; width:700px;">
  57.         <div style="float:left; width:216px;">
  58.             <div style="float:left; width:216px;">
  59.                 <div style="float:left; width:216px;">
  60.                     <div style="float:left; width:216px;">
  61.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  62.                     </div>
  63.                 </div>
  64.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  65.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  66.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  67.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  68.                         </div>
  69.                     </div>
  70.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  71.                         <b>Fanfic Title</b><br><i>By Author</i>
  72.                     </div>
  73.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  74.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.             <div style="float:left; margin-top:25px; width:216px;">
  79.                 <div style="float:left; width:216px;">
  80.                     <div style="float:left; width:216px;">
  81.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  82.                     </div>
  83.                 </div>
  84.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  85.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  86.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  87.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  88.                         </div>
  89.                     </div>
  90.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  91.                         <b>Fanfic Title</b><br><i>By Author</i>
  92.                     </div>
  93.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  94.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.             <div style="float:left; margin-top:25px; width:216px;">
  99.                 <div style="float:left; width:216px;">
  100.                     <div style="float:left; width:216px;">
  101.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  102.                     </div>
  103.                 </div>
  104.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  105.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  106.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  107.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  108.                         </div>
  109.                     </div>
  110.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  111.                         <b>Fanfic Title</b><br><i>By Author</i>
  112.                     </div>
  113.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  114.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.             <div style="float:left; margin-top:25px; width:216px;">
  119.                 <div style="float:left; width:216px;">
  120.                     <div style="float:left; width:216px;">
  121.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  122.                     </div>
  123.                 </div>
  124.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  125.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  126.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  127.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  128.                         </div>
  129.                     </div>
  130.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  131.                         <b>Fanfic Title</b><br><i>By Author</i>
  132.                     </div>
  133.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  134.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.             <div style="float:left; margin-top:25px; width:216px;">
  139.                 <div style="float:left; width:216px;">
  140.                     <div style="float:left; width:216px;">
  141.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  142.                     </div>
  143.                 </div>
  144.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  145.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  146.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  147.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  148.                         </div>
  149.                     </div>
  150.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  151.                         <b>Fanfic Title</b><br><i>By Author</i>
  152.                     </div>
  153.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  154.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  155.                     </div>
  156.                 </div>
  157.             </div>
  158.         </div>
  159.         <div style="float:left; margin-left:25px; width:216px;">
  160.             <div style="float:left; width:216px;">
  161.                 <div style="float:left; width:216px;">
  162.                     <div style="float:left; width:216px;">
  163.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  164.                     </div>
  165.                 </div>
  166.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  167.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  168.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  169.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  170.                         </div>
  171.                     </div>
  172.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  173.                         <b>Fanfic Title</b><br><i>By Author</i>
  174.                     </div>
  175.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  176.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.             <div style="float:left; margin-top:25px; width:216px;">
  181.                 <div style="float:left; width:216px;">
  182.                     <div style="float:left; width:216px;">
  183.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  184.                     </div>
  185.                 </div>
  186.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  187.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  188.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  189.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  190.                         </div>
  191.                     </div>
  192.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  193.                         <b>Fanfic Title</b><br><i>By Author</i>
  194.                     </div>
  195.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  196.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.             <div style="float:left; margin-top:25px; width:216px;">
  201.                 <div style="float:left; width:216px;">
  202.                     <div style="float:left; width:216px;">
  203.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  204.                     </div>
  205.                 </div>
  206.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  207.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  208.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  209.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  210.                         </div>
  211.                     </div>
  212.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  213.                         <b>Fanfic Title</b><br><i>By Author</i>
  214.                     </div>
  215.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  216.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.             <div style="float:left; margin-top:25px; width:216px;">
  221.                 <div style="float:left; width:216px;">
  222.                     <div style="float:left; width:216px;">
  223.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  224.                     </div>
  225.                 </div>
  226.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  227.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  228.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  229.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  230.                         </div>
  231.                     </div>
  232.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  233.                         <b>Fanfic Title</b><br><i>By Author</i>
  234.                     </div>
  235.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  236.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  237.                     </div>
  238.                 </div>
  239.             </div>
  240.             <div style="float:left; margin-top:25px; width:216px;">
  241.                 <div style="float:left; width:216px;">
  242.                     <div style="float:left; width:216px;">
  243.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  244.                     </div>
  245.                 </div>
  246.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  247.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  248.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  249.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  250.                         </div>
  251.                     </div>
  252.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  253.                         <b>Fanfic Title</b><br><i>By Author</i>
  254.                     </div>
  255.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  256.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  257.                     </div>
  258.                 </div>
  259.             </div>
  260.         </div>
  261.         <div style="float:left; margin-left:25px; width:216px;">
  262.             <div style="float:left; width:216px;">
  263.                 <div style="float:left; width:216px;">
  264.                     <div style="float:left; width:216px;">
  265.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  266.                     </div>
  267.                 </div>
  268.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  269.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  270.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  271.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  272.                         </div>
  273.                     </div>
  274.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  275.                         <b>Fanfic Title</b><br><i>By Author</i>
  276.                     </div>
  277.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  278.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  279.                     </div>
  280.                 </div>
  281.             </div>
  282.             <div style="float:left; margin-top:25px; width:216px;">
  283.                 <div style="float:left; width:216px;">
  284.                     <div style="float:left; width:216px;">
  285.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  286.                     </div>
  287.                 </div>
  288.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  289.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  290.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  291.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  292.                         </div>
  293.                     </div>
  294.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  295.                         <b>Fanfic Title</b><br><i>By Author</i>
  296.                     </div>
  297.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  298.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  299.                     </div>
  300.                 </div>
  301.             </div>
  302.             <div style="float:left; margin-top:25px; width:216px;">
  303.                 <div style="float:left; width:216px;">
  304.                     <div style="float:left; width:216px;">
  305.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  306.                     </div>
  307.                 </div>
  308.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  309.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  310.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  311.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  312.                         </div>
  313.                     </div>
  314.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  315.                         <b>Fanfic Title</b><br><i>By Author</i>
  316.                     </div>
  317.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  318.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  319.                     </div>
  320.                 </div>
  321.             </div>
  322.             <div style="float:left; margin-top:25px; width:216px;">
  323.                 <div style="float:left; width:216px;">
  324.                     <div style="float:left; width:216px;">
  325.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  326.                     </div>
  327.                 </div>
  328.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  329.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  330.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  331.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  332.                         </div>
  333.                     </div>
  334.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  335.                         <b>Fanfic Title</b><br><i>By Author</i>
  336.                     </div>
  337.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  338.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  339.                     </div>
  340.                 </div>
  341.             </div>
  342.             <div style="float:left; margin-top:25px; width:216px;">
  343.                 <div style="float:left; width:216px;">
  344.                     <div style="float:left; width:216px;">
  345.                         <img src="https://36.media.tumblr.com/1a7fe61699e93a163d425f5c905ee401/tumblr_o4oqlcru8J1u79fdvo2_250.jpg" style="width:216px; height:auto;">
  346.                     </div>
  347.                 </div>
  348.                 <div style="float:left; padding:10px; width:196px; border-bottom:solid 1px #bbb8a3;  text-align:left; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#bbb8a3;">
  349.                     <div style="float:left; margin-top:-30px; width:216px; height:30px;">
  350.                         <div style="float:left; padding:10px; height:10px; background-color:#fffc8d;  text-align:right; font-family:arial; font-size:10px; line-height:10px; color:#bbb8a3;">
  351.                             <a href="#" style="color:#282d4b; text-decoration:none;" title="Read Story">Read Story ▶</a>
  352.                         </div>
  353.                     </div>
  354.                     <div style="float:left; margin-top:10px; width:196px;  text-align:left; font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px; color:#282d4b;">
  355.                         <b>Fanfic Title</b><br><i>By Author</i>
  356.                     </div>
  357.                     <div style="float:left; margin-top:10px; width:196px; text-align:justify;">
  358.                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus.
  359.                     </div>
  360.                 </div>
  361.             </div>
  362.         </div>
  363.     </div>
  364.     <div style="float:left; padding:10px 50px; width:700px; border-top:solid 5px #282d4b; text-align:right; text-transform:uppercase; font-weight:normal; font-family:arial; font-size:8px; line-height:8px; letter-spacing:1px; color:#828072;">
  365.         &copy; cruxblader themes 2016
  366.     </div>
  367. </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!