API tools faq
paste
lowkeywicked

Freebie - Comm 02

lowkeywicked
Apr 25th, 2020 (edited)
4,878
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.93 KB | None | 1 0
raw download clone embed print report
  1. <div class="py-4 px-0 card border-0" style="margin: -22px;">
  2. <div class="container px-0" style="max-width: 950px;">
  3.  
  4. <h1 class="bg-primary text-white display-4 p-2"><i class="fas fa-stars fa-fw pull-right" />Welcome</h1>
  5. <!-------------------- WELCOME BLOCK ------------------------------------------------------------->
  6. <div class="card-block bg-faded mb-2">
  7. <p>Write a short intro here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo sodales lectus, a sollicitudin ante venenatis non. Donec nec commodo urna, id condimentum nisi. Aliquam iaculis nulla ut maximus semper. Pellentesque aliquet viverra libero vitae sagittis. Mauris enim lorem, dapibus vitae tellus ac, porta finibus nulla. Aenean dignissim mi at elementum vestibulum. Maecenas mollis est massa, eu sagittis erat fringilla non. Curabitur finibus diam at mauris viverra, nec sollicitudin urna dignissim. Aliquam aliquet magna a velit consequat gravida. Morbi odio elit, pellentesque quis magna maximus, vehicula auctor nibh. Nullam vitae ante tellus. Vivamus tellus sapien, facilisis gravida pulvinar ac, dapibus eu nibh.</p>
  8.  
  9. <p class="text-center">
  10. <!-------------------- BUTTONS -- YOU CAN CUSTOMIZE THESE ------------------------------------->
  11. <a class="btn btn-primary rounded-0 m-1" target="_BLANK" href="LINK_HERE">T.o.S.</a>
  12. <a class="btn btn-primary rounded-0 m-1" target="_BLANK" href="LINK_HERE">Gallery</a>
  13. <a class="btn btn-primary rounded-0 m-1" target="_BLANK" href="LINK_HERE">Trello</a>
  14. </p>
  15. </div>
  16.  
  17. <!-------------------- STRENGS & WONT DRAW -------------------------------------------------------->
  18. <div class="row no-gutters">
  19. <div class="col-md-6 pr-md-1 mb-2">
  20. <div class="card-block bg-faded pb-2 h-100">
  21. <h2><i class="fal fa-plus-circle fa-fw mr-2"/>Strengths</h2>
  22. <ul class="mb-0">
  23. <li class="mb-2">content</li>
  24. <li class="mb-2">content</li>
  25. <li class="mb-2">content</li>
  26. <li class="mb-2">content</li>
  27. </ul>
  28. </div>
  29. </div>
  30.  
  31. <div class="col-md-6 pl-md-1 mb-2">
  32. <div class="card-block bg-faded pb-2 h-100">
  33. <h2><i class="fal fa-times-circle fa-fw mr-2" />Won't Draw</h2>
  34. <ul class="mb-0">
  35. <li class="mb-2">content</li>
  36. <li class="mb-2">content</li>
  37. <li class="mb-2">content</li>
  38. <li class="mb-2">content</li>
  39. </ul>
  40. </div>
  41. </div>
  42. </div>
  43.  
  44. <h1 class="bg-primary text-white display-4 p-2 mt-4"><i class="fas fa-stars fa-fw pull-right"/>Samples</h1>
  45. <!-------------------- SAMPLES SECTION -------------------------------------------------------->
  46. <div class="card-block bg-faded mb-2">
  47. <div class="row">
  48. <!----------- PREV IMAGES 1 --- LINK TO FULL SIZE IMAGE ----------------------------------->
  49. <div class="col-md-6 text-center">
  50. <a href="FULL_IMAGE_URL_HERE" target="_BLANK">
  51. <img src="PREV_IMAGE_URL_HERE" style="max-height: 200px;" class="mx-2 mb-1"></a>
  52.  
  53. <a href="FULL_IMAGE_URL_HERE" target="_BLANK">
  54. <img src="PREV_IMAGE_URL_HERE" style="max-height: 200px;" class="mx-2 mb-1"></a>
  55. </div>
  56.  
  57. <div class="col-md-6 mt-2 text-center">
  58. <!-------------- STYLE 1 DETAILS ------------------------------------------------------>
  59. <h2>Style Name</h2>
  60. <p><i>Any details here</i></p>
  61. <ul class="mb-0 text-left">
  62. <li>Headshot: $$</li>
  63. <li>Halfbody: $$</li>
  64. <li>Fullbody: $$</li>
  65. </ul>
  66. </div>
  67. </div>
  68. </div>
  69.  
  70. <div class="card-block bg-faded mb-2">
  71. <div class="row">
  72. <!----------- PREV IMAGES 2 --- LINK TO FULL SIZE IMAGE ----------------------------------->
  73. <div class="col-md-6 text-center">
  74. <a href="FULL_IMAGE_URL_HERE" target="_BLANK">
  75. <img src="PREV_IMAGE_URL_HERE" style="max-height: 200px;" class="mx-2 mb-1"></a>
  76.  
  77. <a href="FULL_IMAGE_URL_HERE" target="_BLANK">
  78. <img src="PREV_IMAGE_URL_HERE" style="max-height: 200px;" class="mx-2 mb-1"></a>
  79. </div>
  80.  
  81. <div class="col-md-6 mt-2 text-center">
  82. <!-------------- STYLE 2 DETAILS ------------------------------------------------------>
  83. <h2>Style Name</h2>
  84. <p><i>Any details here</i></p>
  85. <ul class="mb-0 text-left">
  86. <li>Sketch: $$</li>
  87. <li>Flat color: $$</li>
  88. <li>Cel shaded: $$</li>
  89. <li>Painted: $$</li>
  90. </ul>
  91. </div>
  92. </div>
  93. </div>
  94.  
  95. <div class="card-block bg-faded mb-2">
  96. <div class="row">
  97. <!----------- PREV IMAGES 3 --- LINK TO FULL SIZE IMAGE ----------------------------------->
  98. <div class="col-md-6 text-center">
  99. <a href="FULL_IMAGE_URL_HERE" target="_BLANK">
  100. <img src="PREV_IMAGE_URL_HERE" style="max-height: 200px;" class="mx-2 mb-1"></a>
  101.  
  102. <a href="FULL_IMAGE_URL_HERE" target="_BLANK">
  103. <img src="PREV_IMAGE_URL_HERE" style="max-height: 200px;" class="mx-2 mb-1"></a>
  104. </div>
  105.  
  106. <div class="col-md-6 mt-2 text-center">
  107. <!-------------- STYLE 3 DETAILS ------------------------------------------------------>
  108. <h2>Style Name</h2>
  109. <p><i>Any details here</i></p>
  110. <ul class="mb-0 text-left">
  111. <li>Headshot: $$</li>
  112. <li>Halfbody: $$</li>
  113. <li>Fullbody: $$</li>
  114. </ul>
  115. </div>
  116. </div>
  117. </div>
  118.  
  119. <h1 class="bg-primary text-white display-4 p-2 mt-4"><i class="fas fa-stars fa-fw pull-right"/>Order</h1>
  120. <!-------------------- ORDER BLOCK ------------------------------------------------------------->
  121. <div class="card-block bg-faded mb-2">
  122. <p>Put your order details here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sm pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. </p>
  123.  
  124. <div class="row mt-4">
  125. <div class="col-md-6 mb-2">
  126. <!-------------------- PUT WHATEVER YOUR COMM FORM IS HERE ------------------------------->
  127. <h2><i class="fal fa-list-alt fa-fw mr-2" />Form</h2>
  128. <blockquote class="small">
  129. <p><b>Name:</b> ---
  130. <p><b>Comm type:</b> ---
  131. <p><b>Refs:</b> ----
  132. <p><b>Etc:</b> (put whatever you commission form is here)
  133. </blockquote>
  134. </div>
  135.  
  136. <div class="col-md-6 mb-2">
  137. <!-------------------- QUEUE ------------------------------------------------------------->
  138. <h2><i class="fal fa-users fa-fw mr-2"/>Queue</h2>
  139. <ol class="mb-0">
  140. <li class="mb-1"> ---</li>
  141. <li class="mb-1"> ---</li>
  142. <li class="mb-1"> ---</li>
  143. <li class="mb-1"> ---</li>
  144. </ol>
  145. </div>
  146. </div>
  147. </div>
  148. <p class="small text-muted text-right">HTML by @Pinky</p>
  149. </div>
  150. </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!