Advertisement
jaeilhun07

Inspire (ft. Aragaki Yui)

Aug 13th, 2018
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.67 KB | None | 0 0
  1. <div style="margin:auto; padding:25px 0px; width:100%;">
  2. <div style="margin:auto; width:450px; height:450px;">
  3.     <div style="float:left; width:450px; height:450px;">
  4.         <div style="float:left; width:450px; height:110px;">
  5.             <div style="float:left; width:450px; height:110px;">
  6.                 <img alt="banner_450x110" src="https://photo.asianfanfics.com/user/909691/edea95.jpg" style="width:450px; height:110px;">
  7.             </div>
  8.             <div style="float:left; margin-top:-110px; width:280px; height:110px;">
  9.                 <img alt="overlay_280x110" src="https://photo.asianfanfics.com/user/909691/832653.png" style="width:280px; height:110px;">
  10.             </div>
  11.         </div>
  12.         <div style="float:left; margin-top:-40px; padding:0px 40px; width:370px; height:140px;">
  13.             <div style="float:left; width:130px; height:140px;">
  14.                 <div style="float:left; width:120px; height:140px;">
  15.                     <img alt="profile_120x140" src="https://photo.asianfanfics.com/user/909691/d621f5.jpg" style="width:120px; height:140px;">
  16.                 </div>
  17.                 <div style="float:right; margin-top:-130px; padding:19px 19px 9px 9px; border:solid 1px rgba(153, 204, 255, 1); width:40px; height:40px; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:8px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  18.                     <div style="float:left; margin-top:2px; width:40px; height:8px;">
  19.                         <a href="#" style="text-decoration:none; color: rgba(153, 204, 255, 1)">link</a>
  20.                     </div>
  21.                     <div style="float:left; margin-top:2px; width:40px; height:8px;">
  22.                         <a href="#" style="text-decoration:none; color: rgba(153, 204, 255, 1)">link</a>
  23.                     </div>
  24.                     <div style="float:left; margin-top:2px; width:40px; height:8px;">
  25.                         <a href="#" style="text-decoration:none; color: rgba(153, 204, 255, 1)">link</a>
  26.                     </div>
  27.                     <div style="float:left; margin-top:2px; width:40px; height:8px;">
  28.                         <a href="#" style="text-decoration:none; color: rgba(153, 204, 255, 1)">link</a>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.             <div style="float:left; margin-left:30px; padding:10px 0px; width:210px; height:120px;">
  33.                 <div style="float:left; width:210px; height:60px; text-align:left; text-transform:lowercase; font-family:arial black; font-size:20px; line-height:20px; letter-spacing:-1px; color: rgba(62, 62, 62, 1);">
  34.                     imagine.<br>create.<br>inspire.
  35.                 </div>
  36.                 <div style="float:left; margin-top:10px; width:210px; height:50px; text-align:left; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  37.                     <div style="float:left; width:210px; height:50px; overflow:hidden;">
  38.                     <div style="float:left; width:227px; height:50px; overflow:auto;">
  39.                     <div style="float:left; width:210px; height:auto;">
  40.                         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. This section scrolls.++
  41.                     </div>
  42.                     </div>
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.         </div>
  47.         <div style="float:left; margin-top:20px; padding:0px 40px; width:370px; height:90px;">
  48.             <div style="float:left; width:210px; height:90px;">
  49.                 <div style="float:left; width:210px; height:90px; overflow:hidden;">
  50.                 <div style="float:left; width:227px; height:90px; overflow:auto;">
  51.                 <div style="float:left; width:210px; height:auto;">
  52.                     <div style="float:left; width:210px; height:90px;">
  53.                         <div style="float:left; width:210px; height:90px;">
  54.                             <img alt="profile_210x90" src="https://photo.asianfanfics.com/user/909691/669d70.jpg" style="width:210px; height:90px;">
  55.                         </div>
  56.                         <div style="float:left; margin-top:-20px; padding:2px 5px; margin-left:10px; width:auto; height:6px; background-color: rgba(62, 62, 62, 1); text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:6px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  57.                             <i>scroll down</i>
  58.                         </div>
  59.                     </div>
  60.                     <div style="float:left; padding:10px 30px 10px 10px; width:170px; height:70px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  61.                         <div style="float:left; width:170px; height:70px; overflow:hidden;">
  62.                         <div style="float:left; width:187px; height:70px; overflow:auto;">
  63.                         <div style="float:left; width:170px; height:auto;">
  64.                             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 This section scrolls.++
  65.                         </div>
  66.                         </div>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.                 </div>
  71.                 </div>
  72.             </div>
  73.             <div style="float:left; margin-top:50px; width:150px; height:40px;">
  74.                 <div style="float:left; margin-left:10px; width:40px; height:40px;">
  75.                     <img alt="small_40x40" src="https://photo.asianfanfics.com/user/909691/a4b57f.jpg" style="width:40px; height:40px;">
  76.                 </div>
  77.                 <div style="float:left; margin-left:10px; width:40px; height:40px;">
  78.                     <img alt="small_40x40" src="https://photo.asianfanfics.com/user/909691/a4b57f.jpg" style="width:40px; height:40px;">
  79.                 </div>
  80.                 <div style="float:left; margin-left:10px; width:40px; height:40px;">
  81.                     <img alt="small_40x40" src="https://photo.asianfanfics.com/user/909691/a4b57f.jpg" style="width:40px; height:40px;">
  82.                 </div>
  83.             </div>
  84.             <div style="float:right; margin-left:-30px; margin-top:-80px; padding:5px 10px; width:160px; height:20px; background-color: rgba(62, 62, 62, 1); opacity:0.99; text-align:right; text-transform:lowercase; font-family:arial black; font-size:20px; line-height:20px; letter-spacing:-1px; color: rgba(153, 204, 255, 1);">
  85.                 label here
  86.             </div>
  87.         </div>
  88.         <div style="float:left; margin-top:20px; padding:0px 10px; width:430px; height:90px; background-color: rgba(62, 62, 62, 1);">
  89.             <div style="float:left; margin:10px 0px; padding:0px 14px 0px 20px; border-right: solid 1px rgba(255, 255, 255, 1); width:110px; height:70px;">
  90.                 <div style="float:left; padding:10px 0px; width:110px; height:50px;">
  91.                     <div style="float:left; padding:5px 30px; width:50px; height:20px; text-align:center; text-transform:lowercase; font-family:arial black; font-size:20px; line-height:20px; letter-spacing:-1px; color: rgba(153, 204, 255, 1);">
  92.                         #01
  93.                     </div>
  94.                     <div style="float:left; width:110px; height:20px; text-align:center; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  95.                         Lorem ipsum dolor sit amet, consectetuer
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.             <div style="float:left; margin:10px 0px; padding:0px 15px 0px 15px; width:110px; height:70px;">
  100.                 <div style="float:left; padding:10px 0px; width:110px; height:50px;">
  101.                     <div style="float:left; padding:5px 30px; width:50px; height:20px; text-align:center; text-transform:lowercase; font-family:arial black; font-size:20px; line-height:20px; letter-spacing:-1px; color: rgba(153, 204, 255, 1);">
  102.                         #02
  103.                     </div>
  104.                     <div style="float:left; width:110px; height:20px; text-align:center; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  105.                         Lorem ipsum dolor sit amet, consectetuer
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.             <div style="float:left; margin:10px 0px; padding:0px 20px 0px 14px; border-left: solid 1px rgba(255, 255, 255, 1); width:110px; height:70px;">
  110.                 <div style="float:left; padding:10px 0px; width:110px; height:50px;">
  111.                     <div style="float:left; padding:5px 30px; width:50px; height:20px; text-align:center; text-transform:lowercase; font-family:arial black; font-size:20px; line-height:20px; letter-spacing:-1px; color: rgba(153, 204, 255, 1);">
  112.                         #03
  113.                     </div>
  114.                     <div style="float:left; width:110px; height:20px; text-align:center; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  115.                         Lorem ipsum dolor sit amet, consectetuer
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.         </div>
  120.         <div style="float:left; padding:5px 10px; width:430px; height:10px; text-align:right; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:6px; line-height:10px; letter-spacing:1px; color: rgba(153, 204, 255, 1);">
  121.             inspire ft. yui aragaki | suggested by lxvevirus | designed & coded <a href="http://www.asianfanfics.com/story/view/953539" style="text-decoration:none; color: rgba(153, 204, 255, 1)">&copy; cruxblader themes 2018</a>
  122.         </div>
  123.     </div>
  124. </div>
  125. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement