API tools faq
paste
MCDogWarrior

Moodboard v2

MCDogWarrior
Jul 24th, 2021 (edited)
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.13 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid" style="color:#ffffff;width:800px;">
  2. <!--background card (not visible)-->
  3. <div class="card bg-faded" style="background-color:#02031f; height:780px;">
  4. <!--background image-->
  5. <div style="background: url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deflytk-2a31cf9d-1d95-4e50-9886-f8cb02592860.png/v1/fill/w_1280,h_100,q_80,strp/bg_by_mcdogwarrior_deflytk-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAwIiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWZseXRrLTJhMzFjZjlkLTFkOTUtNGU1MC05ODg2LWY4Y2IwMjU5Mjg2MC5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.q3sJiZBeZHdY3YAzFMwHX8hi5Lekr9M7oMntKsiNfyo ); background-repeat: no-repeat; background-size:cover; background-position: center;" class="card">
  6. <!--filter over background (change opacity via the 4th number)-->
  7. <div class="card p-2 ms-1" style="background-color:rgba(0,0,0,0.75);">
  8. <div class="row no-gutters">
  9. <!--image 1-->
  10. <div class="col-md-4 col-6 pr-2 mb-2">
  11. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  12. </div>
  13. </div>
  14. <!--image 2-->
  15. <div class="col-md-4 col-6 pr-2 mb-2">
  16. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  17. </div>
  18. </div>
  19. <!--image 3-->
  20. <div class="col-md-4 col-6 pr-2 mb-2">
  21. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  22. </div>
  23. </div>
  24. </div>
  25.  
  26. <div class="row no-gutters">
  27. <!--image 4-->
  28. <div class="col-md-4 col-6 pr-2 mb-2">
  29. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  30. </div>
  31. </div>
  32. <!--image 5-->
  33. <div class="col-md-4 col-6 pr-2 mb-2">
  34. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  35. </div>
  36. </div>
  37. <!--image 6-->
  38. <div class="col-md-4 col-6 pr-2 mb-2">
  39. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  40. </div>
  41. </div>
  42. </div>
  43.  
  44. <div class="row no-gutters">
  45. <!--image 7-->
  46. <div class="col-md-4 col-6 pr-2 mb-2">
  47. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  48. </div>
  49. </div>
  50. <!--image 8-->
  51. <div class="col-md-4 col-6 pr-2 mb-2">
  52. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  53. </div>
  54. </div>
  55. <!--image 9-->
  56. <div class="col-md-4 col-6 pr-2 mb-2">
  57. <div class="card rounded-0 border-0" style="background-image:url( https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqbS1lYjdmZjNjNi1iOTk5LTRkMDctODA0YS04OGViZmE4OTY4YWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gRI7aYrRyU4W_LNe3NTLpGQHH9ZH5NFyBCySQbj_Itk ); background-size:cover; background-position: center; height:250px">
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <!--code credit (do not remove pls and ty)-->
  64. <p><span style="font-size: 9px;">Code by <a href="https://toyhou.se/MCDogResource" id="">MCDogWarrior</a></span></p>
  65. </div>
  66. <!--top icon-->
  67. <a class="text-white" style="position:absolute; top:-20px; left:10px; font-size:60px;"> <i class="fas fa-wrench"></i> </a>
  68. <!--bottom spinning icon-->
  69. <a class="text-white" style="position:absolute; bottom:-55px; right:-10px; font-size:80px;"> <i class="fas fa-cog fa-spin"></i> </a>
  70. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!