API tools faq
paste
lowkeywicked

Freebie Relationships 3

lowkeywicked
Oct 10th, 2019 (edited)
1,662
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.33 KB | None | 0 0
raw download clone embed print report
  1. <div class="card card-block d-block bg-faded pb-2 mb-2">
  2. <div class="d-flex justify-content-between display-4 mb-1">
  3. <h1 class="text-uppercase mb-0" style="letter-spacing: 1.5px;">Relationships</h1>
  4. <i class="fas fa-users fa-fw" />
  5. </div>
  6.  
  7. <hr class="mt-0">
  8. <div class="row no-gutters">
  9. <!---------------------- CHARACTER LEFT BLOCK ------------------------------------------>
  10. <div class="col-lg-6 pr-md-1 mb-2">
  11.  
  12. <!-------- avatar image ----------->
  13. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded float-sm-left mr-sm-2 d-block mx-auto mb-1 img-thumbnail" style="height: 150px;">
  14.  
  15. <!------- character name & link ---------->
  16. <h2><a href="#LINK">Name</a></h2>
  17.  
  18. <!------- hearts for relationship strength -->
  19. <p>[ <i>relationship</i> ]
  20. <i class="fas fa-heart fa-fw" />
  21. <i class="fas fa-heart fa-fw" />
  22. <i class="fas fa-heart fa-fw" />
  23. <i class="fas fa-heart fa-fw" />
  24. <i class="fas fa-heart fa-fw" /></p>
  25.  
  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 RIGHT BLOCK ------------------------------------------>
  30. <div class="col-lg-6 pl-md-1 mb-2">
  31. <!-------- avatar image ----------->
  32. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded float-sm-left mr-sm-2 d-block mx-auto mb-1 img-thumbnail" style="height: 150px;">
  33.  
  34. <!------- character name & link ---------->
  35. <h2><a href="#LINK">Name</a></h2>
  36.  
  37. <!------- hearts for relationship strength -->
  38. <p>[ <i>relationship</i> ]
  39. <i class="fas fa-heart fa-fw" />
  40. <i class="fas fa-heart fa-fw" />
  41. <i class="fas fa-heart fa-fw" />
  42. <i class="far fa-heart fa-fw" />
  43. <i class="far fa-heart fa-fw" /></p>
  44.  
  45. <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>
  46. </div>
  47.  
  48. <!---------------------- CHARACTER LEFT BLOCK ------------------------------------------>
  49. <div class="col-lg-6 pr-md-1 mb-2">
  50.  
  51. <!-------- avatar image ----------->
  52. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded float-sm-left mr-sm-2 d-block mx-auto mb-1 img-thumbnail" style="height: 150px;">
  53.  
  54. <!------- character name & link ---------->
  55. <h2><a href="#LINK">Name</a></h2>
  56.  
  57. <!------- hearts for relationship strength -->
  58. <p>[ <i>relationship</i> ]
  59. <i class="fas fa-heart fa-fw" />
  60. <i class="fas fa-heart fa-fw" />
  61. <i class="fas fa-heart fa-fw" />
  62. <i class="fas fa-heart fa-fw" />
  63. <i class="far fa-heart fa-fw" /></p>
  64.  
  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 RIGHT BLOCK ------------------------------------------>
  69. <div class="col-lg-6 pl-md-1 mb-2">
  70. <!-------- avatar image ----------->
  71. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded float-sm-left mr-sm-2 d-block mx-auto mb-1 img-thumbnail" style="height: 150px;">
  72.  
  73. <!------- character name & link ---------->
  74. <h2><a href="#LINK">Name</a></h2>
  75.  
  76. <!------- hearts for relationship strength -->
  77. <p>[ <i>relationship</i> ]
  78. <i class="fas fa-heart fa-fw" />
  79. <i class="far fa-heart fa-fw" />
  80. <i class="far fa-heart fa-fw" />
  81. <i class="far fa-heart fa-fw" />
  82. <i class="far fa-heart fa-fw" /></p>
  83.  
  84. <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>
  85. </div>
  86.  
  87. <!---------------------- CHARACTER LEFT BLOCK ------------------------------------------>
  88. <div class="col-lg-6 pr-md-1 mb-2">
  89.  
  90. <!-------- avatar image ----------->
  91. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded float-sm-left mr-sm-2 d-block mx-auto mb-1 img-thumbnail" style="height: 150px;">
  92.  
  93. <!------- character name & link ---------->
  94. <h2><a href="#LINK">Name</a></h2>
  95.  
  96. <!------- hearts for relationship strength -->
  97. <p>[ <i>relationship</i> ]
  98. <i class="fas fa-heart fa-fw" />
  99. <i class="fas fa-heart fa-fw" />
  100. <i class="fas fa-heart fa-fw" />
  101. <i class="far fa-heart fa-fw" />
  102. <i class="far fa-heart fa-fw" /></p>
  103.  
  104. <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>
  105. </div>
  106.  
  107. <!---------------------- CHARACTER RIGHT BLOCK ------------------------------------------>
  108. <div class="col-lg-6 pl-md-1 mb-2">
  109. <!-------- avatar image ----------->
  110. <img src="https://file.toyhou.se/characters/2943854?1546816222" class="rounded float-sm-left mr-sm-2 d-block mx-auto mb-1 img-thumbnail" style="height: 150px;">
  111.  
  112. <!------- character name & link ---------->
  113. <h2><a href="#LINK">Name</a></h2>
  114.  
  115. <!------- hearts for relationship strength -->
  116. <p>[ <i>relationship</i> ]
  117. <i class="fas fa-heart fa-fw" />
  118. <i class="fas fa-heart fa-fw" />
  119. <i class="fas fa-heart fa-fw" />
  120. <i class="fas fa-heart fa-fw" />
  121. <i class="far fa-heart fa-fw" /></p>
  122.  
  123. <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>
  124. </div>
  125.  
  126. </div>
  127. </div>
  128. <p class="text-right small">HTML by @Pinky</p>
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!