Advertisement
jaeilhun07

Paradise Lost V2 - Lost

Jul 27th, 2018
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 19.44 KB | None | 0 0
  1. <div style="margin:auto; width:750px; height:800px;">
  2.     <div style="float:left; width:750px; background-color: rgba(215, 215, 223, 0.2);">
  3.         <div style="float:left; width:750px; height:450px;">
  4.             <div style="float:left; width:750px; height:450px;">
  5.                 <img alt="BG-750x450" src="https://photo.asianfanfics.com/user/909691/752e4d.jpg" style="width:750px; height:450px;">
  6.             </div>
  7.             <div style="float:left; margin-top:-450px; width:750px; height:100px;">
  8.                 <div style="float:left; margin-left:270px; width:210px; height:100px;">
  9.                     <div style="float:left; width:210px; height:100px;">
  10.                         <div style="float:left; width:0px; height:0px; border-left: solid 105px transparent; border-top: solid 100px rgba(254, 227, 0, 1);">
  11.                         </div>
  12.                         <div style="float:right; width:0px; height:0px; border-right: solid 105px transparent; border-top: solid 100px rgba(254, 227, 0, 1);">
  13.                         </div>
  14.                     </div>
  15.                     <div style="float:left; margin-top:-100px; margin-left:10px; width:190px; height:90px;">
  16.                         <div style="float:left; width:0px; height:0px; border-left: solid 95px transparent; border-top: solid 90px rgba(38, 47, 54, 1);">
  17.                         </div>
  18.                         <div style="float:right; width:0px; height:0px; border-right: solid 95px transparent; border-top: solid 90px rgba(38, 47, 54, 1);">
  19.                         </div>
  20.                     </div>
  21.                     <div style="float:left; margin:-80px 50px 30px 50px; width:110px; height:50px;">
  22.                         <div style="float:left; width:110px; height:20px; text-align:center; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:20px; line-height:20px; letter-spacing:-1px; color: rgb(254, 227, 0);">
  23.                             l.o.s.t.
  24.                         </div>
  25.                         <div style="float:left; width:110px; height:30px; text-align:center; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:2px; color: rgb(254, 227, 0);">
  26.                             studio
  27.                         </div>
  28.                     </div>
  29.                 </div>
  30.                 <div style="float:left; margin-top:130px; margin-left:60px; width:360px; height:15px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:10px; line-height:15px; letter-spacing:1px; color: rgb(215, 215, 223);">
  31.                     <i>lookbooks</i>
  32.                 </div>
  33.                 <div style="float:left; margin-top:5px; margin-left:60px; width:360px; height:60px;">
  34.                     <div style="float:left; width:60px; height:60px;">
  35.                         <div style="float:left; width:60px; height:60px;">
  36.                             <img alt="60x60" src="https://photo.asianfanfics.com/user/909691/d7575d.jpg" style="width:60px; height:60px;">
  37.                         </div>
  38.                         <div style="float:left; margin:-50px 10px 10px 10px;  padding:5px; width:30px; height:30px; background-color: rgba(254, 227, 0, 1); text-align:center; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:30px; line-height:30px; letter-spacing:-1px; color: rgb(38, 47, 54);">
  39.                             <a href="#" style="text-decoration:none; color: rgb(38, 47, 54)">+</a>
  40.                         </div>
  41.                     </div>
  42.                     <div style="float:left; margin-left:20px; width:60px; height:60px;">
  43.                         <div style="float:left; width:60px; height:60px;">
  44.                             <img alt="60x60" src="https://photo.asianfanfics.com/user/909691/d7575d.jpg" style="width:60px; height:60px;">
  45.                         </div>
  46.                         <div style="float:left; margin:-50px 10px 10px 10px;  padding:5px; width:30px; height:30px; background-color: rgba(254, 227, 0, 1); text-align:center; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:30px; line-height:30px; letter-spacing:-1px; color: rgb(38, 47, 54);">
  47.                             <a href="#" style="text-decoration:none; color: rgb(38, 47, 54)">+</a>
  48.                         </div>
  49.                     </div>
  50.                     <div style="float:left; margin-left:20px; width:60px; height:60px;">
  51.                         <div style="float:left; width:60px; height:60px;">
  52.                             <img alt="60x60" src="https://photo.asianfanfics.com/user/909691/d7575d.jpg" style="width:60px; height:60px;">
  53.                         </div>
  54.                         <div style="float:left; margin:-50px 10px 10px 10px;  padding:5px; width:30px; height:30px; background-color: rgba(254, 227, 0, 1); text-align:center; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:30px; line-height:30px; letter-spacing:-1px; color: rgb(38, 47, 54);">
  55.                             <a href="#" style="text-decoration:none; color: rgb(38, 47, 54)">+</a>
  56.                         </div>
  57.                     </div>
  58.                     <div style="float:left; padding:10px; width:120px; height:40px; background-color: rgba(215, 215, 223, 0.7);">
  59.                         <div style="float:left; width:120px; height:10px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(38, 47, 54);">
  60.                             label here
  61.                         </div>
  62.                         <div style="float:left; width:120px; height:30px; text-align:left; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(38, 47, 54);">
  63.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.                 <div style="float:left; margin-top:30px; width:750px; height:110px; background-color: rgba(38, 47, 54, 0.7);">
  68.                     <div style="float:left; margin-top:20px; margin-left: 60px; width:160px; height:70px; opacity:0.99;">
  69.                         <div style="float:left; width:160px; height:50px; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(254, 227, 0);">
  70.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla.
  71.                         </div>
  72.                         <div style="float:left; margin-top:10px; width:160px; height:10px; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(254, 227, 0);">
  73.                             <a href="#" style="text-decoration:none; color: rgb(254, 227, 0)">link here</a>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.             <div style="float:left; margin-top:-50px; width:750px; height:400px;">
  79.                 <div style="float:left; margin-top:50px; padding-bottom:30px; width:750px; background-color: rgba(38, 47, 54, 1);">
  80.                     <div style="float:right; margin-top:-50px; width:430px; ">
  81.                         <div style="float:left; width:330px; height:370px;">
  82.                             <div style="float:left; margin-left:70px; width:170px; height:220px;">
  83.                                 <img alt="170x220" src="https://photo.asianfanfics.com/user/909691/c1a99d.jpg" style="width:170px; height:220px;">
  84.                             </div>
  85.                             <div style="float:left; margin-top:10px; width:220px; height:140px;">
  86.                                 <img alt="220x140" src="https://photo.asianfanfics.com/user/909691/8e672e.jpg" style="width:220px; height:140px;">
  87.                             </div>
  88.                             <div style="float:right; margin-top:-230px; width:150px; height:100px; border: solid 10px rgba(38, 47, 54, 1);">
  89.                                 <img alt="150x100" src="https://photo.asianfanfics.com/user/909691/eeb6a2.jpg" style="width:150px; height:100px;">
  90.                             </div>
  91.                         </div>
  92.                         <div style="float:right; margin-top:-80px; margin-right:30px; width:150px;">
  93.                             <div style="float:left; width:150px; height:10px; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(215, 215, 223);">
  94.                                 label here
  95.                             </div>
  96.                             <div style="float:left; width:150px; height:auto; text-transform:uppercase; font-weight:bold; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(215, 215, 223);">
  97.                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla.
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                     <div style="float:left; margin:30px 0px 0px 80px; width:190px; ">
  102.                         <div style="float:left; width:190px; height:60px;">
  103.                             <div style="float:left; width:190px; height:20px;">
  104.                                 <div style="float:left; padding:4px; width:10px; height:10px; border:1px solid rgba(215, 215, 223, 1); text-align:center; text-transform:uppercase; font-family:arial black; font-weight:bold; font-size:10px; line-height:10px; color:rgb(215, 215, 223); ">
  105.                                     <a href="http://www.asianfanfics.com/story/view/953539" style="text-decoration:none; color:rgb(215, 215, 223);" title="Cruxiarts | Cruxblader Themes 2018">C</a>
  106.                                 </div>
  107.  
  108.                             </div>
  109.                             <div style="float:left; margin-top:10px; width:190px; height:30px; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  110.                                 <div style="float:left; width:190px; height:10px;">
  111.                                     <a href="#" style="text-decoration:none; color:rgb(215, 215, 223);">link here</a>
  112.                                 </div>
  113.                                 <div style="float:left; width:190px; height:10px;">
  114.                                     <a href="#" style="text-decoration:none; color:rgb(215, 215, 223);">link here</a>
  115.                                 </div>
  116.                                 <div style="float:left; width:190px; height:10px;">
  117.                                     <a href="#" style="text-decoration:none; color:rgb(215, 215, 223);">link here</a>
  118.                                 </div>
  119.                             </div>
  120.                         </div>
  121.                         <div style="float:right; margin-top:20px; width:190px; height:20px;  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:20px; line-height:20px; letter-spacing:-1px; color:rgb(215, 215, 223);  ">
  122.                             <i>archive</i>
  123.                         </div>
  124.                         <div style="float:right; width:190px; height:20px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223);  ">
  125.                             scroll down
  126.                         </div>
  127.                         <div style="float:right; width:190px; height:150px;">
  128.                         <div style="float:left; width:190px; height:150px; overflow:hidden;">
  129.                         <div style="float:left; width:207px; height:150px; overflow:auto;">
  130.                         <div style="float:left; width:190px; height:auto">
  131.                             <div style="float:left; width:190px; height:30px;">
  132.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  133.                                     01
  134.                                 </div>
  135.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  136.                                     <div style="float:left; width:155px; height:20px; ">
  137.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  138.                                     </div>
  139.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  140.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  141.                                     </div>
  142.                                 </div>
  143.                             </div>
  144.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  145.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  146.                                     02
  147.                                 </div>
  148.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  149.                                     <div style="float:left; width:155px; height:20px; ">
  150.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  151.                                     </div>
  152.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  153.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  154.                                     </div>
  155.                                 </div>
  156.                             </div>
  157.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  158.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  159.                                     03
  160.                                 </div>
  161.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  162.                                     <div style="float:left; width:155px; height:20px; ">
  163.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  164.                                     </div>
  165.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  166.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  167.                                     </div>
  168.                                 </div>
  169.                             </div>
  170.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  171.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  172.                                     04
  173.                                 </div>
  174.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  175.                                     <div style="float:left; width:155px; height:20px; ">
  176.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  177.                                     </div>
  178.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  179.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  180.                                     </div>
  181.                                 </div>
  182.                             </div>
  183.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  184.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  185.                                     05
  186.                                 </div>
  187.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  188.                                     <div style="float:left; width:155px; height:20px; ">
  189.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  190.                                     </div>
  191.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  192.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  193.                                     </div>
  194.                                 </div>
  195.                             </div>
  196.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  197.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  198.                                     06
  199.                                 </div>
  200.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  201.                                     <div style="float:left; width:155px; height:20px; ">
  202.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  203.                                     </div>
  204.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  205.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  206.                                     </div>
  207.                                 </div>
  208.                             </div>
  209.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  210.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  211.                                     07
  212.                                 </div>
  213.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  214.                                     <div style="float:left; width:155px; height:20px; ">
  215.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  216.                                     </div>
  217.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  218.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  219.                                     </div>
  220.                                 </div>
  221.                             </div>
  222.                             <div style="float:left; margin-top:10px; width:190px; height:30px;">
  223.                                 <div style="float:right; padding:10px; width:10px; height:10px; background-color: rgba(254, 227, 0, 1); text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:10px; line-height:10px; letter-spacing:-1px; color:rgb(38, 47, 54); ">
  224.                                     08
  225.                                 </div>
  226.                                 <div style="float:right; margin-right:5px; width:155px; height:30px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color:rgb(215, 215, 223); ">
  227.                                     <div style="float:left; width:155px; height:20px; ">
  228.                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  229.                                     </div>
  230.                                     <div style="float:right; margin-top:2px; padding:1px 2px 1px 2px; width:auto; height:6px; background-color: rgba(215, 215, 223, 1);  text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color:rgb(38, 47, 54); ">
  231.                                         <a href="#" style="text-decoration:none; color:rgb(38, 47, 54);">link here</a>
  232.                                     </div>
  233.                                 </div>
  234.                             </div>
  235.                         </div>
  236.                         </div>
  237.                         </div>
  238.                         </div>
  239.                     </div>
  240.                 </div>
  241.             </div>
  242.         </div>
  243.     </div>
  244. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement