API tools faq
paste
lowkeywicked

Freebie Relationships 2

lowkeywicked
Oct 10th, 2019 (edited)
1,010
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.39 KB | None | 0 0
raw download clone embed print report
  1. <div class="container px-0">
  2. <div class="card card-oultline-primary bg-primary mb-2">
  3. <div class="card-header bg-primary">
  4. <h1 class="display-4 text-white text-center text-uppercase mb-0" style="letter-spacing: 1px;"> Relationships</h1>
  5. </div>
  6. <div class="card-block rounded-bottom pb-0 bg-faded">
  7. <div class="row">
  8. <!------------- CHARACTER ------------------->
  9. <div class="col-md-4 mb-4 text-center">
  10. <!---- image here ------>
  11. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded d-block mx-auto mb-2" style="max-height: 200px;">
  12.  
  13. <!---- character name and link ---------->
  14. <h2><a class="btn btn-outline-primary text-uppercase" style="letter-spacing: 1px;" href="#link">
  15. Name</a></h2>
  16. <p class="mb-2">[ <i>relationship</i> ]
  17.  
  18. <!--- number of hearts represent relationship strength ----->
  19. <br>
  20. <i class="fi-heart mx-1" />
  21. <i class="fi-heart mx-1" />
  22. <i class="fi-heart mx-1" />
  23. <i class="fi-heart mx-1" />
  24. <i class="fi-heart mx-1" />
  25. </p>
  26. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  27. </div>
  28.  
  29. <!------------- CHARACTER ------------------->
  30. <div class="col-md-4 mb-4 text-center">
  31. <!---- image here ------>
  32. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded d-block mx-auto mb-2" style="max-height: 200px;">
  33.  
  34. <!---- character name and link ---------->
  35. <h2><a class="btn btn-outline-primary text-uppercase" style="letter-spacing: 1px;" href="#link">
  36. Name</a></h2>
  37. <p class="mb-2">[ <i>relationship</i> ]
  38.  
  39. <!--- number of hearts represent relationship strength ----->
  40. <br>
  41. <i class="fi-heart mx-1" />
  42. <i class="fi-heart mx-1" />
  43. <i class="fi-heart mx-1" />
  44. <i class="fi-heart mx-1" />
  45. </p>
  46. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  47. </div>
  48.  
  49. <!------------- CHARACTER ------------------->
  50. <div class="col-md-4 mb-4 text-center">
  51. <!---- image here ------>
  52. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded d-block mx-auto mb-2" style="max-height: 200px;">
  53.  
  54. <!---- character name and link ---------->
  55. <h2><a class="btn btn-outline-primary text-uppercase" style="letter-spacing: 1px;" href="#link">
  56. Name</a></h2>
  57. <p class="mb-2">[ <i>relationship</i> ]
  58.  
  59. <!--- number of hearts represent relationship strength ----->
  60. <br>
  61. <i class="fi-heart mx-1" />
  62. <i class="fi-heart mx-1" />
  63. <i class="fi-heart mx-1" />
  64. </p>
  65. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  66. </div>
  67.  
  68. <!------------- CHARACTER ------------------->
  69. <div class="col-md-4 mb-4 text-center">
  70. <!---- image here ------>
  71. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded d-block mx-auto mb-2" style="max-height: 200px;">
  72.  
  73. <!---- character name and link ---------->
  74. <h2><a class="btn btn-outline-primary text-uppercase" style="letter-spacing: 1px;" href="#link">
  75. Name</a></h2>
  76. <p class="mb-2">[ <i>relationship</i> ]
  77.  
  78. <!--- number of hearts represent relationship strength ----->
  79. <br>
  80. <i class="fi-heart mx-1" />
  81. <i class="fi-heart mx-1" />
  82. </p>
  83. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  84. </div>
  85.  
  86. <!------------- CHARACTER ------------------->
  87. <div class="col-md-4 mb-4 text-center">
  88. <!---- image here ------>
  89. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded d-block mx-auto mb-2" style="max-height: 200px;">
  90.  
  91. <!---- character name and link ---------->
  92. <h2><a class="btn btn-outline-primary text-uppercase" style="letter-spacing: 1px;" href="#link">
  93. Name</a></h2>
  94. <p class="mb-2">[ <i>relationship</i> ]
  95.  
  96. <!--- number of hearts represent relationship strength ----->
  97. <br>
  98. <i class="fi-heart mx-1" />
  99. <i class="fi-heart mx-1" />
  100. <i class="fi-heart mx-1" />
  101. </p>
  102. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  103. </div>
  104.  
  105. <!------------- CHARACTER ------------------->
  106. <div class="col-md-4 mb-4 text-center">
  107. <!---- image here ------>
  108. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded d-block mx-auto mb-2" style="max-height: 200px;">
  109.  
  110. <!---- character name and link ---------->
  111. <h2><a class="btn btn-outline-primary text-uppercase" style="letter-spacing: 1px;" href="#link">
  112. Name</a></h2>
  113. <p class="mb-2">[ <i>relationship</i> ]
  114.  
  115. <!--- number of hearts represent relationship strength ----->
  116. <br>
  117. <i class="fi-heart mx-1" />
  118. <i class="fi-heart mx-1" />
  119. <i class="fi-heart mx-1" />
  120. <i class="fi-heart mx-1" />
  121. </p>
  122. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  123. </div>
  124.  
  125. </div>
  126. </div>
  127. </div>
  128. <p class="text-right small">HTML by @Pinky</p>
  129. </div>
Advertisement
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!