API tools faq
paste
Advertisement
feIine

SOLID COLOR: LIGHT BLUE

feIine
Nov 4th, 2022
787
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.17 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. solid color codes pack: light blue!
  4.  
  5. LIGHT BLUE BORDERS: #01BCE8
  6. LIGHT BLUE TEXT: #70E4FF
  7. CARD BGS: #EFFCFF
  8.  
  9. -->
  10.  
  11. <div class="container-fluid border-0 pt-5 pb-4" style="margin-top: -20px;">
  12. <div class="container-fluid" style="max-width: 600px; letter-spacing: .4px;">
  13. <div class="row">
  14. <div style="border-width:6px; border-style: solid;
  15.  
  16. border-color:#01BCE8;
  17.  
  18. background-image: url(https://cdn.discordapp.com/attachments/1037478547742281738/1037478578574590013/amongus_ych_-_EVIL_KITTY.png);
  19.  
  20. background-color: #A9EFFF;
  21. background-size:170px;
  22. border-radius: 1em;"
  23.  
  24. class="p-4">
  25.  
  26. <div class=container style="min-width:400px">
  27. <div class="row justify-content-md-center">
  28.  
  29.  
  30. <!-- row one -->
  31.  
  32.  
  33. <div class="container p-2" style="width:500px;">
  34. <div class="row justify-content-center">
  35.  
  36. <!-- icon -->
  37.  
  38. <div class="card col-3 p-2 mx-2" style="height:130px; width:130px;
  39.  
  40. background-image:url(https://i.pinimg.com/originals/bf/c8/e7/bfc8e7a3765ae87f7b58703a83458442.jpg);
  41. background-size:130px; border-width:6px; border-style: solid; border-radius: 100px;
  42. border-color:#01BCE8; ">
  43.  
  44. <i class="fa-duotone fa-heart fa-beat" style="--fa-animation-duration: 1.5s; color:#01BCE8; font-size:25px; position: absolute; left:0; top: -2px;"></i>
  45.  
  46. <i class="fa-duotone fa-star fa-beat" style="--fa-animation-duration: 2s; color:#01BCE8; font-size:15px; position: absolute; left:-11px; bottom:69px;"></i>
  47.  
  48. <i class="fa-duotone fa-sparkles fa-beat" style="--fa-animation-duration: 2s; color:#01BCE8; font-size:20px; position: absolute; left:99px; bottom:8px;"></i>
  49.  
  50. </div>
  51.  
  52. <!-- abt -->
  53.  
  54. <div class="card col-md p-2 mx-2" style="width:350px;
  55.  
  56. background-color:#EFFCFF;
  57. border-width:6px; border-style: solid; border-radius:10px;
  58. border-color:#01BCE8; color:#01BCE8;">
  59.  
  60. <p> <span style="font-size:14px; font-weight:3px; font-family:serif"> <B>abt me</b> . . . <i class="fa-solid fa-squid fa-xs"></i> </span> </p>
  61.  
  62. <div style="background-color:#EFFCFF; overflow-x: hidden; height:82px; width:330px; color:#70E4FF;">
  63.  
  64. <p> <span style="font-size:12px; font-weight:3px; font-family:sans-serif"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </span> </p>
  65.  
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70.  
  71. <!-- divider -->
  72.  
  73.  
  74. <hr class="w-100" style="border-top: 2px solid #01BCE8;">
  75.  
  76. <!-- info card -->
  77.  
  78. <div class="container p-2" style="width:500px;">
  79. <div class="row justify-content-center">
  80.  
  81. <div class="card-co-3.5 p-2"
  82.  
  83. style="width:140px;
  84.  
  85. background-color:#EFFCFF;
  86. border-width:6px; border-style: solid; border-radius:10px;
  87. border-color:#01BCE8; color:#01BCE8;">
  88.  
  89. <p> <span style="font-size:13px; font-weight:600; font-family:sans-serif">
  90.  
  91. <!-- note abt the image: its better to use small pics, since theyll be shrunk to 10pixels. if u use smth thats not a square youll have to resize it yourself! its possible, as long as u keep the image small. u can also replace it with a font awesome icon! -->
  92.  
  93. <i><b>name !</b></i></span>
  94.  
  95. <img src="https://cdn.discordapp.com/attachments/1031894751131226202/1037551805095219250/da1w97z-b26b4f73-f439-4ec5-a153-1ab674425440.gif" style="width:10px; height:10px"> <br>
  96.  
  97. <span style="font-size:13px; font-weight:3px; color:#70E4FF; font-family:serif;">(<span>@</span>username)</span> <br>
  98.  
  99. <span style="font-size:12px; font-weight:600; color:#70E4FF; font-family:sans-serif">
  100. prn/prns <i class="far fa-horizontal-rule fa-xs"></i> 16 <br>
  101. <B>lesbian + nby</B> <br>
  102. <i>autistic</i> % isfj <br>
  103.  
  104. </span> </p>
  105. <br>
  106. <img src="https://cdn.discordapp.com/attachments/1031958996627763210/1031964843974078474/ed80609f.gif" style="width:100px; height:63px;" class="my-2 ">
  107.  
  108. </div>
  109.  
  110.  
  111. <div class="col">
  112.  
  113. <!-- stamps -->
  114.  
  115. <div class="card p-2" style="background-color:#EFFCFF; border-width:6px; border-style: solid; border-radius:10px; border-color:#01BCE8; color:#01BCE8;">
  116.  
  117. <div class="row align-items-center">
  118. <div class="col">
  119. <img src="https://cdn.discordapp.com/attachments/1034958630690226196/1038212795499544647/3.png">
  120. </div>
  121. <div class="col">
  122. <img src="https://cdn.discordapp.com/attachments/1034958630690226196/1038212795847680040/56481989_YTv3DbXH986FyiF.gif">
  123. </div>
  124. <div class="col">
  125. <img src="https://cdn.discordapp.com/attachments/1034958630690226196/1038212090957152256/2.png">
  126. </div>
  127. </div>
  128. </div>
  129.  
  130. <!-- links -->
  131.  
  132. <div class="card p-2 my-2" style="background-color:#EFFCFF; border-width:6px; border-style: solid; border-radius:10px; border-color:#01BCE8; color:#01BCE8; text-align:center">
  133.  
  134. <p> <span style="font-size:17px; letter-spacing:.1px; color:#70E4FF; font-family:monospace">
  135.  
  136. <i class="fa-solid fa-sparkles fa-2xs"></i>
  137.  
  138.  
  139. <a href="URLHERE" style="color: #01BCE8;"><i class="fa-brands fa-twitter"></i></a> /
  140.  
  141. <a href="URLHERE" style="color: #01BCE8;"><i class="fa-brands fa-tumblr"></i></a> /
  142.  
  143. <a href="URLHERE" style="color: #01BCE8;"><i class="fa-brands fa-instagram"></i></a> /
  144.  
  145. <span data-toggle="tooltip" title="user#6969" style="color: #01BCE8;"> <i class="fa-brands fa-discord"></i></span> /
  146.  
  147. <span data-toggle="tooltip" title="comms: OPEN"><a href="URLHERE" style="color: #01BCE8;"><i class="fa-solid fa-palette"></i></a> </span> /
  148.  
  149. <a href="URLHERE" style="color: #01BCE8;"><i class="fa-solid fa-address-card"></i></a>
  150.  
  151. <i class="fa-solid fa-sparkles fa-2xs"></i> </span> </p> </div>
  152.  
  153. <!-- DNI -->
  154.  
  155. <div class="container p-1">
  156. <div class="row justify-content-md-center">
  157.  
  158. <div class="card co-6 p-2 mx-1" style="width:170px; height:130px; background-color:#EFFCFF; border-width:6px; border-style: solid; border-radius:10px; border-color:#01BCE8; color:#01BCE8;">
  159.  
  160. <div class="p-0" style="overflow-x: hidden; height:130px; width:147px; color:#01BCE8;">
  161.  
  162. <p> <span style="letter-spacing:1.5px; font-size:11px;"> <i class="fa-solid fa-heart"></i> <b>DNI</b> </span> </p>
  163.  
  164. <p> <span style="font-size:11px; font-weight:3px; font-family:sans-serif; color:#70E4FF"> this, <b>that,</b> the other, <b>etc..</b> mew mew mew mew mew mew mew mew mew mew mew mew mew mew mew mew mew </span> </p>
  165.  
  166. </div>
  167. </div>
  168.  
  169. <!-- BYF -->
  170.  
  171. <div class="card co-6 p-2 mx-1" style="width:170px; height:130px; background-color:#EFFCFF; border-width:6px; border-style: solid; border-radius:10px; border-color:#01BCE8; color:#01BCE8;">
  172.  
  173. <div class="p-0" style="overflow-x: hidden; height:150px; width:147px; color:#01BCE8;">
  174.  
  175. <p> <span style="letter-spacing:1.5px; font-size:11px;"> <i class="fa-solid fa-star-shooting"></i></i> <b>BYF:</b> </span> </p>
  176.  
  177. <p> <span style="font-size:11px; font-weight:3px; font-family:sans-serif; color:#70E4FF">
  178. this, <b>that,</b> the other, <b>etc..</b> mew mew mew mew mew mew mew mew mew mew mew mew mew mew mew mew mew </span> </p>
  179.  
  180. </div>
  181. </div>
  182. </div>
  183.  
  184.  
  185.  
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193.  
  194. <div class="text-right w-100"> <a href="https://toyhou.se/nepkatz"><i class="fa-solid fa-code" style="color:#70E4FF;"></i></a> / <a href="URLHERE"><i class="fa-solid fa-palette" style="color:#70E4FF;"></i></a> </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!