Advertisement
Guest User

Untitled

a guest
Feb 19th, 2017
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 110.77 KB | None | 0 0
  1. <div id="mainpage" class="col-xs-9">
  2. <div style="/* background-color: aqua; */padding: 5px;text-align: center;margin-top:15px;">
  3.  
  4. <button onclick="window.location.href='http://play.skinpark.eu/'" style=" padding: 11px 40px; margin: 9px; background: rgba(30, 36, 45, 0); border: 1px solid #1fa1c7; cursor: pointer; text-decoration: none; font-size: 16px; transition: all .25s ease-in-out; white-space: nowrap; color: #1fa1c7; ">Crash Game</button>
  5. <button onclick="changepage('coinflip')" style=" padding: 11px 40px; margin: 9px; background: rgba(30, 36, 45, 0); border: 1px solid #5cb85c; cursor: pointer; text-decoration: none; font-size: 16px; transition: all .25s ease-in-out; white-space: nowrap; color: #5cb85c; ">Coinflip</button>
  6. <button onclick="changepage('mysterybox')" style=" padding: 11px 40px; margin: 9px;background: rgba(30, 36, 45, 0); border: 1px solid rgb(255, 100, 6); cursor: pointer; text-decoration: none; font-size: 16px; transition: all .25s ease-in-out; white-space: nowrap; color: rgb(255, 100, 6); ">Mystery Box</button>
  7. <button onclick="changepage('wheel')" style="padding: 11px 40px;margin: 9px;background: rgba(30, 36, 45, 0);border: 1px solid rgb(252, 17, 17);cursor: pointer;text-decoration: none;font-size: 16px;transition: all .25s ease-in-out;white-space: nowrap;color: rgb(252, 17, 17);">Wheel</button>
  8. </div>
  9. <!-- CRASH GAMEEEEE-->
  10. <div id="crash" style="display: none;">
  11. <div class="panel-heading">
  12. CRASH GAME - <b style=" color: #e9533b; ">Round Hash: </b><span id="crash-hash" style="color: rgb(233, 83, 59); display: inline;">d97a32c639ffa078f1eb65e8169cb392</span>
  13. </div>
  14. <div class="row well text-center" style="border-radius:0px;padding:5px">
  15. <div class="col-md-12">
  16. <div class="crash">
  17. <div class="game">
  18. <div class="top row">
  19. <div class="col-xs-12">
  20. <div id="crashhistory" style="height: 35px; color: rgb(255, 255, 255); background-color: rgb(21, 21, 21); border-color: rgb(55, 58, 60) rgb(55, 58, 60) transparent; border-bottom-width: 1px; border-bottom-style: solid; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; padding-left: 15px; padding-right: 15px; word-wrap: normal; margin-top: 20px; text-align: left; font-size: 16px; display: block;"><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">3.02x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">2.1x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">2.23x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.55x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">3.99x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.52x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.4x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">5.55x</span><span style=" margin-right: 8; line-height: 2; color: #1995c7; ">1.96x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.57x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">14.91x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">6.19x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">3.44x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.25x</span><span style=" margin-right: 8; line-height: 2; color:#19c74e; ">2.36x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.02x</span><span style=" margin-right: 8; line-height: 2; color: rgb(233, 83, 59); ">1.56x</span>
  21.  
  22. </div>
  23. <div class="box box-chart" style=" background-color: #16191d; border-radius: 0px 0px 5px 5px; overflow: hidden; position: relative; height: 380px; width: 49%; ">
  24. <div class="chart" style="padding: 0px;position: relative;">
  25. <canvas class="flot-base" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 100px; height: 250px;" width="125" height="312"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 197px; left: 2px; text-align: right;">1.1x</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 152px; left: 2px; text-align: right;">1.1x</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 107px; left: 2px; text-align: right;">1.1x</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 62px; left: 2px; text-align: right;">1.2x</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 17px; left: 2px; text-align: right;">1.3x</div></div></div>
  26.  
  27. <canvas class="flot-overlay" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 100px; height: 250px;" width="125" height="312"></canvas>
  28. </div>
  29. <div class="chart-info">Start in 10.8s...</div>
  30. <div class="round-error">
  31. </div>
  32. </div>
  33. </div>
  34. <div class="col-xs-12">
  35. <div style=" height: 35px; color: #fff; background-color: rgba(21, 21, 21, 0); border-color: rgba(21, 21, 21, 0); border-bottom: 0; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; padding-left: 15px; padding-right: 15px; word-wrap: normal; margin-top: 20px; text-align: left; font-size: 16px; ">
  36. <b style=" line-height: 0; "></b>
  37. </div>
  38. <div class="box-bet">
  39. <div class="manual-way-content" style=" background-color: #16191d; border-radius: 0px 0px 5px 5px; overflow: hidden; position: relative; width: 49.4%; top: -460; right: -50.6%; ">
  40. <div class="form-group">
  41. <div class="row">
  42. <div class="col-md-12">
  43. <label for="bet-coins" style=" display: block; margin: 20px 20px 5px; width: calc(100% - 40px); font-size: 14px; text-align: initial; color: white; ">Bet: <span>(Max 200,000 Coins)</span></label>
  44. <div style=" display: flex; margin-bottom: -15px; margin-top: 5px; ">
  45. <input style="width: 74%;display: block;margin: 20px;width: calc(100% - 40px);background: #e3e3e3;padding: 10px;color: #000;border-radius: 3px;border-color: transparent;outline: 0;margin-right: 0;margin-top: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;min-width: 80px;" type="number" min="0" step="50" placeholder="Bet amount..." id="bet-coins">
  46. <div style=" background: #b6b6b6; margin: 20px; margin-left: 0; height: 44px; margin-top: 5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 0 20px; text-align: center; line-height: 44px; color: #000; float: left; ">
  47. Coins
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="row">
  53. <div class="col-md-12">
  54. <div class="bet-cashout-div">
  55. <label for="bet-cashout" style=" display: block; margin: 20px 20px 5px; width: calc(100% - 40px); font-size: 14px; text-align: initial; color: white; ">Auto cashout at (0 = disabled): </label>
  56. <div style=" display: flex; /* margin-bottom: -15px; */ /* margin-top: 5px; */ ">
  57. <input style="width: 100%;display: block;margin: 20px;width: calc(100% - 40px);background: #e3e3e3;padding: 10px;color: #000;border-radius: 3px;border-color: transparent;outline: 0;margin-right: 0;margin-top: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;min-width: 80px;" type="number" min="1" step="0.01" value="2" placeholder="Cashout at..." id="bet-cashout">
  58. <div style=" background: #b6b6b6; margin: 20px; margin-left: 0; height: 44px; margin-top: 5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 0 20px; text-align: center; line-height: 44px; color: #000; ">
  59. x
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="row">
  66. <div class="col-md-12">
  67. <button class="bet-butt btn btn-success" onclick="crash.bet()" cashout="0" withdraw="false" style=" height: 80px; margin: 25px 20px; width: calc(100% - 40px); text-align: center; font-size: 30px; background: #1faad2; color: #e1e1e1; border-radius: 3px; border-color: transparent; border-bottom: 2px solid #206d83; outline: 0; "></button>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="top row col-xs-12">
  76. <div class="box-bets col-xs-12">
  77. <table>
  78. <tbody>
  79. <tr>
  80. <td style="width:45%" class="left">Player</td>
  81. <td>Bet</td>
  82. <td>X</td>
  83. <td>Profit</td>
  84. </tr>
  85. </tbody></table>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93.  
  94. <!-- CoinFLIP-->
  95. <div id="coinflip" style="display: none;">
  96. <div class="panel-heading">
  97. Coinflip <b style=" color: #d6c36c; "> </b>
  98. </div>
  99. <div class="row well text-center" style="border-radius:0px;padding:5px;min-height: 107%;">
  100. <div class="col-md-12">
  101. <div class="coin">
  102. <div class="game">
  103. <div class="top row">
  104. <div class="col-xs-12">
  105.  
  106. <div class="modal fade" id="createGame" style="display: none;">
  107. <div class="modal-dialog">
  108. <div class="modal-content">
  109. <div class="modal-header" style="min-height: 16.43px;
  110. padding: 15px;
  111. background-color: #232323;
  112. border-bottom: 1px solid #797979;">
  113. <button type="button" class="close" data-dismiss="modal">x</button>
  114. <h4 class="modal-title"><b>Select a Team</b></h4>
  115. </div>
  116. <div class="modal-body text-center" style="position: relative;
  117. padding: 15px;
  118. background-color: #2f2f2f;">
  119. <table style="width: 100%; background: transparent;">
  120. <tbody>
  121. <tr style="height: 130px;">
  122. <td style="width: 50%;"><div class="cg-team team-coin selected-coin t-side" style="margin: auto; border-radius: 60px; cursor: pointer; width: 78px;"><img style="width: 70px;" src="template/img/coinflip/terrorist.png"></div></td>
  123. <td style="width: 50%;"><div class="cg-team team-coin ct-side" style="margin: auto; border-radius: 60px; cursor: pointer; width: 78px;"><img style="width: 70px;" src="template/img/coinflip/counter-terrorist.png"></div></td>
  124. </tr>
  125. <tr style="height: 50px; text-align: center;">
  126. <td><b>Terrorist</b></td>
  127. <td><b>Counter-Terrorist</b></td>
  128. </tr>
  129. <tr style="height: 50px; text-align: center;">
  130. <td><b class="perc" style="border-radius: 5px; padding: 10px;">0 - 49%</b></td>
  131. <td><b class="perc" style="border-radius: 5px; padding: 10px;">50 - 100%</b></td>
  132. </tr>
  133. </tbody>
  134. </table>
  135. <table style="width: 100%; background: transparent; margin-top: 10px; text-align: center;">
  136. <tbody>
  137. <tr style="height: 50px;">
  138. <td style="width: 33%;"><span style="font-size: 14px;">Bet amount: </span><input class="form-control" id="coin_amount" type="text" value="100" style="width: 200px; margin: 0px 10px; display: inline-block;"></td>
  139. </tr>
  140. </tbody>
  141. </table>
  142. </div>
  143. <div class="modal-footer" style="padding: 15px;
  144. background-color: #292929;
  145. text-align: right;
  146. border-top: 1px solid #797979;">
  147. <button id="create_coin" data-dismiss="modal" type="button" class="btn btn-success">CREATE GAME</button>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="modal fade" id="joinGame">
  153. <div class="modal-dialog">
  154. <div class="modal-content">
  155. <div class="modal-header">
  156. <button type="button" class="close" data-dismiss="modal">x</button>
  157. <h4 class="modal-title"><b>JOIN GAME</b></h4>
  158. </div>
  159. <div class="modal-body text-center">
  160. <table style="width: 100%; background: transparent;">
  161. <tbody>
  162. <tr style="height: 130px;">
  163. <td style="width: 50%;"><div class="team-coin selected-coin t-side"><img style="width: 70px;" src="template/img/coinflip/terrorist.png"></div></td>
  164. <td style="width: 50%;"><div class="team-coin ct-side"><img style="width: 70px;" src="template/img/coinflip/counter-terrorist.png"></div></td>
  165. </tr>
  166. <tr style="height: 50px; text-align: center;">
  167. <td><b>Terrorist</b></td>
  168. <td><b>Counter-Terrorist</b></td>
  169. </tr>
  170. <tr style="height: 50px; text-align: center;">
  171. <td><b class="perc" style="border-radius: 5px; padding: 10px;">0 - 49%</b></td>
  172. <td><b class="perc" style="border-radius: 5px; padding: 10px;">50 - 100%</b></td>
  173. </tr>
  174. </tbody>
  175. </table>
  176. <table style="width: 100%;background: transparent;margin-top: 10px;/* text-align: center; */">
  177. <tbody>
  178. <tr style="height: 50px;/* text-align: center; */">
  179. <td style="width: 33%;text-align: center;"><span style="font-size: 14px;">Bet amount: </span><span style="font-size: 14px;"> 259415995 </span></td>
  180. </tr>
  181. </tbody>
  182. </table>
  183. </div>
  184. <div class="modal-footer">
  185. <button id="join_coin" type="button" class="btn btn-success">JOIN GAME</button>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190.  
  191. <div class="col-xs-12">
  192. <div id="maincflip" class="coinflip_main" style=""><div class="well" style="margin-bottom:10px;margin-top:25px; padding: 0px;">
  193. <div class="form-group" style="margin-bottom: 0px;">
  194. <table class="table" style="background-color: #1b1a1a;">
  195. <tbody>
  196. <tr>
  197. <td style="width: 33%; padding: 15px; vertical-align: middle;" class="text-left">
  198. <span class="balance">
  199. <span>Balance: </span>
  200. <span id="dongers_c"></span>
  201. <span id="balance_c">286810</span> <i style="cursor:pointer; margin-left: 5px;" class="fa fa-refresh noselect" id="getbal_c"></i>
  202. </span>
  203. </td>
  204. <td style="width: 33%; padding: 15px; vertical-align: middle;" class="text-center">
  205. <b style="font-size: 20px;">Active Games</b>
  206. </td>
  207. <td style="width: 33%; padding: 15px; vertical-align: middle;" class="text-right">
  208. <button type="button" class="btn btn-success betshort createFlip" data-toggle="modal" data-target="#createGame">CREATE GAME</button>
  209. </td>
  210. </tr>
  211. </tbody>
  212. </table>
  213. </div>
  214. </div>
  215. <div class="well flip_games" style="margin-bottom:10px; margin-top:25px; padding: 0px;">
  216. <table class="table">
  217. <tbody id="cflipgames"><tr data-id="331" data-amount="5000"><td style="width: 33%; padding: 15px; vertical-align: middle; cursor: pointer; "><img class="rounded avatar" style="margin: 0px 10px 3px 10px;" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/19/19461509f60bedc7fc639d96af19a39b5c6bbe22.jpg">Sharp™</td><td class="text-center middle-flip" style="width: 33%; padding: 15px; vertical-align: middle; "><button onclick="ShowCFGame(331)" type="button" class="btn btn-success betshort">SHOW</button></td><td class="text-right amount" style="width: 33%; padding: 15px;; vertical-align: middle; "><i class="fa fa-gg" aria-hidden="true" style="color: #f44405"></i> 5000 <img class="rounded" style="height: 32px; margin: 0px 10px; margin-bottom:5px;" src="template/img/coinflip/terrorist.png"></td></tr><tr data-id="326" data-amount="500"><td style="width: 33%; padding: 15px; vertical-align: middle; cursor: pointer; "><img class="rounded avatar" style="margin: 0px 10px 3px 10px;" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/b3/b3476b346e40c932d1ff2c04e687dbb5e91cdc1e.jpg">Sky :-)</td><td class="text-center middle-flip" style="width: 33%; padding: 15px; vertical-align: middle; "><button onclick="ShowCFGame(326)" type="button" class="btn btn-success betshort">SHOW</button></td><td class="text-right amount" style="width: 33%; padding: 15px;; vertical-align: middle; "><i class="fa fa-gg" aria-hidden="true" style="color: #f44405"></i> 500 <img class="rounded" style="height: 32px; margin: 0px 10px; margin-bottom:5px;" src="template/img/coinflip/terrorist.png"></td></tr><tr data-id="325" data-amount="100"><td style="width: 33%; padding: 15px; vertical-align: middle; cursor: pointer; "><img class="rounded avatar" style="margin: 0px 10px 3px 10px;" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/b3/b3476b346e40c932d1ff2c04e687dbb5e91cdc1e.jpg">Sky :-)</td><td class="text-center middle-flip" style="width: 33%; padding: 15px; vertical-align: middle; "><button onclick="ShowCFGame(325)" type="button" class="btn btn-success betshort">SHOW</button></td><td class="text-right amount" style="width: 33%; padding: 15px;; vertical-align: middle; "><i class="fa fa-gg" aria-hidden="true" style="color: #f44405"></i> 100 <img class="rounded" style="height: 32px; margin: 0px 10px; margin-bottom:5px;" src="template/img/coinflip/terrorist.png"></td></tr><tr data-id="328" data-amount="100"><td style="width: 33%; padding: 15px; vertical-align: middle; cursor: pointer; "><img class="rounded avatar" style="margin: 0px 10px 3px 10px;" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/6f/6f7ed5026e8237af317f67cf93ba9f09cafde66b.jpg">Numerios</td><td class="text-center middle-flip" style="width: 33%; padding: 15px; vertical-align: middle; "><button onclick="ShowCFGame(328)" type="button" class="btn btn-success betshort">SHOW</button></td><td class="text-right amount" style="width: 33%; padding: 15px;; vertical-align: middle; "><i class="fa fa-gg" aria-hidden="true" style="color: #f44405"></i> 100 <img class="rounded" style="height: 32px; margin: 0px 10px; margin-bottom:5px;" src="template/img/coinflip/terrorist.png"></td></tr><tr data-id="329" data-amount="100"><td style="width: 33%; padding: 15px; vertical-align: middle; cursor: pointer; "><img class="rounded avatar" style="margin: 0px 10px 3px 10px;" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/6f/6f7ed5026e8237af317f67cf93ba9f09cafde66b.jpg">Numerios</td><td class="text-center middle-flip" style="width: 33%; padding: 15px; vertical-align: middle; "><button onclick="ShowCFGame(329)" type="button" class="btn btn-success betshort">SHOW</button></td><td class="text-right amount" style="width: 33%; padding: 15px;; vertical-align: middle; "><i class="fa fa-gg" aria-hidden="true" style="color: #f44405"></i> 100 <img class="rounded" style="height: 32px; margin: 0px 10px; margin-bottom:5px;" src="template/img/coinflip/counter-terrorist.png"></td></tr><script>
  218. function ShowCFGame(idhry) {
  219. $("#balance_c").load("/GetBal");
  220. send({
  221. type: "balance"
  222. }),
  223. $("#cfliphra").load("/LoadCFGame?idhry="+idhry);
  224. $( "#maincflip" ).fadeOut(150);
  225. $( "#cfliphra" ).fadeIn(400);
  226. }
  227. </script></tbody>
  228. </table>
  229. </div>
  230. </div>
  231.  
  232.  
  233. <div id="cfliphra" class="coinflip_game" style="display: none;">
  234.  
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252. <!-- MYSTERY BOX-->
  253. <div id="mysterybox">
  254. <div class="panel-heading">
  255. MYSTERY BOX - <b style=" color: #d6c36c; ">COST 100 coins, winnings from 30 to 3500</b>
  256. </div>
  257. <div class="row well text-center" style="border-radius:0px;padding: 10px;">
  258. <div class="col-md-12">
  259. <div class="mysterybox-container center-align" style="position: relative; width: 100%">
  260. <div class="mysterybox-spinner">
  261. <div id="hlmbox" class="mboxcards-container" style="position: relative;display:inline-block;white-space:nowrap;">
  262. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  263. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  264. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  265. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  266. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  267. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  268. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  269. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/2YbnMjj.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  270. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  271. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  272. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  273. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  274. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  275. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  276. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  277. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  278. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  279. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  280. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  281. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  282. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  283. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  284. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  285. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  286. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  287. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  288. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  289. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  290. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  291. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  292. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  293. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  294. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  295. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  296. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  297. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  298. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  299. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  300. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  301. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  302. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  303. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  304. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  305. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  306. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  307. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  308. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  309. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  310. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  311. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  312. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  313. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  314. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  315. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  316. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  317. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  318. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  319. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  320. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  321. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  322. </div>
  323. <div class="mysterybox-spinner-overlay">
  324. <div class="mysterybox-selector"></div>
  325. </div>
  326. </div>
  327. </div>
  328. <br>
  329. <div class="row">
  330. <button style="margin-left: auto; margin-right: auto; display: inline-block; border-radius: 0px; color: white; background-color: rgb(255, 100, 6); width: 46%; padding: 15px;border-radius: 5px;" class="col s2 btn green waves-effect waves-light" id="mysterybox-button">SPIN ! (100 coins)</button>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. <!-- END OF MYSTERY BOX-->
  336. <!-- MYSTERY BOX-->
  337. <div id="mysterybox">
  338. <div class="panel-heading">
  339. MYSTERY BOX - <b style=" color: #d6c36c; ">COST 500 coins, winnings from 150 to 17500</b>
  340. </div>
  341. <div class="row well text-center" style="border-radius:0px;padding: 10px;">
  342. <div class="col-md-12">
  343. <div class="mysterybox-container center-align" style="position: relative; width: 100%">
  344. <div class="mysterybox-spinner">
  345. <div id="hlmbox" class="mboxcards-container" style="position: relative;display:inline-block;white-space:nowrap;">
  346. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  347. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  348. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  349. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  350. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  351. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  352. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  353. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="http://i.imgur.com/rpGhXWc.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  354. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  355. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  356. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  357. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  358. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  359. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  360. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  361. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  362. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  363. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  364. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  365. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  366. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  367. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  368. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  369. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  370. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  371. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  372. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  373. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  374. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  375. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  376. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  377. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  378. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  379. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  380. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  381. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  382. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  383. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  384. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  385. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  386. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  387. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  388. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  389. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  390. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  391. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  392. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  393. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  394. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  395. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  396. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  397. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  398. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  399. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  400. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  401. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  402. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  403. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  404. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  405. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  406. </div>
  407. <div class="mysterybox-spinner-overlay">
  408. <div class="mysterybox-selector"></div>
  409. </div>
  410. </div>
  411. </div>
  412. <br>
  413. <div class="row">
  414. <button style="margin-left: auto; margin-right: auto; display: inline-block; border-radius: 0px; color: white; background-color: rgb(255, 100, 6); width: 46%; padding: 15px;border-radius: 5px;" class="col s2 btn green waves-effect waves-light" id="mysterybox-button">SPIN ! (500 coins)</button>
  415. </div>
  416. </div>
  417. </div>
  418. </div>
  419. <!-- END OF MYSTERY BOX-->
  420.  
  421. <!-- MYSTERY BOX-->
  422. <div id="mysterybox">
  423. <div class="panel-heading">
  424. MYSTERY BOX - <b style=" color: #d6c36c; ">COST 1000 coins, winnings from 300 to 35000</b>
  425. </div>
  426. <div class="row well text-center" style="border-radius:0px;padding: 10px;">
  427. <div class="col-md-12">
  428. <div class="mysterybox-container center-align" style="position: relative; width: 100%">
  429. <div class="mysterybox-spinner">
  430. <div id="hlmbox" class="mboxcards-container" style="position: relative;display:inline-block;white-space:nowrap;">
  431. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  432. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  433. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  434. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  435. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  436. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  437. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  438. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  439. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  440. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  441. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  442. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  443. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  444. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  445. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  446. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  447. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  448. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  449. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  450. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  451. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  452. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  453. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  454. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  455. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  456. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  457. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  458. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  459. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  460. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  461. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  462. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  463. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  464. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  465. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  466. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  467. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  468. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  469. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  470. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  471. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  472. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  473. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  474. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  475. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  476. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  477. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  478. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  479. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  480. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  481. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  482. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  483. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  484. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  485. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  486. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  487. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  488. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  489. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  490. <div id="crd" class="card item-card white-text"><div class="card-content center-align" style="color:white;padding:6%;"><img draggable="false" src="/template/img/rare.png" style="width:100%;height:auto;"><b class="blue darken-4" style="padding: 5 15px;"><span class="mbox-coinamt" style="">0</span> Coins</b></div></div>
  491. </div>
  492. <div class="mysterybox-spinner-overlay">
  493. <div class="mysterybox-selector"></div>
  494. </div>
  495. </div>
  496. </div>
  497. <br>
  498. <div class="row">
  499. <button style="margin-left: auto; margin-right: auto; display: inline-block; border-radius: 0px; color: white; background-color: rgb(255, 100, 6); width: 46%; padding: 15px;border-radius: 5px;" class="col s2 btn green waves-effect waves-light" id="mysterybox-button">SPIN ! (1000 coins)</button>
  500. </div>
  501. </div>
  502. </div>
  503. </div>
  504. <!-- END OF MYSTERY BOX-->
  505.  
  506. <!-- WHEEL-->
  507.  
  508.  
  509.  
  510. <div id="wheel" style="display: none;">
  511. <div class="panel-heading">
  512. Wheel <b style=" color: #d6c36c; "></b>
  513. </div>
  514. <div class="row well text-center" style="border-radius:0px;padding: 10px;">
  515. <div class="col-md-12">
  516.  
  517. <div id="wheel-col" class="col-md-10 col-lg-10 col-sm-8">
  518. <div class="wheelcont">
  519. <div class="skincss wheel-one wheel-active">
  520. <img class="wheelimg" style="margin-left: 20%;" src="http://play.skinpark.eu/template/img/wheel/wheel1.png">
  521. </div>
  522.  
  523.  
  524. <div class="wheeldown">
  525. <div class="col-xs-12">
  526. <div class="buttons" style=" float: left; font-size: 16px; position: relative; top: 4px; margin: 10px 0; ">
  527. <div class="button" data-action="clear" style="margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  528. Clear
  529. </div>
  530. <div class="button" data-action="+1" style=" margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  531. +1
  532. </div>
  533. <div class="button" data-action="+10" style=" margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  534. +10
  535. </div>
  536. <div class="button" data-action="+100" style=" margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  537. +100
  538. </div>
  539. <div class="button" data-action="+1000" style=" margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  540. +1000
  541. </div>
  542. <div class="button" data-action="half" style=" margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  543. 1/2
  544. </div>
  545. <div class="button" data-action="double" style=" margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  546. x2
  547. </div>
  548. <div class="button" data-action="max" style="margin-right:3px; display: inline; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 10px; border-radius: 6px; cursor: pointer; background-color: #161515; border-color: #222; ">
  549. Max
  550. </div>
  551. </div>
  552. </div>
  553. <div class="col-xs-12">
  554. <input placeholder="Bet amount..." value="0" style=" text-align: left; background: #f4f4f4; border-radius: 6px; color: #000; font-size: 15px; margin: 16px 0; border: 1px solid #e5e5e5; display: block; resize: none; width: 100%; line-height: 42px; padding: 0 10px; background-color: #161515; border-color: #222; color: #fff; " id="betAmount">
  555. </div>
  556. </div>
  557.  
  558.  
  559.  
  560. <br>
  561. <div class="row">
  562. <button style="margin-left: auto; margin-right: auto; display: inline-block; border-radius: 0px; color: white; background-color: rgb(255, 100, 6); width: 46%; padding: 15px;border-radius: 5px;" class="col s2 btn green waves-effect waves-light" id="wheelspin">SPIN</button>
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567.  
  568. <!-- WHEEL-->
  569.  
  570. <!-- DEPOSIT-->
  571. <div id="deposit" style="display: none;">
  572. <div class="row content">
  573. <div style="display:inline-block">
  574. <div class="col-xs-8">
  575. <div class="panel-heading">
  576. <h3 class="panel-title" style=" line-height: 1.5; "><b>INVENTORY : <span id="left_numberdeposit">0</span> items</b></h3>
  577. </div>
  578. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45); ">
  579. <div class="panel-body">
  580. <div style="margin-bottom:10px">
  581. <div style="display:inline-block;float:right">
  582. <form class="form-inline">
  583. <select class="form-control" id="orderBydeposit">
  584. <option value="0">Default</option>
  585. <option value="1">Price descending</option>
  586. <option value="2">Acending price</option>
  587. <option value="3">Name A-Z</option>
  588. </select>
  589. </form>
  590. </div>
  591. <div style="overflow:hidden;padding-right:2px">
  592. <input type="text" class="form-control" id="filterdeposit" placeholder="Search..." style="width:100%">
  593. </div>
  594. </div>
  595. <div id="depositleft" class="slot-group noselect" style="text-align:center;">
  596. <img class="loading" src="/template/img/loader.gif" style="margin: 25px auto 15px auto;">
  597. <b id="empty" style="font-size: 17;color: white;display:none;">You do not have any item which cost more than 0.25 $ or steam is down.</b>
  598. <span class="reals"></span>
  599. <span class="bricks">
  600. </span>
  601. </div>
  602. </div>
  603. </div>
  604. </div>
  605. <div class="col-xs-4">
  606. <button style="width:100%;border: 0px;padding: 10px;background: #c9302c;color: white;font-weight: 500;border-radius: 2px;font-size: 17px;color: #fff !important;background-color: #1e1e1e;border-color: #282828;" onclick="offerdeposit()" id="showConfirmButton"><i class="fa fa-upload"></i> Deposit items
  607. <div style="font-size:13px">
  608. Selected: <strong id="sumdeposit" class="withdraw-value text-danger" style=" color: #15d64f; ">0</strong>
  609. </div>
  610. </button>
  611. <div class="panel panel-default text-left" style="vertical-align:top;border-radius: 0px;background-color: rgba(0, 255, 255, 0);">
  612. <div class="panel-body" style="padding: 1px;">
  613. <div id="depositright" class="slot-group noselect">
  614. <span class="reals"></span>
  615. <span class="bricks">
  616. <div class="placeholder">
  617. </div>
  618. <div class="placeholder">
  619. </div>
  620. <div class="placeholder">
  621. </div>
  622. <div class="placeholder">
  623. </div>
  624. <div class="placeholder">
  625. </div>
  626. <div class="placeholder">
  627. </div>
  628. <div class="placeholder">
  629. </div>
  630. <div class="placeholder">
  631. </div>
  632. </span>
  633. </div>
  634. </div>
  635. </div>
  636. </div>
  637. </div>
  638. </div>
  639. </div>
  640.  
  641. <!-- END OF DEPOSIT-->
  642.  
  643.  
  644. <!-- SETTINGS-->
  645. <div id="settings" style="display:none">
  646. <!--<div class="col-xs-12">
  647. <div class="panel-heading">
  648. Bonuses
  649. </div>
  650. <div class="row well text-center" style="border-radius:0px;padding: 20px;">
  651. <div class="col-xs-3" style="padding: 12px;border: 2px solid #97b7d1;border-radius: 6px;">
  652. <b style="font-size: 20px;color: white;">Join our steam group</b><br>
  653. <br>
  654. <br>
  655. <b style="color: #1fa1c7;font-size: 27px;">50 Coins</b><br>
  656. <div>
  657. <a style="cursor:pointer;text-align: center;font-size: 16px;background-color: #1fa1c7;padding: 5px;margin-top: 40px;color: #ffffff;display: block;">COLLECT</a>
  658. </div>
  659. </div>
  660. </div>
  661. </div>-->
  662.  
  663. <div class="col-xs-12">
  664. <div class="panel-heading">
  665. TRADE URL - <a href="http://steamcommunity.com/id/me/tradeoffers/privacy#trade_offer_access_url" target="_blank">WHERE GET IT?</a>
  666. </div>
  667. <div class="row well text-center" style="border-radius:0px;padding: 20px;">
  668. <div class="col-xs-10" style="text-align:center;">
  669. <div class="input-box" style="text-align: center;width: 100%;margin: 0 16px 0 0;">
  670. <input type="text" id="tradeurlsettings" value="" placeholder="Trade URL" style="box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;height: 43px;font-size: 19px;line-height: 43px;background: #24262b;border: none;color: white;width: 100%;padding: 0 21px;border-radius: 3px;margin: 0 0 8px;">
  671. </div>
  672. </div>
  673. <div class="col-xs-2" style="text-align:center;">
  674. <button onclick="saveurl()" style="color: #f75335;padding: 10px 34px 13px;font-size: 19px;line-height: 21px;font-weight: 500;border: none;background: #24262b;margin: 0 15px 0 0;float: left;border-radius: 2px;font-family: 'Ubuntu', sans-serif;outline: none;display: inline;">Update</button>
  675. </div>
  676. </div>
  677. </div>
  678. </div>
  679. <!-- END OF DEPOSIT-->
  680.  
  681. <!-- REFFERALS-->
  682. <div id="refferals" style="display: none;">
  683. <div class="row content" style="padding:0px;">
  684. <div class="col-md-12" style=" padding-right: 0; padding-left: 0; ">
  685. <div class="row">
  686. <div class="row">
  687. <div class="col-md-12" style=" padding-right: 0; padding-left: 0; ">
  688. <div class="panel-heading">
  689. <b>Referral system</b>
  690. </div>
  691. <div class="panel-body" style=" background: rgba(62, 69, 79, 0.45);color:white;">
  692. <p>
  693. The referral system lets anyone earn credits by referring new players to the site. Your code was automatically generated by site, you can share it with friends, in forum signatures, or on social media.
  694. <br><br>
  695. When new players use your referral code they'll earn 100 FREE credits ($0.10). And you'll earn 10 FREE credits ($0.01).
  696. </p>
  697. </div>
  698. </div>
  699. </div>
  700. <div class="row" style="margin-top:25px; padding:0px;">
  701. <div class="col-md-6" style=" padding-right: 0;">
  702. <div class="panel-heading">
  703. <b>SHARE YOUR CODE</b>
  704. </div>
  705. <div class="panel-body" style="background: rgba(62, 69, 79, 0.45);color:white;min-height: 150px;">
  706. <p>
  707. The referral system automatically generate your refferal code, you cannot change it because of security. :) <br>
  708. </p>
  709. <input type="text" class="promo" value="SHARP" style=" border-radius: 0; text-align: center; color: white; background-color: rgba(7, 19, 30, 0.65); box-shadow: 0px 0px 0px; border: 1px solid black; font-weight: 100; font-size: 15px; text-transform: uppercase; height: 40px; width: 100%; margin: 10px 0; padding: 0 10px; ">
  710. </div>
  711. </div>
  712. <div class="col-md-6">
  713. <div class="panel-heading">
  714. Activate promo code
  715. </div>
  716. <div class="panel-body" style="background: rgba(62, 69, 79, 0.45);color: white;">
  717. <span class="reedem promo">
  718. Promo code must be 3-15 characters long. Can contain A-Z and 0-9 <input type="text" id="reedemcode" placeholder="ACTIVATE PROMO CODE AND EARN COINS" value="" style=" border-radius: 0; text-align: center; color: white; background-color: rgba(7, 19, 30, 0.65); box-shadow: 0px 0px 0px; border: 1px solid black; font-weight: 100; font-size: 15px; text-transform: uppercase; height: 40px; width: 100%; margin: 10px 0; padding: 0 10px; ">
  719. <button onclick="promocodereedem()" class="submit" style=" padding: 6px 40px; background: rgba(30, 36, 45, 0); border: 1px solid #0b9a36; cursor: pointer; text-decoration: none; font-size: 16px; transition: all .25s ease-in-out; white-space: nowrap; background-color: #0b9a36; width: 100%; margin-bottom: 5px; ">ACTIVATE </button>
  720. </span>
  721. </div>
  722. </div>
  723. </div>
  724. <div class="row">
  725. <div class="col-md-12" style=" margin-top: 20px; min-height: 100px; padding-bottom: 5px; padding-right: 0px; padding-left: 0px; ">
  726. <table style=" width: 100%; text-align: center; color: #1faad2; line-height: 30px; font-size: 14px; border-radius: 0px; ">
  727. <tbody>
  728. <tr>
  729. <td style="width: 33%;font-size: 13px;color: white;background-color: #29303a;font-weight: bold;" class="left">
  730. Avatar
  731. </td>
  732. <td style=" font-size: 13px; color: white; background-color: #29303a; font-weight: bold; ">
  733. Player
  734. </td>
  735. <td style=" font-size: 13px; color: white; background-color: #29303a; font-weight: bold; ">
  736. Time
  737. </td>
  738. </tr>
  739. <tr style="display: table-row; background-color:rgba(41, 48, 58, 0.86);color:white;"><td style="padding: 8;"></td><td>NO REF</td><td></td></tr> </tbody>
  740. </table>
  741. </div>
  742. </div>
  743. </div>
  744. </div>
  745. </div></div>
  746. <!-- END OF REF-->
  747.  
  748. <!-- WITHDRAW-->
  749. <div id="withdraw" style="display:none;">
  750. <div class="row content">
  751. <div style="display:inline-block">
  752. <div class="col-xs-8">
  753. <div class="panel-heading">
  754. <h3 class="panel-title" style=" line-height: 1.5; "><b>Bank : <span id="left_numberwithdraw">11</span> items</b></h3>
  755. </div>
  756. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45); ">
  757. <div class="panel-body">
  758. <div style="margin-bottom:10px">
  759. <div style="display:inline-block;float:right">
  760. <form class="form-inline">
  761. <select class="form-control" id="orderBywithdraw">
  762. <option value="0">Default</option>
  763. <option value="1">Price descending</option>
  764. <option value="2">Acending price</option>
  765. <option value="3">Name A-Z</option>
  766. </select>
  767. </form>
  768. </div>
  769. <div style="overflow:hidden;padding-right:2px">
  770. <input type="text" class="form-control" id="filterwithdraw" placeholder="Search..." style="width:100%">
  771. </div>
  772. </div>
  773. <div id="withdrawleft" class="slot-group noselect" style="text-align: center;">
  774. <img class="loading" src="/template/img/loader.gif" style="margin: 25px auto 15px auto;">
  775. <span class="reals"></span>
  776. <span class="bricks">
  777. </span>
  778. </div>
  779. </div>
  780. </div>
  781. </div>
  782. <div class="col-xs-4">
  783. <button style="width:100%;border: 0px;padding: 10px;background: #c9302c;color: white;font-weight: 500;border-radius: 2px;font-size: 17px;color: #fff !important;background-color: #1e1e1e;border-color: #282828;" onclick="offerwithdraw()" id="showConfirmButton"><i class="fa fa-upload"></i> Withdraw items
  784. <div style="font-size:12px">
  785. Selected: <strong id="sumwithdraw" class="withdraw-value text-danger" style=" color: #f0111b; ">0</strong> | Balance: <strong id="availwithdraw" class="balance text-danger" style=" color: #f0111b; ">0</strong> | Available: <strong id="mozewithdraw" class="withdraw-value text-danger" style=" color: #f0111b; ">0</strong>
  786. </div>
  787. </button>
  788. <div class="panel panel-default text-left" style="vertical-align:top;border-radius: 0px;background-color: rgba(0, 255, 255, 0);">
  789. <div class="panel-body" style="padding: 1px;">
  790. <div id="withdrawright" class="slot-group noselect">
  791. <span class="reals"></span>
  792. <span class="bricks">
  793. <div class="placeholder">
  794. </div>
  795. <div class="placeholder">
  796. </div>
  797. <div class="placeholder">
  798. </div>
  799. <div class="placeholder">
  800. </div>
  801. <div class="placeholder">
  802. </div>
  803. <div class="placeholder">
  804. </div>
  805. <div class="placeholder">
  806. </div>
  807. <div class="placeholder">
  808. </div>
  809. </span>
  810. </div>
  811. </div>
  812. </div>
  813. </div>
  814. </div>
  815. </div>
  816. </div>
  817. <!-- END OF WITHDRAW-->
  818.  
  819. <!-- PROVABLY FAIR-->
  820. <div id="pfair" style="display:none;">
  821. <div class="text-center">
  822. <div class="col-xs-12">
  823. <div class="panel-heading">
  824. <h3 class="panel-title" style=" line-height: 1.5; "><b>PROVABLY FAIR</b></h3>
  825. </div>
  826. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45);color:white;font-size:14px; ">
  827. <div class="panel-body">
  828. <b>All rolls on Skinpark.eu are generated using a provably fair system. This means the operators cannot manipulate the outcome of any roll.<br><br> Players may replicate any past roll using the below code, which may be executed in the browser console on this site (or any other which includes javascript sha implementation):</b>
  829. </div>
  830. </div>
  831. </div>
  832.  
  833. <div class="col-xs-12" style="margin-top:15px;">
  834. <div class="panel-heading">
  835. <h3 class="panel-title" style=" line-height: 1.5; "><b>Roulette</b></h3>
  836. </div>
  837. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45);color:white;font-size:14px; ">
  838. <div class="panel-body">
  839. <code style="white-space: pre;display: block;padding: 9.5px;font-size: 13px;line-height: 1.42857143;color: #FFF;word-break: break-all;word-wrap: break-word;background-color: #232931;border: 1px solid #373d46;border-radius: 10px;">Javascript;
  840. var sha256 = require('sha256');
  841. var math = require("mathjs");
  842.  
  843. var roundhash = "s1g95s126a2159f1a59d1f59j1gy951jg";
  844. var serverseed = "p541ppp515SF1S95a1f9a2891";
  845.  
  846. function generateroulettenumb(hash, seed)
  847. {
  848. var rhash = sha256(hash + seed);
  849. roll = rhash.substr(0, 8);
  850. roll = parseInt(roll, 16);
  851. roll = math.abs(roll) % 15;
  852. console.log(roll);
  853. }
  854.  
  855. generateroulettenumb(roundhash, serverseed);
  856. </code>
  857. </div>
  858. </div>
  859. </div>
  860.  
  861. <div class="col-xs-12" style="margin-top:15px;">
  862. <div class="panel-heading">
  863. <h3 class="panel-title" style=" line-height: 1.5; "><b>CRASH GAME</b></h3>
  864. </div>
  865. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45);color:white;font-size:14px; ">
  866. <div class="panel-body">
  867. <code style="white-space: pre;display: block;padding: 9.5px;font-size: 13px;line-height: 1.42857143;color: #FFF;word-break: break-all;word-wrap: break-word;background-color: #232931;border: 1px solid #373d46;border-radius: 10px;">Javascript;
  868. var crypto = require('crypto');
  869. var jsSHA = require('jssha');
  870.  
  871. var roundhash = "s1g95s126a2159f1a59d1f59j1gy951jg";
  872. var serverseed = "p541ppp515SF1S95a1f9a2891";
  873.  
  874. function generatecrashnumb(hash, seed) {
  875. var hash = crypto.createHmac('sha256', hash + seed).digest('hex');
  876. var divisible = function divisible(hash, mod) {
  877. var val = 0;
  878.  
  879. var o = hash.length % 4;
  880. for (var i = o &gt; 0 ? o - 4 : 0; i &lt; hash.length; i += 4) {
  881. val = ((val &lt;&lt; 16) + parseInt(hash.substring(i, i+4), 16)) % mod;
  882. }
  883. return val === 0;
  884. };
  885.  
  886. var INSTANT_CRASH_PERCENTAGE = 5;
  887. if (divisible(hash, 100 / parseInt(INSTANT_CRASH_PERCENTAGE, 10)))
  888. return 100;
  889. var h = parseInt(hash.slice(0,52/4),16);
  890. var e = Math.pow(2,52);
  891.  
  892. return Math.floor((100 * e - h) / (e - h));
  893. }
  894.  
  895. console.log(generatecrashnumb(roundhash, serverseed) / 100);
  896. </code>
  897. </div>
  898. </div>
  899. </div>
  900. </div>
  901. </div>
  902. <!-- END OF PROVABLY FAIR-->
  903.  
  904. <!-- PROVABLY FAIR-->
  905. <div id="support" style="display:none;">
  906. <div class="text-center">
  907. <div class="col-xs-12">
  908. <div class="panel-heading">
  909. <h3 class="panel-title" style=" line-height: 1.5; "><b>SUPPORT</b></h3>
  910. </div>
  911. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45);color:white;font-size:14px; ">
  912. <div class="panel-body">
  913. <b>Need some help? Check our F.A.Q. or fill the contact form on the bottom of the page to talk with a member of our support team.</b>
  914. </div>
  915. </div>
  916. </div>
  917.  
  918. <div class="col-xs-12">
  919. <div class="panel-heading">
  920. <h3 class="panel-title" style="line-height: 1.5;"><b>F.A.Q</b></h3>
  921. </div>
  922. <div class="panel panel-default text-left" style="border-radius: 0px; background: rgba(62, 69, 79, 0.45);color:white;font-size:14px;">
  923. <div class="panel-body">
  924. <div aria-multiselectable="true" class="panel-group" id="accordion" role="tablist">
  925.  
  926. <div class="panel panel-default">
  927. <div class="panel-heading" id="headingOne" role="tab" style="border-radius: 0px; border: 0px; color: white; background-color: #16191d;">
  928. <h4 class="panel-title" style="line-height: 10px;"><a aria-controls="collapse11" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse1" role="button" style="color: #eb5348;">DEPOSIT: Why does bot cancel my offer? / dont receive coins</a></h4>
  929. </div>
  930. <div aria-expanded="false" aria-labelledby="headingOne" class="panel-collapse collapse" id="collapse1" role="tabpanel" style="height: 0px;">
  931. <div class="panel-body" style=" background-color: #16191d; border-top: 1px solid #97b7d1;">
  932. <b>Make sure that:</b>
  933. <ol>
  934. <li>You send skins from Counter-Strike: GlobalOffensive, there are no souvenir items or skins from other games</li>
  935. <li>Number of deposited skins meets the rules (15 max)</li>
  936. <li>Every skin in offer must cost more then 0.10 $ (100 coins)</li>
  937. <li>Your account is attached to your Steam Guard Mobile Authenticator minimum 15 days</li>
  938. <li>While trading an offer you should not ask a bot for skins</li>
  939. </ol>
  940. </div>
  941. </div>
  942. </div>
  943.  
  944. <div class="panel panel-default">
  945. <div class="panel-heading" id="headingOne" role="tab" style=" border-radius: 0px; border: 0px; color: white; background-color: #16191d;">
  946. <h4 class="panel-title" style=" line-height: 10px;"><a aria-controls="collapse2" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse2" role="button" style=" color: #eb5348;">WITHDRAW: bot dont send offer</a></h4>
  947. </div>
  948. <div aria-expanded="false" aria-labelledby="headingOne" class="panel-collapse collapse" id="collapse2" role="tabpanel" style="height: 0px;">
  949. <div class="panel-body" style=" background-color: #16191d; border-top: 1px solid #97b7d1;">
  950. <b>Make sure that:</b>
  951. <ol>
  952. <li>You do not have trade ban</li>
  953. <li>You have enough coins</li>
  954. <li>You have set tradelink in settings</li>
  955. <li>Bot is online (if no contact support)</li>
  956. </ol>
  957. </div>
  958. </div>
  959. </div>
  960.  
  961. <div class="panel panel-default">
  962. <div class="panel-heading" id="headingOne" role="tab" style=" border-radius: 0px; border: 0px; color: white; background-color: #16191d;">
  963. <h4 class="panel-title" style=" line-height: 10px;"><a aria-controls="collapse3" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse3" role="button" style=" color: #eb5348;">CHAT RULES / COMMANDS</a></h4>
  964. </div>
  965. <div aria-expanded="false" aria-labelledby="headingOne" class="panel-collapse collapse" id="collapse3" role="tabpanel" style="height: 0px;">
  966. <div class="panel-body" style=" background-color: #16191d; border-top: 1px solid #97b7d1;">
  967. <ol>
  968. <li>Strict prohibition of sending links to other pages (imgur.com is allowed)(Permanent mute after second warning)</li>
  969. <li>Strict prohibition of spamming (Permanent mute after second warning)</li>
  970. <li>Strict prohibition of begging for money (Temporary mute after second warning)</li>
  971. </ol>For commands type in chat /help !
  972. </div>
  973. </div>
  974. </div>
  975.  
  976. <div class="panel panel-default">
  977. <div class="panel-heading" id="headingOne" role="tab" style=" border-radius: 0px; border: 0px; color: white; background-color: #16191d;">
  978. <h4 class="panel-title" style=" line-height: 10px;"><a aria-controls="collapse4" aria-expanded="true" class="" data-parent="#accordion" data-toggle="collapse" href="#collapse4" role="button" style=" color: #eb5348;">Cant connect to server (connection lost)</a></h4>
  979. </div>
  980. <div aria-expanded="true" aria-labelledby="headingOne" class="panel-collapse collapse" id="collapse4" role="tabpanel">
  981. <div class="panel-body" style=" background-color: #16191d; border-top: 1px solid #97b7d1;">
  982. <b>Make sure that you try:</b>
  983. <ol>
  984. <li>Refresh page (F5)</li>
  985. <li>Relogin to site</li>
  986. <li>You do not have any scripts for this site like roulette auto bot, predictor etc..</li>
  987. <li>If still do not work try press CTRL + F5, or contact support</li>
  988. </ol>
  989. </div>
  990. </div>
  991. </div>
  992.  
  993. <div class="panel panel-default">
  994. <div class="panel-heading" id="headingOne" role="tab" style=" border-radius: 0px; border: 0px; color: white; background-color: #16191d;">
  995. <h4 class="panel-title" style=" line-height: 10px;"><a aria-controls="collapse4" aria-expanded="true" class="" data-parent="#accordion" data-toggle="collapse" href="#collapse5" role="button" style=" color: gold;">I want to be partner</a></h4>
  996. </div>
  997. <div aria-expanded="true" aria-labelledby="headingOne" class="panel-collapse collapse" id="collapse5" role="tabpanel">
  998. <div class="panel-body" style=" background-color: #16191d; border-top: 1px solid #97b7d1;">
  999. <b>Make sure that:</b>
  1000. <ol>
  1001. <li>Its youtube,facebook,steam,twitch channel or group</li>
  1002. <li>You have more then 500 people</li>
  1003. <li>You still go first like sharing etc, if you are interested contact us on support</li>
  1004. </ol>
  1005. </div>
  1006. </div>
  1007. </div>
  1008. </div>
  1009. </div>
  1010. </div>
  1011. </div>
  1012.  
  1013. <div class="col-xs-12">
  1014. <div class="panel-heading">
  1015. <h3 class="panel-title" style="line-height: 1.5;"><b>If nothing from F.A.Q not help you please submit this form</b></h3>
  1016. </div>
  1017. <div class="panel panel-default text-left" style="border-radius: 0px; background: rgba(62, 69, 79, 0.45);color:white;font-size:14px;">
  1018. <div class="panel-body">
  1019. <input class="form-control" id="ticketTitle" maxlength="100" placeholder="Title..." style="text-align: left; background: #f4f4f4; border-radius: 0PX; color: #000; font-size: 15px; border: 1px solid #e5e5e5; display: block; resize: none; width: 100%; line-height: 42px; padding: 0 10px; background-color: #161515; border-color: #222; color: #fff; margin-bottom: 10px;" type="text"> <input class="form-control" id="ticketEmail" maxlength="100" placeholder="Your email" style="text-align: left; background: #f4f4f4; border-radius: 0PX; color: #000; font-size: 15px; border: 1px solid #e5e5e5; display: block; resize: none; width: 100%; line-height: 42px; padding: 0 10px; background-color: #161515; border-color: #222; color: #fff; margin-bottom: 10px;" type="text">
  1020. <textarea class="form-control" id="text0" placeholder="Please describe your problem" rows="10" style="/* margin: 0px -1px 10px 0px; */border-radius: 0px;font-size: 15px;border: 1px solid rgb(34, 34, 34);max-width: 1110px;padding: 0px 10px;background-color: rgb(22, 21, 21);color: rgb(255, 255, 255);margin: 0px -1px 10px 0px;height: 212px;line-height: 2;"></textarea>
  1021. <div onclick="submitticket()" style="background: #0b9a36;margin: 20px 0px;margin-left: 0;height: 44px;margin-top: 5px;width: 100%;padding: 0 20px;text-align: center;line-height: 44px;float: left;cursor: pointer;">
  1022. SUBMIT TICKET
  1023. </div>
  1024. </div>
  1025. </div>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. <!-- END OF PROVABLY FAIR-->
  1030.  
  1031. <!-- MY INVENTORY-->
  1032. <div id="myinventory" style="display:none;">
  1033. <div class="text-center">
  1034. <div class="col-xs-12">
  1035. <div class="panel-heading">
  1036. <h3 class="panel-title" style=" line-height: 1.5; "><b>MY INVENTORY</b></h3>
  1037. </div>
  1038. <div class="panel panel-default text-left" style=" border-radius: 0px; background: rgba(62, 69, 79, 0.45); ">
  1039. <div class="panel-body">
  1040. <div id="inventory" class="slot-group noselect">
  1041. <span class="reals"></span>
  1042. <span class="bricks">
  1043. </span>
  1044. </div>
  1045. </div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. </div>
  1050. <!-- END OF MY INVENTORY-->
  1051. </div>
  1052. </div>
  1053. <!-- END OF REAL-->
  1054.  
  1055. <!-- FOOTER-->
  1056. <footer class="well footer" style="background-color: rgba(245, 245, 245, 0);">
  1057. <div class="">
  1058. <div class="pull-left" style="overflow:hidden">
  1059. <!--<a href="http://steamcommunity.com" target="_blank"><img class="rounded" src="/template/img/social/steam_icon.png"></a>!--->
  1060. </div>
  1061. <b style="color:white;font-size:13;text-align:center;position:absolute;">© By Skeizy</b>
  1062. <div class="pull-right" style="overflow:hidden;">
  1063. <b style="color:white">prices by CSGOFAST (updated every hour)</b>
  1064. </div>
  1065. </div>
  1066. </footer>
  1067. <!-- END OF FOOTER-->
  1068.  
  1069.  
  1070. <!-- END OF BODY-->
  1071. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement