API tools faq
paste
Advertisement
MCDogWarrior

Customs/Commissions (custom)

MCDogWarrior
May 5th, 2021
307
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.94 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid my-1" style="color:#ffffff;max-width:1000px;">
  2. <div class="container">
  3. <div class="card card-block bg-faded" style="background-color:#8B55F0;">
  4. <div class="card card-block bg-faded" style="background-color:#B876FA;">
  5. <p style="text-align: center;"><span style="font-size: 25px;"><strong>CUSTOMS/COMMISSIONS</strong></span></p>
  6. <!-- Choose one or the other, unless you're offering both. This code is meant to demonstrate how it can be used for both -->
  7. </div>
  8. </div>
  9. </div>
  10. </div>
  11. <div class="container-fluid" style="color:#ffffff;max-width:1000px;">
  12. <div class="container">
  13. <div style="margin:auto;">
  14. <div class="card p-1 px-2" style="background-image: 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);">
  15. <div class="row no-gutters">
  16. <div class="card card-block bg-faded" style="background-color:#713AD9;">
  17. <div class="row">
  18. <div class="col-4">
  19. <div class="card card-block bg-faded" style="background-color:#9E60F3;">
  20. <p style="text-align: center;"><span style="font-size: 25px;"><strong>TOS/TOU</strong></span></p>
  21. </div>
  22. </div>
  23. <div class="col-4">
  24. <div class="card card-block bg-faded" style="background-color:#9E60F3;">
  25. <p style="text-align: center;"><span style="font-size: 25px;"><strong>Important info</strong></span></p>
  26. </div>
  27. </div>
  28. <div class="col-4">
  29. <div class="card card-block bg-faded" style="background-color:#9E60F3;">
  30. <p style="text-align: center;"><span style="font-size: 25px;"><strong>Will/Won't do</strong></span></p>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="row">
  35. <div class="col-4 my-1">
  36. <div class="card card-block bg-faded" style="background-color:#A971F7;max-height:250px;overflow:auto">
  37. <p><ul style="list-style-type: circle;">
  38. <li>some kind of term</li>
  39. <li>something like uhh</li>
  40. <li>don't sell this to other people or you will be sentenced to guillotine</li>
  41. <li>no one wants to lose a head</li>
  42. <li>because then you can't sell things to other people</li>
  43. </ul></p>
  44. </div>
  45. </div>
  46. <div class="col-4 my-1">
  47. <div class="card card-block bg-faded" style="background-color:#A971F7;max-height:250px;overflow:auto">
  48. <p style="text-align: center;"><span style="font-size: 15px;">type about how this stuff works, like uhhhh maybe notes on how commissions or whatever might take a million years because art motivation went *poof*</span></p>
  49. <p style="text-align: center;"><span style="font-size: 15px;">and yknoww like how it'll look awful cus my artstyle sucks and how you'll probably hate it but thanks for giving me your money anyway ;;</span></p>
  50. <p style="text-align: center;"><span style="font-size: 15px;">if these boxes are l a r g e they'll scroll so don't worry bout all that</span></p>
  51. </div>
  52. </div>
  53. <div class="col-4 my-1">
  54. <div class="card card-block bg-faded" style="background-color:#A971F7;max-height:250px;overflow:auto">
  55. <p style="text-align: left;"><span style="font-size: 15px;"><strong>Will:</strong></span></p>
  56. <a>- Ferals</a>
  57. <a>- Humans</a>
  58. <a>- Gore</a>
  59. <p>- Something else</p>
  60. <p style="text-align: left;"><span style="font-size: 15px;"><strong>Won't:</strong></span></p>
  61. <p>- Reptiles</p>
  62. <a>- Hate speech</a>
  63. <a>- NSFW</a>
  64. <a>- Something else</a>
  65. <!-- you can add more if you want, not too many though or you'll drown out the "Won't" section- if you know how to code, you can fix that to your preference --->
  66. </div>
  67. </div>
  68. </div>
  69. <a>&nbsp; &nbsp;</a>
  70. <div class="progress"><div class="progress-bar progress-bar-striped progress-bar-striped " style="width:100%;background-color:#E45AFF;"><br></div></div>
  71. <a>&nbsp; &nbsp;</a>
  72. <div class="my-1">
  73. <div class="card card-block bg-faded" style="background-color:#8C57DA;max-height:4000px;overflow:auto">
  74. <p style="text-align: center;"><span style="font-size: 25px;"><strong>Examples</strong></span></p>
  75. </div>
  76.  
  77. <div class="row">
  78. <div class="col-7 my-1">
  79. <div class="card card-block bg-faded" style="background-color:#9D6BE5;max-height:550px;overflow:auto">
  80. <ul class="nav nav-pills justify-content-center" role="tablist">
  81. <li class="nav-item">
  82. <a class="nav-link active btn btn-outline-primary mx-2" data-toggle="pill" href="#eg1" role="tab">1</a>
  83. </li>
  84. <li class="nav-item">
  85. <a class="nav-link btn btn-outline-primary mx-2" data-toggle="pill" href="#eg2" role="tab">2</a>
  86. </li>
  87. <li class="nav-item">
  88. <a class="nav-link btn btn-outline-primary mx-2" data-toggle="pill" href="#eg3" role="tab">3</a>
  89. </li>
  90. <li class="nav-item">
  91. <a class="nav-link btn btn-outline-primary mx-2" data-toggle="pill" href="#eg4" role="tab">4</a>
  92. </li>
  93. <!-- Try to get images larger than 250px in height, or else it might look uneven -->
  94. <div class="tab-content">
  95. <div class="tab-pane fade show active p-2" id="eg1" role="tabpanel">
  96. <p class="text-center">
  97. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk">
  98. </p>
  99. </div>
  100. <div class="tab-pane fade p-2" id="eg2" role="tabpanel">
  101. <p class="text-center">
  102. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk">
  103. </p>
  104. </div>
  105. <div class="tab-pane fade p-2" id="eg3" role="tabpanel">
  106. <p class="text-center">
  107. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk">
  108. </p>
  109. </div>
  110. <div class="tab-pane fade p-2" id="eg4" role="tabpanel">
  111. <p class="text-center">
  112. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk">
  113. </p>
  114. </div>
  115. </div>
  116. <p style="text-align: center;"><span style="font-size: 20px;"><strong>Full pieces</strong></span></p>
  117. </div>
  118. </div>
  119. <div class="col-5 my-1">
  120. <div class="card card-block bg-faded" style="background-color:#9D6BE5;max-height:550px;overflow:auto">
  121. <p style="text-align: center;"><span style="font-size: 20px;"><strong>Design Examples</strong></span></p>
  122.  
  123. <div class="tab-content">
  124. <div class="tab-pane fade show active p-2" id="eg12" role="tabpanel">
  125. <p class="text-center">
  126. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjr-65770b7c-dc2e-47e6-9112-8ed32e91c515.png/v1/fill/w_696,h_1148,q_70,strp/untitled_by_mcdogwarrior_deixvjr-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTgzMiIsInBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqci02NTc3MGI3Yy1kYzJlLTQ3ZTYtOTExMi04ZWQzMmU5MWM1MTUucG5nIiwid2lkdGgiOiI8PTExMTIifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.m-z_L3DaNXdtiWjceb0ZUMYKjOCeFFvMQFMrQp4CrDk">
  127. </p>
  128. </div>
  129. <div class="tab-pane fade p-2" id="eg22" role="tabpanel">
  130. <p class="text-center">
  131. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjr-65770b7c-dc2e-47e6-9112-8ed32e91c515.png/v1/fill/w_696,h_1148,q_70,strp/untitled_by_mcdogwarrior_deixvjr-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTgzMiIsInBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqci02NTc3MGI3Yy1kYzJlLTQ3ZTYtOTExMi04ZWQzMmU5MWM1MTUucG5nIiwid2lkdGgiOiI8PTExMTIifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.m-z_L3DaNXdtiWjceb0ZUMYKjOCeFFvMQFMrQp4CrDk">
  132. </p>
  133. </div>
  134. <div class="tab-pane fade p-2" id="eg32" role="tabpanel">
  135. <p class="text-center">
  136. <img class="m-1 rounded" style="max-height:250px" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjr-65770b7c-dc2e-47e6-9112-8ed32e91c515.png/v1/fill/w_696,h_1148,q_70,strp/untitled_by_mcdogwarrior_deixvjr-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTgzMiIsInBhdGgiOiJcL2ZcLzJkZTI0M2Q2LWVjMDUtNGE4NC05MzQ5LTc3OWEyNWI0OGM5MlwvZGVpeHZqci02NTc3MGI3Yy1kYzJlLTQ3ZTYtOTExMi04ZWQzMmU5MWM1MTUucG5nIiwid2lkdGgiOiI8PTExMTIifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.m-z_L3DaNXdtiWjceb0ZUMYKjOCeFFvMQFMrQp4CrDk">
  137. </p>
  138. </div>
  139. </p>
  140. <ul class="nav nav-pills justify-content-center" role="tablist">
  141. <li class="nav-item">
  142. <a class="nav-link active btn btn-outline-primary mx-2" data-toggle="pill" href="#eg12" role="tab">1</a>
  143. </li>
  144. <li class="nav-item">
  145. <a class="nav-link btn btn-outline-primary mx-2" data-toggle="pill" href="#eg22" role="tab">2</a>
  146. </li>
  147. <li class="nav-item">
  148. <a class="nav-link btn btn-outline-primary mx-2" data-toggle="pill" href="#eg32" role="tab">3</a>
  149. </li>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154.  
  155. <div class="row">
  156. <div class="col-5 my-1">
  157. <div class="card card-block bg-faded" style="background-color:#9154E4;max-height:400px;overflow:auto">
  158. <p style="text-align: center;"><span style="font-size: 25px;"><strong>Form</strong></span></p>
  159. </div>
  160. </div>
  161. <div class="col-7 my-1">
  162. <div class="card card-block bg-faded" style="background-color:#9154E4;max-height:4000px;overflow:auto">
  163. <p style="text-align: center;"><span style="font-size: 25px;"><strong>Prices</strong></span></p>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="row">
  168. <div class="col-5 my-1">
  169. <div class="card card-block bg-faded" style="background-color:#9D6BE5;max-height:250px;overflow:auto">
  170. <p style="text-align: left;"><span style="font-size: 15px;">Species:</span></p>
  171. <a>Gender:</a>
  172. <a>Color Palette:</a>
  173. <a>Aesthetic:</a>
  174. <a>Personality:</a>
  175. <a>Other Notes:</a>
  176. <!-- You can change this too, this is just how I would do it -->
  177. </div>
  178. </div>
  179. <div class="col-7 my-1">
  180. <div class="card card-block bg-faded" style="background-color:#9D6BE5;max-height:250px;overflow:auto">
  181. <div class="card rounded p-1" style="background-color:#703CD2;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Fullbody</strong> $price</div>
  182. </div>
  183. <!-- Copy from "card rounded p-1" if you want to add more (though you may want to even out the Form section) -->
  184. <div class="card rounded p-1 my-3" style="background-color:#703CD2;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Full Piece</strong> $price</div>
  185. </div>
  186. <div class="card rounded p-1" style="background-color:#703CD2;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Custom</strong> $price</div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <p style="text-align: right;"><span style="font-size: 9px;">Code by <a href="https://toyhou.se/MCDogWarrior" id="">MCDogWarrior</a></span></p>
  195. </div>
  196. </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!