API tools faq
paste
Advertisement
Kawaii-Lau

Raise With You

Kawaii-Lau
Jun 3rd, 2020
2,044
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.88 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. /*
  3.  
  4. ❁ ≖≖✿❁  
  5.                Hello!
  6.     Thank you for using my code!
  7.                                     ✿❁ ≖≖ ❁ *
  8. Rules to Follow:
  9.  
  10. ✶ Do not EVER delete or remove the credits of the coder or claim this code as your own.
  11. ✶ Do not redistribute this code, no matter how much you edited it!
  12. ✶ If you need any help in fixing codes, contact me on Discord (Kawaii-lau#6316). Major changes in code is not accepted.
  13. ✶ If you like to share this code, send to your friends the link of my blog, kawaii-lau.tumblr.com , and support me!
  14.  
  15. If you like a custom code, check out my blog to see if requests are open!
  16.  
  17.  
  18. !!!!NOTE: MAKE SURE TO COPY THE CSS IN THE "STYLE" HTML.
  19.         THEN YOU CAN COPY THE "BODY" ANYWHERE IN YOUR CODE.
  20.             !!!DO NOT COPY THE <body></body> TAGS IF YOU PUT IT IN YOUR CODE. JUST COPY AND PASTE THE <div> AFTER IT.
  21.             !!!SAME WITH THE CSS WITH THE <style> TAG
  22.        
  23.         CODE SIZE: 450px WIDTH X 600px+ HEIGHT
  24.  
  25.  
  26. XOXO, Kawaii-Lau.
  27.  
  28. ❁ ≖≖✿❁
  29.        2020 © Coding by Kawaii-Lau
  30.                                    ✿❁ ≖≖ ❁ */
  31.  
  32.  
  33.     .user999 {margin:5px 5px}
  34.     .user999 p {margin:0px;}
  35.     .pic999 {
  36.         width:100px;height:100px;
  37.         padding:5px;margin:3px auto
  38. }
  39.     .pic999 img {
  40.         width:100%;
  41.         height:100%;
  42.         border-radius:10px;
  43. }
  44.  
  45.     .fade999 {
  46.         position:relative;
  47.         width:100%;height:100%;
  48.         top:-100%;border-radius:10px;
  49.         opacity:0;transition:0.7s ease;z-index:5
  50. }
  51.     .fade999:hover {
  52.         opacity:1;
  53. }
  54.  
  55. </style>
  56. <body>
  57.  
  58. <div style="width:400px;margin-left:auto;margin-right:auto;background:#F1F1F1;text-align:center;padding:20px 10px;font-family:'Times New Roman';">
  59.    
  60.  
  61.     <h3 style="font-size:20px;margin:0px;">Year One</h3>
  62. <br>
  63.  
  64.     <div style="display:flex;flex-direction:row;justify-content:center;">
  65.    
  66.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  67.             <p><b>Week 1</b></p>
  68.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  69.                 <img src=""/>
  70.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  71.                     <div style="padding:10px;font-size:14px;">
  72.                     Reason for winning
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.             <p><b>Name Here</b></p>
  77.         </div>
  78.    
  79.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  80.             <p><b>Week 2</b></p>
  81.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  82. <!-- PICTURE HERE -->
  83.                 <img src=""/>
  84.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  85.                     <div style="padding:10px;font-size:14px;">
  86.                     Raise with you
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.             <p><b>Name Here</b></p>
  91.         </div>
  92.    
  93.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  94.             <p><b>Week 3</b></p>
  95.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  96. <!-- PICTURE HERE -->
  97.                 <img src=""/>
  98.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  99.                     <div style="padding:10px;font-size:14px;">
  100.                     Stand by
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.             <p><b>Name Here</b></p>
  105.         </div>
  106.    
  107.     </div> <!-- WEEK 1 - 3 END -->
  108.  
  109. <div style="display:flex;flex-direction:row;justify-content:center;">
  110.    
  111.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  112.             <p><b>Week 4</b></p>
  113.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  114. <!-- PICTURE HERE -->
  115.                 <img src=""/>
  116.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  117.                     <div style="padding:10px;font-size:14px;">
  118.                     Raise with you
  119.                     </div>
  120.                 </div>
  121.             </div>
  122.             <p><b>Name Here</b></p>
  123.         </div>
  124.    
  125.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  126.             <p><b>Week 5</b></p>
  127.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  128. <!-- PICTURE HERE -->
  129.                 <img src=""/>
  130.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  131.                     <div style="padding:10px;font-size:14px;">
  132.                     Raise with you
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.             <p><b>Name Here</b></p>
  137.         </div>
  138.    
  139.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  140.             <p><b>Week 6</b></p>
  141.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  142. <!-- PICTURE HERE -->
  143.                 <img src=""/>
  144.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  145.                     <div style="padding:10px;font-size:14px;">
  146.                     Raise with you
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.             <p><b>Name Here</b></p>
  151.         </div>
  152.    
  153.     </div> <!-- WEEK 4 - 6 END -->
  154.  
  155. <div style="display:flex;flex-direction:row;justify-content:center;">
  156.    
  157.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  158.             <p><b>Week 7</b></p>
  159.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  160. <!-- PICTURE HERE -->
  161.                 <img src=""/>
  162.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  163.                     <div style="padding:10px;font-size:14px;">
  164.                     Raise with you
  165.                     </div>
  166.                 </div>
  167.             </div>
  168.             <p><b>Name Here</b></p>
  169.         </div>
  170.    
  171.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  172.             <p><b>Week 8</b></p>
  173.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  174. <!-- PICTURE HERE -->
  175.                 <img src=""/>
  176.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  177.                     <div style="padding:10px;font-size:14px;">
  178.                     Raise with you
  179.                     </div>
  180.                 </div>
  181.             </div>
  182.             <p><b>Name Here</b></p>
  183.         </div>
  184.    
  185.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  186.             <p><b>Week 9</b></p>
  187.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  188. <!-- PICTURE HERE -->
  189.                 <img src=""/>
  190.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  191.                     <div style="padding:10px;font-size:14px;">
  192.                     Raise with you
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.             <p><b>Name Here</b></p>
  197.         </div>
  198.    
  199.     </div> <!-- WEEK 7 - 9 END -->
  200.  
  201. <div style="display:flex;flex-direction:row;justify-content:center;">
  202.    
  203.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  204.             <p><b>Week 10</b></p>
  205.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  206. <!-- PICTURE HERE -->
  207.                 <img src=""/>
  208.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  209.                     <div style="padding:10px;font-size:14px;">
  210.                     Raise with you
  211.                     </div>
  212.                 </div>
  213.             </div>
  214.             <p><b>Name Here</b></p>
  215.         </div>
  216.    
  217.         <div class="user999" style="width:130px;background:#E7E9EE;padding:5px 0px 5px">
  218.             <p><b>Week 11</b></p>
  219.             <div class="pic999" style="border:1px solid black;border-radius:10px;">
  220. <!-- PICTURE HERE -->
  221.                 <img src=""/>
  222.                 <div class="fade999" style="background:rgba(0, 0, 0, 0.5);color:white;">
  223.                     <div style="padding:10px;font-size:14px;">
  224.                     Raise with you
  225.                     </div>
  226.                 </div>
  227.             </div>
  228.             <p><b>Name Here</b></p>
  229.         </div>
  230.     </div> <!-- WEEK 10 - 11 END -->
  231. <br>
  232. <div>Coding by <a href="https://kawaii-lau.tumblr.com" target="_blank" style="color:rgb(100, 100, 100)">Kawaii-Lau</a></div>
  233. </div>
  234. </body>
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!