Advertisement
Guest User

Commissions Code F2U

a guest
Feb 5th, 2023
620
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.01 KB | None | 0 0
  1. <div class="container-fluid">
  2. <div class="row no-gutters justify-content-center">
  3. <div class="col-lg-3 p-1">
  4. <div class="card border-1 rounded-2 p-1 h-100">
  5. <!------ COMMISSIONS ------->
  6.  
  7. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">commissions</h1>
  8. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  9.  
  10. <ul class="list-group group-flush mt-1 w-100">
  11. <li class="list-unstyled p-4"><a class="btn btn-block btn-secondary text-secondary rounded-0" href="LINK" id="" rel="noopener noreferrer" target="_blank">LINK</a></li>
  12. <li class="list-unstyled p-4"><a class="btn btn-block btn-secondary text-secondary rounded-0" href="LINK" id="" rel="noopener noreferrer" target="_blank">LINK</a></li>
  13. <li class="list-unstyled p-4"><a class="btn btn-block btn-secondary text-secondary rounded-0" href="LINK" id="" rel="noopener noreferrer" target="_blank">LINK</a></li>
  14. <li class="list-unstyled p-4"><a class="btn btn-block btn-secondary text-secondary rounded-0" href="LINK" id="" rel="noopener noreferrer" target="_blank">LINK</a></li>
  15. </ul>
  16. </div>
  17. </div>
  18. </div>
  19. <!------ ORDER ------->
  20. <div class="col-lg-9 p-1">
  21. <div class="card border-1 rounded-2 p-1 h-100">
  22.  
  23. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">How to order</h1>
  24. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  25.  
  26. <p class="justify-content-center">If you are interested in ordering, please fill in the order form &amp; PM on one of my socials.</p>
  27. <div class="p-2 justify-content-center"><a data-placement="bottom" data-toggle="tooltip" href="LINKINSTA" title="Instagram"><i class="fab fa-instagram text-muted p-2"></i></a>
  28. <a data-placement="bottom" data-toggle="tooltip" href="LINKFA" title="Furaffinity"><i class="fas fa-paw text-muted p-2"></i></a>
  29. <a data-placement="bottom" data-toggle="tooltip" href="LINKTH" title="Toyhou.se"><i class="fas fa-link text-muted p-2"></i></a></div>
  30.  
  31. <ul class="list-group list-group-flush mt-2 w-100">
  32. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">REFERENCE SHEET:</span>
  33. <span><span class="pull-right"><span class="pull-right">WRITE EXPLANATION HERE</span></span>
  34. </span>
  35. </li>
  36. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">STYLE:</span>
  37. <span>WRITE EXPLANATION HERE</span></li>
  38. <li class="list-group-item p-2 d-flex justify-content-between border-0 "><span class="text-secondary">POSE:</span>
  39. <span><span class="pull-right"><span class="pull-right">WRITE EXPLANATION HERE</span></span>
  40. </span>
  41. </li>
  42. <li class="list-group-item p-2 d-flex justify-content-between border-0 "><span class="text-secondary">SPECIES:</span>
  43. <span>WRITE EXPLANATION HERE</span></li>
  44. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">GENDER:</span>
  45. <span><span class="pull-right"><span class="pull-right">WRITE EXPLANATION HERE</span></span>
  46. </span>
  47. </li>
  48. <li class="list-group-item p-2 d-flex justify-content-between border-0 "><span class="text-secondary">EXPRESSION:</span>
  49. <span>WRITE EXPLANATION HERE</span></li>
  50. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">ADDITIONAL NOTES:</span>
  51. <span><span class="pull-right"><span class="pull-right">WRITE EXPLANATION HERE</span></span>
  52. </span>
  53. </li>
  54. </ul>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="col-lg-4 p-1">
  59. <div class="card border-1 rounded-2 p-1 h-100">
  60.  
  61. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">STYLE #1</h1>
  62. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  63. <div class="carousel slide" data-ride="carousel" id="carouselExampleIndicators1">
  64.  
  65. <ol class="carousel-indicators">
  66. <li class="active" data-slide-to="0" data-target="#carouselExampleIndicators1">
  67. <br>
  68. </li>
  69. <li data-slide-to="1" data-target="#carouselExampleIndicators1">
  70. <br>
  71. </li>
  72. <li data-slide-to="2" data-target="#carouselExampleIndicators1">
  73. <br>
  74. </li>
  75. </ol>
  76. <div class="carousel-inner">
  77. <div class="carousel-item data-bs-interval=8000 active">
  78. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  79. background-repeat: no-repeat;">
  80. <br>
  81. </div>
  82. </div>
  83. <div class="carousel-item data-bs-interval=8000">
  84. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  85. background-repeat: no-repeat;">
  86. <br>
  87. </div>
  88. </div>
  89. <div class="carousel-item data-bs-interval=8000">
  90. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  91. background-repeat: no-repeat;">
  92. <br>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97.  
  98. <ul class="list-group list-group-flush mt-2 w-100">
  99. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HEADSHOT</span>
  100. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  101. </span>
  102. </li>
  103. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HALFBODY</span>
  104. <span>$0.00</span></li>
  105. <li class="list-group-item p-1 d-flex justify-content-between border-0 "><span class="text-secondary">FULLBODY</span>
  106. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  107. </span>
  108. </li>
  109. </ul>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="col-lg-4 p-1">
  114. <div class="card border-1 rounded-2 p-1 h-100">
  115.  
  116. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">STYLE #2</h1>
  117. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  118. <div class="carousel slide" data-ride="carousel" id="carouselExampleIndicators2">
  119.  
  120. <ol class="carousel-indicators">
  121. <li class="active" data-slide-to="0" data-target="#carouselExampleIndicators2">
  122. <br>
  123. </li>
  124. <li data-slide-to="1" data-target="#carouselExampleIndicators2">
  125. <br>
  126. </li>
  127. <li data-slide-to="2" data-target="#carouselExampleIndicators2">
  128. <br>
  129. </li>
  130. </ol>
  131. <div class="carousel-inner">
  132. <div class="carousel-item data-bs-interval=8000 active">
  133. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  134. background-repeat: no-repeat;">
  135. <br>
  136. </div>
  137. </div>
  138. <div class="carousel-item data-bs-interval=8000">
  139. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  140. background-repeat: no-repeat;">
  141. <br>
  142. </div>
  143. </div>
  144. <div class="carousel-item data-bs-interval=8000">
  145. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  146. background-repeat: no-repeat;">
  147. <br>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152.  
  153. <ul class="list-group list-group-flush mt-2 w-100">
  154. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HEADSHOT</span>
  155. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  156. </span>
  157. </li>
  158. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HALFBODY</span>
  159. <span>&nbsp;$0.00</span></li>
  160. <li class="list-group-item p-1 d-flex justify-content-between border-0 "><span class="text-secondary">FULLBODY</span>
  161. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  162. </span>
  163. </li>
  164. </ul>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="col-lg-4 p-1">
  169. <div class="card border-1 rounded-2 p-1 h-100">
  170.  
  171. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">STYLE #3</h1>
  172. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  173. <div class="carousel slide" data-ride="carousel" id="carouselExampleIndicators3">
  174.  
  175. <ol class="carousel-indicators">
  176. <li class="active" data-slide-to="0" data-target="#carouselExampleIndicators3">
  177. <br>
  178. </li>
  179. <li data-slide-to="1" data-target="#carouselExampleIndicators3">
  180. <br>
  181. </li>
  182. <li data-slide-to="2" data-target="#carouselExampleIndicators3">
  183. <br>
  184. </li>
  185. </ol>
  186. <div class="carousel-inner">
  187. <div class="carousel-item data-bs-interval=8000 active">
  188. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  189. background-repeat: no-repeat;">
  190. <br>
  191. </div>
  192. </div>
  193. <div class="carousel-item data-bs-interval=8000">
  194. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  195. background-repeat: no-repeat;">
  196. <br>
  197. </div>
  198. </div>
  199. <div class="carousel-item data-bs-interval=8000">
  200. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  201. background-repeat: no-repeat;">
  202. <br>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207.  
  208. <ul class="list-group list-group-flush mt-2 w-100">
  209. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HEADSHOT</span>
  210. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  211. </span>
  212. </li>
  213. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HALFBODY</span>
  214. <span>&nbsp;$0.00</span></li>
  215. <li class="list-group-item p-1 d-flex justify-content-between border-0 "><span class="text-secondary">FULLBODY</span>
  216. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  217. </span>
  218. </li>
  219. </ul>
  220. </div>
  221. </div>
  222. </div>
  223. <div class="col-lg-4 p-1">
  224. <div class="card border-1 rounded-2 p-1 h-100">
  225.  
  226. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">STYLE #4</h1>
  227. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  228. <div class="carousel slide" data-ride="carousel" id="carouselExampleIndicators4">
  229.  
  230. <ol class="carousel-indicators">
  231. <li class="active" data-slide-to="0" data-target="#carouselExampleIndicators4">
  232. <br>
  233. </li>
  234. <li data-slide-to="1" data-target="#carouselExampleIndicators4">
  235. <br>
  236. </li>
  237. <li data-slide-to="2" data-target="#carouselExampleIndicators4">
  238. <br>
  239. </li>
  240. </ol>
  241. <div class="carousel-inner">
  242. <div class="carousel-item data-bs-interval=8000 active">
  243. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  244. background-repeat: no-repeat;">
  245. <br>
  246. </div>
  247. </div>
  248. <div class="carousel-item data-bs-interval=8000">
  249. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  250. background-repeat: no-repeat;">
  251. <br>
  252. </div>
  253. </div>
  254. <div class="carousel-item data-bs-interval=8000">
  255. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  256. background-repeat: no-repeat;">
  257. <br>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262.  
  263. <ul class="list-group list-group-flush mt-2 w-100">
  264. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HEADSHOT</span>
  265. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  266. </span>
  267. </li>
  268. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HALFBODY</span>
  269. <span>&nbsp;$0.00</span></li>
  270. <li class="list-group-item p-1 d-flex justify-content-between border-0 "><span class="text-secondary">FULLBODY</span>
  271. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  272. </span>
  273. </li>
  274. </ul>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="col-lg-4 p-1">
  279. <div class="card border-1 rounded-2 p-1 h-100">
  280.  
  281. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">STYLE #5</h1>
  282. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  283. <div class="carousel slide" data-ride="carousel" id="carouselExampleIndicators5">
  284.  
  285. <ol class="carousel-indicators">
  286. <li class="active" data-slide-to="0" data-target="#carouselExampleIndicators5">
  287. <br>
  288. </li>
  289. <li data-slide-to="1" data-target="#carouselExampleIndicators5">
  290. <br>
  291. </li>
  292. <li data-slide-to="2" data-target="#carouselExampleIndicators5">
  293. <br>
  294. </li>
  295. </ol>
  296. <div class="carousel-inner">
  297. <div class="carousel-item data-bs-interval=8000 active">
  298. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  299. background-repeat: no-repeat;">
  300. <br>
  301. </div>
  302. </div>
  303. <div class="carousel-item data-bs-interval=8000">
  304. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  305. background-repeat: no-repeat;">
  306. <br>
  307. </div>
  308. </div>
  309. <div class="carousel-item data-bs-interval=8000">
  310. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  311. background-repeat: no-repeat;">
  312. <br>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317.  
  318. <ul class="list-group list-group-flush mt-2 w-100">
  319. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HEADSHOT</span>
  320. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  321. </span>
  322. </li>
  323. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HALFBODY</span>
  324. <span>&nbsp;$0.00</span></li>
  325. <li class="list-group-item p-1 d-flex justify-content-between border-0 "><span class="text-secondary">FULLBODY</span>
  326. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  327. </span>
  328. </li>
  329. </ul>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="col-lg-4 p-1">
  334. <div class="card border-1 rounded-2 p-1 h-100">
  335.  
  336. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">STYLE #6</h1>
  337. <div class="card border-0 bg-faded rounded-2 p-2 h-100">
  338. <div class="carousel slide" data-ride="carousel" id="carouselExampleIndicators6">
  339.  
  340. <ol class="carousel-indicators">
  341. <li class="active" data-slide-to="0" data-target="#carouselExampleIndicators6">
  342. <br>
  343. </li>
  344. <li data-slide-to="1" data-target="#carouselExampleIndicators6">
  345. <br>
  346. </li>
  347. <li data-slide-to="2" data-target="#carouselExampleIndicators6">
  348. <br>
  349. </li>
  350. </ol>
  351. <div class="carousel-inner">
  352. <div class="carousel-item data-bs-interval=8000 active">
  353. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  354. background-repeat: no-repeat;">
  355. <br>
  356. </div>
  357. </div>
  358. <div class="carousel-item data-bs-interval=8000">
  359. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  360. background-repeat: no-repeat;">
  361. <br>
  362. </div>
  363. </div>
  364. <div class="carousel-item data-bs-interval=8000">
  365. <div style="background-image:url(https://wallpapers.com/images/featured/mhmqd8s2rr76syj2.jpg);height:450px;background-position:center center;background-size: contain;
  366. background-repeat: no-repeat;">
  367. <br>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372.  
  373. <ul class="list-group list-group-flush mt-2 w-100">
  374. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HEADSHOT</span>
  375. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  376. </span>
  377. </li>
  378. <li class="list-group-item p-1 d-flex justify-content-between border-0"><span class="text-secondary">HALFBODY</span>
  379. <span>&nbsp;$0.00</span></li>
  380. <li class="list-group-item p-1 d-flex justify-content-between border-0 "><span class="text-secondary">FULLBODY</span>
  381. <span><span class="pull-right"><span class="pull-right">$0.00</span></span>
  382. </span>
  383. </li>
  384. </ul>
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389.  
  390. <p class="text-right small">code by @xCaramelCookiex</p>
  391. </div>
  392.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement