Advertisement
alikwelyn

netwins

Dec 7th, 2016
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 71.54 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>ELOBOOST</title>
  7. <link rel="shortcut icon" type="image/x-icon" href="NewLayout/images/favicon.png">
  8. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
  9. <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
  10. <link href='https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700' rel='stylesheet' type='text/css'>
  11. <link href="NewLayout/css/font-awesome.css" rel="stylesheet" type="text/css">
  12. <link href="NewLayout/css/menu.css" rel="stylesheet" type="text/css">
  13. <link href="NewLayout/css/style.css" rel="stylesheet" type="text/css">
  14. <link href="Content/bootstrap-responsive.min.css" rel="stylesheet" />
  15. <link href="Content/bootstrap-overrides.css" rel="stylesheet" />
  16. <link href="Content/css.css" rel="stylesheet" />
  17. <link href="font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet" />
  18. <link href="Content/bootstrap-mvc-validation.css" rel="stylesheet" />
  19. <link href="newtemplates/assets/gritter/css/jquery.gritter.css" rel="stylesheet" />
  20. <link href="newtemplates/css/bootstrap-reset.css" rel="stylesheet">
  21. <link href="newtemplates/css/bootstrap.min.css" rel="stylesheet" />
  22. <link href="newtemplates/css/style-responsive.css" rel="stylesheet" />
  23. <link href="newtemplates/assets/toastr-master/toastr.css" rel="stylesheet" />
  24. <script src="Scripts/jquery-1.10.1.min.js"></script>
  25.  
  26. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  27.  
  28. <link href="newtemplates/assets/gritter/css/jquery.gritter.css" rel="stylesheet" />
  29. <link href="newtemplates/css/bootstrap-reset.css" rel="stylesheet">
  30. <link href="newtemplates/css/bootstrap.min.css" rel="stylesheet" />
  31. <link href="newtemplates/css/style-responsive.css" rel="stylesheet" />
  32. <input type="hidden" value="0.89" id="CurrencyRate" />
  33. <input type="hidden" id="discount_percent" value="10" />
  34. <input type="hidden" id="voice_chat_extra_price" value="45" />
  35. <input type="hidden" id="voice_chat_coaching_extra_price" value="75" />
  36. <input id="type" name="type" type="hidden" value="net_wins_solo" />
  37. <input id="current" name="current" type="hidden" value="" />
  38. <input id="desired" name="desired" type="hidden" value="" />
  39. <input id="CurrencyType" name="CurrencyType" type="hidden" value="EUR" />
  40. <input data-val="true" data-val-number="The field GameServerFk must be a number." id="GameServerFk" name="GameServerFk" type="hidden" value="" />
  41. <input data-val="true" data-val-number="The field price must be a number." data-val-required="The price field is required." id="price" name="price" type="hidden" value="0" />
  42. <input id="champions" name="champions" type="hidden" value="" />
  43. <input id="Roles" name="Roles" type="hidden" value="" />
  44. <input data-val="true" data-val-number="The field Extraprice must be a number." data-val-required="The Extraprice field is required." id="Extraprice" name="Extraprice" type="hidden" value="0" />
  45. <input type="hidden" id="hfAuth" value="False" />
  46. <input type="hidden" id="dollar_price" />
  47. <input type="hidden" id="positions" />
  48. <input type="hidden" id="champions_list" />
  49. <input type="hidden" id="selected_champions" />
  50. <input type="hidden" id="hfresponse" />
  51.  
  52.  
  53. <div class="selecttype">
  54.  
  55. <div class="divisionwrapper">
  56.  
  57. <div class="divisionwrapper_left">
  58.  
  59.  
  60. <div class="cureentstaing_left">
  61. <img src="NewLayout/images/dotupper.jpg" alt="dotimg">
  62. <div class="bluebox">Current Standing</div>
  63. <div class="geyline">
  64. <a data-toggle="modal" href="#myModal5">
  65. <div class="dlbox" id="sel_league">
  66. <div class="selectbox">
  67. <img src="NewLayout/images/edit_icon.jpg" alt="select" />
  68. </div>
  69. <div class="dlbox_inner"><img class="newicon" src="NewLayout/images/master_icon.png" style="width:90px;" alt=""><span class="spndiv">Select</span><br><span class="spnleag">League</span></div>
  70. </div>
  71. </a>
  72.  
  73. <a data-toggle="modal" href="#myModal8">
  74. <div class="dlbox1" id="sel_server">
  75. <div class="selectbox">
  76.  
  77. <img src="NewLayout/images/edit_icon.jpg" alt="select" />
  78.  
  79. </div>
  80. <div class="dlbox_inner1" id="servername">Select Server</div>
  81. </div>
  82. </a>
  83. </div>
  84. <div class="geyline_btm"></div>
  85.  
  86. </div>
  87.  
  88.  
  89. <div class="cureentstaing_right">
  90.  
  91. <img src="NewLayout/images/dotupper.jpg" alt="dotimg">
  92. <div class="bluebox">Desired net wins</div>
  93.  
  94. <div class="geyline">
  95. <div class="dlbox">
  96. <div class="slider-info" style="font-size:35px;font-weight:bold">
  97. <span id="slider-range-max-amount"></span>
  98. </div>
  99. <div class="sliderdiv">
  100. <div id="slider-range-max" class="slider"></div>
  101. </div>
  102. </div>
  103.  
  104.  
  105. <div class="dlbox2" id="price_div">
  106. <div class="dlbox_inner2 ">
  107. <div class="priceconverter">
  108. <ul>
  109. <li>EUR</li>
  110. <li>
  111.  
  112. <div class="flatRoundedCheckbox">
  113. <input type="checkbox" value="1" id="flatOneRoundedCheckbox" name="" />
  114. <label for="flatOneRoundedCheckbox"></label>
  115. <div></div>
  116. </div>
  117. </li>
  118. <li>USD</li>
  119. </ul>
  120. <div class="clear"></div>
  121.  
  122. </div>
  123.  
  124. <span>PRICe</span><br>
  125. <div style="text-decoration:line-through;font-size:large" id="temp_price"></div>
  126. <div style="font-size:large">Discount 10%</div> <br />
  127. <img src="images/loader_gif.gif" id="loader" alt="" style="width:90px;" />
  128. <div id="amount" ></div>
  129.  
  130. </div>
  131. </div>
  132.  
  133.  
  134. <a id="openroles" data-toggle="modal" href="#myModal9">
  135. <div class="dlboxchamps" id="sel_role">
  136. <div class="selectbox">
  137. <img src="NewLayout/images/edit_icon.jpg" alt="select" />
  138. </div>
  139. <div class="dlbox_inner2 ">
  140. <div class="roles_champs">
  141. <p style="font-size:15px" id="rolesp">Choose roles and champions</p>
  142. </div>
  143. <div class="roles_div">
  144. <span>Roles</span>
  145. <ul>
  146. <li></li>
  147. </ul>
  148. </div>
  149.  
  150. <div class="champs_div">
  151. <span id="spnchampions"></span>
  152. <div class="champlist">
  153. <ul>
  154. <li></li>
  155. </ul>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </a>
  161.  
  162.  
  163.  
  164. <div class="checkoutbtn"><a data-toggle="modal" href="#myModal100" id="checkoutNow"><i style="width:25px" class="fa fa-lock" aria-hidden="true"></i>Checkout</a></div>
  165. </div>
  166.  
  167.  
  168.  
  169. <div class="geyline_btm"></div>
  170.  
  171.  
  172.  
  173.  
  174.  
  175. </div>
  176. <div class="clear"></div>
  177.  
  178.  
  179. </div>
  180.  
  181. <div class="clear"></div>
  182.  
  183.  
  184. </div>
  185.  
  186. </div>
  187.  
  188.  
  189.  
  190. <!-- Selecttype inner End-->
  191.  
  192.  
  193. <div class="modal fade modal-dialog-center" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  194. <div class="modal-dialog modal-lg">
  195. <div class="modal-content-wrap">
  196. <div class="modal-content">
  197. <div class="modal-header">
  198. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  199. <h4 class="modal-title">Select Rank</h4>
  200. </div>
  201. <div class="modal-body">
  202. <div class="rank-items">
  203. <div class="boost-type">
  204. <img src="images/LeagueImages/30852b39-89e9-4bad-9cf0-a637b6917fc1.png" height="80" width="80" />
  205. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="1" data-league-rank="6" data-division-rank="1">Bronze I</h4>
  206. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="2" data-league-rank="6" data-division-rank="2">Bronze II</h4>
  207. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="3" data-league-rank="6" data-division-rank="3">Bronze III</h4>
  208. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="4" data-league-rank="6" data-division-rank="4">Bronze IV</h4>
  209. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="5" data-league-rank="6" data-division-rank="5">Bronze V</h4>
  210. </div>
  211. <div class="boost-type">
  212. <img src="images/LeagueImages/52570517-9566-4459-911a-dde96be9e2b1.png" height="80" width="80" />
  213. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="6" data-league-rank="5" data-division-rank="1">Silver I</h4>
  214. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="7" data-league-rank="5" data-division-rank="2">Silver II</h4>
  215. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="8" data-league-rank="5" data-division-rank="3">Silver III</h4>
  216. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="9" data-league-rank="5" data-division-rank="4">Silver IV</h4>
  217. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="10" data-league-rank="5" data-division-rank="5">Silver V</h4>
  218. </div>
  219. <div class="boost-type">
  220. <img src="images/LeagueImages/dbed347e-55e1-4b8e-a01e-712594dcb8a2.png" height="80" width="80" />
  221. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="22" data-league-rank="4" data-division-rank="1">Gold I</h4>
  222. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="23" data-league-rank="4" data-division-rank="2">Gold II</h4>
  223. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="24" data-league-rank="4" data-division-rank="3">Gold III</h4>
  224. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="25" data-league-rank="4" data-division-rank="4">Gold IV</h4>
  225. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="31" data-league-rank="4" data-division-rank="5">Gold V</h4>
  226. </div>
  227. <div class="boost-type">
  228. <img src="images/LeagueImages/f18ef92a-ec97-4642-a37a-f031306b8640.png" height="80" width="80" />
  229. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="17" data-league-rank="3" data-division-rank="1">Platinum I</h4>
  230. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="18" data-league-rank="3" data-division-rank="2">Platinum II</h4>
  231. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="19" data-league-rank="3" data-division-rank="3">Platinum III</h4>
  232. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="20" data-league-rank="3" data-division-rank="4">Platinum IV</h4>
  233. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="21" data-league-rank="3" data-division-rank="5">Platinum V</h4>
  234. </div>
  235. <div class="boost-type">
  236. <img src="images/LeagueImages/4eba264c-9bf4-4d71-b16b-81a8949b984f.png" height="80" width="80" />
  237. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="12" data-league-rank="2" data-division-rank="1">Diamond I</h4>
  238. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="13" data-league-rank="2" data-division-rank="2">Diamond II</h4>
  239. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="14" data-league-rank="2" data-division-rank="3">Diamond III</h4>
  240. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="15" data-league-rank="2" data-division-rank="4">Diamond IV</h4>
  241. <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="16" data-league-rank="2" data-division-rank="5">Diamond V</h4>
  242. </div>
  243.  
  244. </div>
  245. </div>
  246. <div class="modal-footer">
  247. <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253.  
  254.  
  255. <div class="modal fade modal-dialog-center" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  256. <div class="modal-dialog modal-lg">
  257. <div class="modal-content-wrap">
  258. <div class="modal-content">
  259. <div class="modal-header">
  260. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  261. <h4 class="modal-title">Select Server</h4>
  262. </div>
  263. <div class="modal-body">
  264. <div class="servers">
  265. <div class="servername">
  266. <h4 class="serverid" data-dismiss="modal" data-id="2">
  267. <img src="images/Servers/en_map.jpg" alt="server" width="150" height="190" />
  268. <div style="padding:10px 10px 0px 10px">EU Nordic and East</div>
  269. </h4>
  270. </div>
  271. <div class="servername">
  272. <h4 class="serverid" data-dismiss="modal" data-id="3">
  273. <img src="images/Servers/ew_map.jpg" alt="server" width="150" height="190" />
  274. <div style="padding:10px 10px 0px 10px">EU West</div>
  275. </h4>
  276. </div>
  277. <div class="servername">
  278. <h4 class="serverid" data-dismiss="modal" data-id="6">
  279. <img src="images/Servers/na_map.jpg" alt="server" width="150" height="190" />
  280. <div style="padding:10px 10px 0px 10px">North America</div>
  281. </h4>
  282. </div>
  283. <div class="servername">
  284. <h4 class="serverid" data-dismiss="modal" data-id="7">
  285. <img src="images/Servers/oc_map.jpg" alt="server" width="150" height="190" />
  286. <div style="padding:10px 10px 0px 10px">Oceanic</div>
  287. </h4>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="modal-footer">
  292. <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298.  
  299. <div class="modal fade modal-dialog-center" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  300. <div class="modal-dialog modal-lg">
  301. <div class="modal-content-wrap">
  302. <div class="modal-content">
  303. <div class="modal-header">
  304. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  305. <h4 class="modal-title">Select Roles and Champions</h4>
  306. </div>
  307. <div class="modal-body" style="overflow:auto">
  308. <div class="save2div"><button data-dismiss="modal" class="btn btn-default" id="save2" type="button">Save</button></div>
  309. <div class="clear"></div>
  310. <div class="select-options">
  311. <h4 id="no_opt" data-dismiss="modal">No Thanks, I want the cheapest boost. Let the booster play any role and champions.</h4>
  312. </div>
  313. <div class="select-options" id="select_roles">
  314. Only play selected positions.
  315. </div>
  316. <div class="select-options" id="select_roles_champs">
  317. Only play selected champions and positions.
  318. </div>
  319.  
  320.  
  321.  
  322. <div class="roles-list" >
  323. <div class="col-left" style="display:none">
  324. <input type="text" placeholder="Search champion" class="searchbox" />
  325. </div>
  326. <div class="col-right" style="display:none">
  327. <div class="roleimg" data-id="1" data-name="Top">
  328. <span></span> <br />
  329. <img src="images/Roles/top.png" alt="" class="position" />
  330. <div class="role-name">Top</div>
  331. </div>
  332. <div class="roleimg" data-id="2" data-name="Jungle">
  333. <span></span> <br />
  334. <img src="images/Roles/jungle.png" alt="" class="position" />
  335. <div class="role-name">Jungle</div>
  336. </div>
  337. <div class="roleimg" data-id="3" data-name="Mid">
  338. <span></span> <br />
  339. <img src="images/Roles/mid.png" alt="" class="position" />
  340. <div class="role-name">Mid</div>
  341. </div>
  342. <div class="roleimg" data-id="4" data-name="Support">
  343. <span></span> <br />
  344. <img src="images/Roles/support.png" class="position" />
  345.  
  346. <div class="role-name">Support</div>
  347. </div>
  348. <div class="roleimg" data-id="5" data-name="Bot">
  349. <span></span> <br />
  350. <img src="images/Roles/bot.png" data-id="5" alt="" data-name="Bot" class="position" />
  351. <div class="role-name">Bot</div>
  352. </div>
  353. </div>
  354.  
  355. </div>
  356. <div class="clear"></div>
  357. <div class="champion-list" style="display:none">
  358.  
  359. <div class="champion-item" data-id="1" data-name="Aatrox ">
  360. <img src="images/Champions/Thumb/Aatrox.png" alt="" width="42" />
  361. </div>
  362. <div class="champion-item" data-id="2" data-name="Ahri ">
  363. <img src="images/Champions/Thumb/Ahri.png" alt="" width="42" />
  364. </div>
  365. <div class="champion-item" data-id="3" data-name="Akali ">
  366. <img src="images/Champions/Thumb/Akali.png" alt="" width="42" />
  367. </div>
  368. <div class="champion-item" data-id="4" data-name="Alistar ">
  369. <img src="images/Champions/Thumb/Alistar.png" alt="" width="42" />
  370. </div>
  371. <div class="champion-item" data-id="5" data-name="Amumu ">
  372. <img src="images/Champions/Thumb/a5fcb71c-4270-4e2b-bc9c-11d04250728famumu.jpg" alt="" width="42" />
  373. </div>
  374. <div class="champion-item" data-id="6" data-name="Anivia ">
  375. <img src="images/Champions/Thumb/Anivia.png" alt="" width="42" />
  376. </div>
  377. <div class="champion-item" data-id="7" data-name="Annie ">
  378. <img src="images/Champions/Thumb/Annie.png" alt="" width="42" />
  379. </div>
  380. <div class="champion-item" data-id="8" data-name="Ashe ">
  381. <img src="images/Champions/Thumb/Ashe.png" alt="" width="42" />
  382. </div>
  383. <div class="champion-item" data-id="9" data-name="Azir ">
  384. <img src="images/Champions/Thumb/Azir.png" alt="" width="42" />
  385. </div>
  386. <div class="champion-item" data-id="10" data-name="Blitzcrank">
  387. <img src="images/Champions/Thumb/Blitzcrank.png" alt="" width="42" />
  388. </div>
  389. <div class="champion-item" data-id="11" data-name="Brand ">
  390. <img src="images/Champions/Thumb/Brand.png" alt="" width="42" />
  391. </div>
  392. <div class="champion-item" data-id="12" data-name="Braum ">
  393. <img src="images/Champions/Thumb/Braum.png" alt="" width="42" />
  394. </div>
  395. <div class="champion-item" data-id="13" data-name="Caitlyn ">
  396. <img src="images/Champions/Thumb/Caitlyn.png" alt="" width="42" />
  397. </div>
  398. <div class="champion-item" data-id="14" data-name="Cassiopeia">
  399. <img src="images/Champions/Thumb/Cassiopeia.png" alt="" width="42" />
  400. </div>
  401. <div class="champion-item" data-id="15" data-name="ChoGath">
  402. <img src="images/Champions/Thumb/ChoGath.png" alt="" width="42" />
  403. </div>
  404. <div class="champion-item" data-id="16" data-name="Corki ">
  405. <img src="images/Champions/Thumb/Corki.png" alt="" width="42" />
  406. </div>
  407. <div class="champion-item" data-id="17" data-name="Darius ">
  408. <img src="images/Champions/Thumb/Darius.png" alt="" width="42" />
  409. </div>
  410. <div class="champion-item" data-id="18" data-name="Diana ">
  411. <img src="images/Champions/Thumb/Diana.png" alt="" width="42" />
  412. </div>
  413. <div class="champion-item" data-id="19" data-name="Dr. Mundo ">
  414. <img src="images/Champions/Thumb/DrMundo.png" alt="" width="42" />
  415. </div>
  416. <div class="champion-item" data-id="20" data-name="Draven ">
  417. <img src="images/Champions/Thumb/Draven.png" alt="" width="42" />
  418. </div>
  419. <div class="champion-item" data-id="21" data-name="Elise ">
  420. <img src="images/Champions/Thumb/Elise.png" alt="" width="42" />
  421. </div>
  422. <div class="champion-item" data-id="22" data-name="Evelynn ">
  423. <img src="images/Champions/Thumb/Evelynn.png" alt="" width="42" />
  424. </div>
  425. <div class="champion-item" data-id="23" data-name="Ezreal ">
  426. <img src="images/Champions/Thumb/Ezreal.png" alt="" width="42" />
  427. </div>
  428. <div class="champion-item" data-id="24" data-name="Fiddlesticks">
  429. <img src="images/Champions/Thumb/FiddleSticks.png" alt="" width="42" />
  430. </div>
  431. <div class="champion-item" data-id="25" data-name="Fiora">
  432. <img src="images/Champions/Thumb/Fiora.png" alt="" width="42" />
  433. </div>
  434. <div class="champion-item" data-id="26" data-name="Fizz">
  435. <img src="images/Champions/Thumb/Fizz.png" alt="" width="42" />
  436. </div>
  437. <div class="champion-item" data-id="27" data-name="Galio">
  438. <img src="images/Champions/Thumb/Galio.png" alt="" width="42" />
  439. </div>
  440. <div class="champion-item" data-id="28" data-name="Gangplank">
  441. <img src="images/Champions/Thumb/Gangplank.png" alt="" width="42" />
  442. </div>
  443. <div class="champion-item" data-id="29" data-name="Garen">
  444. <img src="images/Champions/Thumb/Garen.png" alt="" width="42" />
  445. </div>
  446. <div class="champion-item" data-id="30" data-name="Gnar">
  447. <img src="images/Champions/Thumb/Gnar.png" alt="" width="42" />
  448. </div>
  449. <div class="champion-item" data-id="31" data-name="Gragas">
  450. <img src="images/Champions/Thumb/Gragas.png" alt="" width="42" />
  451. </div>
  452. <div class="champion-item" data-id="32" data-name="Graves">
  453. <img src="images/Champions/Thumb/Graves.png" alt="" width="42" />
  454. </div>
  455. <div class="champion-item" data-id="33" data-name="Hecarim">
  456. <img src="images/Champions/Thumb/Hecarim.png" alt="" width="42" />
  457. </div>
  458. <div class="champion-item" data-id="34" data-name="Heimerdinger">
  459. <img src="images/Champions/Thumb/Heimerdinger.png" alt="" width="42" />
  460. </div>
  461. <div class="champion-item" data-id="35" data-name="Irelia">
  462. <img src="images/Champions/Thumb/Irelia.png" alt="" width="42" />
  463. </div>
  464. <div class="champion-item" data-id="36" data-name="Janna">
  465. <img src="images/Champions/Thumb/Janna.png" alt="" width="42" />
  466. </div>
  467. <div class="champion-item" data-id="37" data-name="Jarvan IV">
  468. <img src="images/Champions/Thumb/JarvanIV.png" alt="" width="42" />
  469. </div>
  470. <div class="champion-item" data-id="38" data-name="Jax">
  471. <img src="images/Champions/Thumb/Jax.png" alt="" width="42" />
  472. </div>
  473. <div class="champion-item" data-id="39" data-name="Jayce">
  474. <img src="images/Champions/Thumb/Jayce.png" alt="" width="42" />
  475. </div>
  476. <div class="champion-item" data-id="40" data-name="Jinx">
  477. <img src="images/Champions/Thumb/Jinx.png" alt="" width="42" />
  478. </div>
  479. <div class="champion-item" data-id="41" data-name="Karma">
  480. <img src="images/Champions/Thumb/Karma.png" alt="" width="42" />
  481. </div>
  482. <div class="champion-item" data-id="42" data-name="Karthus">
  483. <img src="images/Champions/Thumb/Karthus.png" alt="" width="42" />
  484. </div>
  485. <div class="champion-item" data-id="43" data-name="Kassadin">
  486. <img src="images/Champions/Thumb/Kassadin.png" alt="" width="42" />
  487. </div>
  488. <div class="champion-item" data-id="44" data-name="Katarina">
  489. <img src="images/Champions/Thumb/Katarina.png" alt="" width="42" />
  490. </div>
  491. <div class="champion-item" data-id="45" data-name="Kayle">
  492. <img src="images/Champions/Thumb/Kayle.png" alt="" width="42" />
  493. </div>
  494. <div class="champion-item" data-id="46" data-name="Kennen">
  495. <img src="images/Champions/Thumb/Kennen.png" alt="" width="42" />
  496. </div>
  497. <div class="champion-item" data-id="47" data-name="KhaZix">
  498. <img src="images/Champions/Thumb/KhaZix.png" alt="" width="42" />
  499. </div>
  500. <div class="champion-item" data-id="48" data-name="KogMaw">
  501. <img src="images/Champions/Thumb/KogMaw.png" alt="" width="42" />
  502. </div>
  503. <div class="champion-item" data-id="49" data-name="LeBlanc">
  504. <img src="images/Champions/Thumb/LeBlanc.png" alt="" width="42" />
  505. </div>
  506. <div class="champion-item" data-id="50" data-name="Lee Sin">
  507. <img src="images/Champions/Thumb/LeeSin.png" alt="" width="42" />
  508. </div>
  509. <div class="champion-item" data-id="51" data-name="Lissandra">
  510. <img src="images/Champions/Thumb/Lissandra.png" alt="" width="42" />
  511. </div>
  512. <div class="champion-item" data-id="52" data-name="Lucian">
  513. <img src="images/Champions/Thumb/Lucian.png" alt="" width="42" />
  514. </div>
  515. <div class="champion-item" data-id="53" data-name="Lulu">
  516. <img src="images/Champions/Thumb/Lulu.png" alt="" width="42" />
  517. </div>
  518. <div class="champion-item" data-id="54" data-name="Aurelion">
  519. <img src="images/Champions/Thumb/Aurelion.png" alt="" width="42" />
  520. </div>
  521. <div class="champion-item" data-id="55" data-name="Bard">
  522. <img src="images/Champions/Thumb/099d41f1-3ac5-4150-a42b-fd878bd0e87dbard.jpg" alt="" width="42" />
  523. </div>
  524. <div class="champion-item" data-id="56" data-name="Jhin">
  525. <img src="images/Champions/Thumb/jhin.png" alt="" width="42" />
  526. </div>
  527. <div class="champion-item" data-id="57" data-name="Ekko">
  528. <img src="images/Champions/Thumb/Ekko.png" alt="" width="42" />
  529. </div>
  530. <div class="champion-item" data-id="58" data-name="Illaoi">
  531. <img src="images/Champions/Thumb/Illaoi.png" alt="" width="42" />
  532. </div>
  533. <div class="champion-item" data-id="59" data-name="Kalista">
  534. <img src="images/Champions/Thumb/Kalista.png" alt="" width="42" />
  535. </div>
  536. <div class="champion-item" data-id="60" data-name="Kindred">
  537. <img src="images/Champions/Thumb/Kindred.png" alt="" width="42" />
  538. </div>
  539. <div class="champion-item" data-id="61" data-name="Leona">
  540. <img src="images/Champions/Thumb/Leona.png" alt="" width="42" />
  541. </div>
  542. <div class="champion-item" data-id="62" data-name="Lux">
  543. <img src="images/Champions/Thumb/Lux.png" alt="" width="42" />
  544. </div>
  545. <div class="champion-item" data-id="63" data-name="Malphite">
  546. <img src="images/Champions/Thumb/Malphite.png" alt="" width="42" />
  547. </div>
  548. <div class="champion-item" data-id="64" data-name="Malzahar">
  549. <img src="images/Champions/Thumb/Malzahar.png" alt="" width="42" />
  550. </div>
  551. <div class="champion-item" data-id="65" data-name="Maokai">
  552. <img src="images/Champions/Thumb/Maokai.png" alt="" width="42" />
  553. </div>
  554. <div class="champion-item" data-id="66" data-name="MasterYi">
  555. <img src="images/Champions/Thumb/MasterYi.png" alt="" width="42" />
  556. </div>
  557. <div class="champion-item" data-id="67" data-name="MissFortune">
  558. <img src="images/Champions/Thumb/MissFortune.png" alt="" width="42" />
  559. </div>
  560. <div class="champion-item" data-id="68" data-name="Mordekaiser">
  561. <img src="images/Champions/Thumb/Mordekaiser.png" alt="" width="42" />
  562. </div>
  563. <div class="champion-item" data-id="69" data-name="Morgana">
  564. <img src="images/Champions/Thumb/Morgana.png" alt="" width="42" />
  565. </div>
  566. <div class="champion-item" data-id="70" data-name="Nami">
  567. <img src="images/Champions/Thumb/Nami.png" alt="" width="42" />
  568. </div>
  569.  
  570. <div class="champion-item" data-id="71" data-name="Nasus">
  571. <img src="images/Champions/Thumb/Nasus.png" alt="" width="42" />
  572. </div>
  573. <div class="champion-item" data-id="72" data-name="Nautilus">
  574. <img src="images/Champions/Thumb/Nautilus.png" alt="" width="42" />
  575. </div>
  576. <div class="champion-item" data-id="73" data-name="Nidalee">
  577. <img src="images/Champions/Thumb/Nidalee.png" alt="" width="42" />
  578. </div>
  579. <div class="champion-item" data-id="74" data-name="Nocturne">
  580. <img src="images/Champions/Thumb/Nocturne.png" alt="" width="42" />
  581. </div>
  582. <div class="champion-item" data-id="75" data-name="Nunu">
  583. <img src="images/Champions/Thumb/Nunu.png" alt="" width="42" />
  584. </div>
  585. <div class="champion-item" data-id="76" data-name="Olaf">
  586. <img src="images/Champions/Thumb/Olaf.png" alt="" width="42" />
  587. </div>
  588. <div class="champion-item" data-id="77" data-name="Orianna">
  589. <img src="images/Champions/Thumb/Orianna.png" alt="" width="42" />
  590. </div>
  591. <div class="champion-item" data-id="78" data-name="Pantheon">
  592. <img src="images/Champions/Thumb/Pantheon.png" alt="" width="42" />
  593. </div>
  594. <div class="champion-item" data-id="79" data-name="Poppy">
  595. <img src="images/Champions/Thumb/Poppy.png" alt="" width="42" />
  596. </div>
  597. <div class="champion-item" data-id="80" data-name="Quinn">
  598. <img src="images/Champions/Thumb/Quinn.png" alt="" width="42" />
  599. </div>
  600. <div class="champion-item" data-id="81" data-name="Rammus">
  601. <img src="images/Champions/Thumb/Rammus.png" alt="" width="42" />
  602. </div>
  603. <div class="champion-item" data-id="82" data-name="Rek&#39;Sai">
  604. <img src="images/Champions/Thumb/Rek&#39;Sai.png" alt="" width="42" />
  605. </div>
  606. <div class="champion-item" data-id="83" data-name="Renekton">
  607. <img src="images/Champions/Thumb/Renekton.png" alt="" width="42" />
  608. </div>
  609. <div class="champion-item" data-id="84" data-name="Rengar">
  610. <img src="images/Champions/Thumb/Rengar.png" alt="" width="42" />
  611. </div>
  612. <div class="champion-item" data-id="85" data-name="Riven">
  613. <img src="images/Champions/Thumb/Riven.png" alt="" width="42" />
  614. </div>
  615. <div class="champion-item" data-id="86" data-name="Rumble">
  616. <img src="images/Champions/Thumb/Rumble.png" alt="" width="42" />
  617. </div>
  618. <div class="champion-item" data-id="87" data-name="Ryze">
  619. <img src="images/Champions/Thumb/Ryze.png" alt="" width="42" />
  620. </div>
  621. <div class="champion-item" data-id="88" data-name="Sejuani">
  622. <img src="images/Champions/Thumb/Sejuani.png" alt="" width="42" />
  623. </div>
  624. <div class="champion-item" data-id="89" data-name="Shaco">
  625. <img src="images/Champions/Thumb/Shaco.png" alt="" width="42" />
  626. </div>
  627. <div class="champion-item" data-id="90" data-name="Shen">
  628. <img src="images/Champions/Thumb/Shen.png" alt="" width="42" />
  629. </div>
  630. <div class="champion-item" data-id="91" data-name="Shyvana">
  631. <img src="images/Champions/Thumb/Shyvana.png" alt="" width="42" />
  632. </div>
  633. <div class="champion-item" data-id="92" data-name="Singed">
  634. <img src="images/Champions/Thumb/Singed.png" alt="" width="42" />
  635. </div>
  636. <div class="champion-item" data-id="93" data-name="Sion">
  637. <img src="images/Champions/Thumb/Sion.png" alt="" width="42" />
  638. </div>
  639. <div class="champion-item" data-id="94" data-name="Sivir">
  640. <img src="images/Champions/Thumb/Sivir.png" alt="" width="42" />
  641. </div>
  642. <div class="champion-item" data-id="95" data-name="Skarner">
  643. <img src="images/Champions/Thumb/Skarner.png" alt="" width="42" />
  644. </div>
  645. <div class="champion-item" data-id="96" data-name="Sona">
  646. <img src="images/Champions/Thumb/Sona.png" alt="" width="42" />
  647. </div>
  648. <div class="champion-item" data-id="97" data-name="Soraka">
  649. <img src="images/Champions/Thumb/Soraka.png" alt="" width="42" />
  650. </div>
  651. <div class="champion-item" data-id="98" data-name="Swain">
  652. <img src="images/Champions/Thumb/Swain.png" alt="" width="42" />
  653. </div>
  654. <div class="champion-item" data-id="99" data-name="Syndra">
  655. <img src="images/Champions/Thumb/Syndra.png" alt="" width="42" />
  656. </div>
  657. <div class="champion-item" data-id="100" data-name="Tahm Kench">
  658. <img src="images/Champions/Thumb/Tahm_Kench.png" alt="" width="42" />
  659. </div>
  660. <div class="champion-item" data-id="101" data-name="Taliyah">
  661. <img src="images/Champions/Thumb/Taliyah.png" alt="" width="42" />
  662. </div>
  663. <div class="champion-item" data-id="102" data-name="Talon">
  664. <img src="images/Champions/Thumb/Talon.png" alt="" width="42" />
  665. </div>
  666. <div class="champion-item" data-id="103" data-name="Taric">
  667. <img src="images/Champions/Thumb/Taric.png" alt="" width="42" />
  668. </div>
  669. <div class="champion-item" data-id="104" data-name="Teemo">
  670. <img src="images/Champions/Thumb/Teemo.png" alt="" width="42" />
  671. </div>
  672. <div class="champion-item" data-id="105" data-name="Thresh">
  673. <img src="images/Champions/Thumb/Thresh.png" alt="" width="42" />
  674. </div>
  675. <div class="champion-item" data-id="106" data-name="Tristana">
  676. <img src="images/Champions/Thumb/Tristana.png" alt="" width="42" />
  677. </div>
  678. <div class="champion-item" data-id="107" data-name="Trundle">
  679. <img src="images/Champions/Thumb/Trundle.png" alt="" width="42" />
  680. </div>
  681. <div class="champion-item" data-id="108" data-name="Tryndamere">
  682. <img src="images/Champions/Thumb/Tryndamere.png" alt="" width="42" />
  683. </div>
  684. <div class="champion-item" data-id="109" data-name="TwistedFate">
  685. <img src="images/Champions/Thumb/TwistedFate.png" alt="" width="42" />
  686. </div>
  687. <div class="champion-item" data-id="110" data-name="Twitch">
  688. <img src="images/Champions/Thumb/Twitch.png" alt="" width="42" />
  689. </div>
  690. <div class="champion-item" data-id="111" data-name="Udyr">
  691. <img src="images/Champions/Thumb/Udyr.png" alt="" width="42" />
  692. </div>
  693. <div class="champion-item" data-id="112" data-name="Urgot">
  694. <img src="images/Champions/Thumb/Urgot.png" alt="" width="42" />
  695. </div>
  696. <div class="champion-item" data-id="113" data-name="Varus">
  697. <img src="images/Champions/Thumb/Varus.png" alt="" width="42" />
  698. </div>
  699. <div class="champion-item" data-id="114" data-name="Vayne">
  700. <img src="images/Champions/Thumb/Vayne.png" alt="" width="42" />
  701. </div>
  702. <div class="champion-item" data-id="115" data-name="Veigar">
  703. <img src="images/Champions/Thumb/Veigar.png" alt="" width="42" />
  704. </div>
  705. <div class="champion-item" data-id="116" data-name="Vel&#39;Koz">
  706. <img src="images/Champions/Thumb/Vel&#39;Koz.png" alt="" width="42" />
  707. </div>
  708. <div class="champion-item" data-id="117" data-name="Vi">
  709. <img src="images/Champions/Thumb/Vi.png" alt="" width="42" />
  710. </div>
  711. <div class="champion-item" data-id="118" data-name="Viktor">
  712. <img src="images/Champions/Thumb/Viktor.png" alt="" width="42" />
  713. </div>
  714. <div class="champion-item" data-id="119" data-name="Vladimir">
  715. <img src="images/Champions/Thumb/Vladimir.png" alt="" width="42" />
  716. </div>
  717. <div class="champion-item" data-id="120" data-name="Volibear">
  718. <img src="images/Champions/Thumb/Volibear.png" alt="" width="42" />
  719. </div>
  720. <div class="champion-item" data-id="121" data-name="Warwick">
  721. <img src="images/Champions/Thumb/Warwick.png" alt="" width="42" />
  722. </div>
  723. <div class="champion-item" data-id="122" data-name="Wukong">
  724. <img src="images/Champions/Thumb/Wukong.png" alt="" width="42" />
  725. </div>
  726. <div class="champion-item" data-id="123" data-name="Xerath">
  727. <img src="images/Champions/Thumb/Xerath.png" alt="" width="42" />
  728. </div>
  729. <div class="champion-item" data-id="124" data-name="XinZhao">
  730. <img src="images/Champions/Thumb/XinZhao.png" alt="" width="42" />
  731. </div>
  732. <div class="champion-item" data-id="125" data-name="Yasuo">
  733. <img src="images/Champions/Thumb/Yasuo.png" alt="" width="42" />
  734. </div>
  735. <div class="champion-item" data-id="126" data-name="Yorick">
  736. <img src="images/Champions/Thumb/Yorick.png" alt="" width="42" />
  737. </div>
  738. <div class="champion-item" data-id="127" data-name="Zac">
  739. <img src="images/Champions/Thumb/Zac.png" alt="" width="42" />
  740. </div>
  741. <div class="champion-item" data-id="128" data-name="Zed">
  742. <img src="images/Champions/Thumb/Zed.png" alt="" width="42" />
  743. </div>
  744. <div class="champion-item" data-id="129" data-name="Ziggs">
  745. <img src="images/Champions/Thumb/Ziggs.png" alt="" width="42" />
  746. </div>
  747. <div class="champion-item" data-id="130" data-name="Zilean">
  748. <img src="images/Champions/Thumb/Zilean.png" alt="" width="42" />
  749. </div>
  750. <div class="champion-item" data-id="131" data-name="Zyra">
  751. <img src="images/Champions/Thumb/Zyra.png" alt="" width="42" />
  752. </div>
  753. <div class="champion-item" data-id="132" data-name="Kled">
  754. <img src="images/Champions/Thumb/44137fa5-4536-4b74-bbaa-0dc319033665kled.png" alt="" width="42" />
  755. </div>
  756. </div>
  757. </div>
  758. <div class="modal-footer">
  759. <button data-dismiss="modal" class="btn btn-default" id="save" type="button">Save</button>
  760. </div>
  761. </div>
  762. </div>
  763. </div>
  764. </div>
  765. <script>
  766.  
  767. $('.searchbox').keyup(function () {
  768. var search = $(this).val().toLowerCase();
  769. $('.champion-item').hide();
  770. $('.champion-list').find('.champion-item').each(function () {
  771. var champname = $(this).attr('data-name'),
  772. $text = champname.toLowerCase();
  773. if ($text.indexOf(search) > -1)
  774. $(this).show();
  775. });
  776. })
  777.  
  778.  
  779.  
  780.  
  781. </script>
  782. <style>
  783.  
  784. .position {
  785. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  786. filter: gray; /* IE6-9 */
  787. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  788. }
  789.  
  790. .position.active {
  791. filter: none;
  792. -webkit-filter: grayscale(0%);
  793. }
  794. </style>
  795. <div class="modal fade modal-dialog-center" id="myModal100" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  796. <div class="modal-dialog modal-lg">
  797. <div class="modal-content-wrap">
  798. <div class="modal-content">
  799. <div class="modal-header">
  800. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  801. <h4 class="modal-title"><span style="font-size:25px"><i style="width:25px" class="fa fa-lock"></i>Check Out</span></h4>
  802. </div>
  803. <div class="modal-body">
  804. <div id="orderdiv">
  805. <div class="checkout-review">
  806. <div class="review-title">
  807. <div class="round-num">1</div>
  808. <div class="media-body-text">REVIEW ORDER</div>
  809. </div>
  810. <div class="clear"></div>
  811. <div class="row-data">
  812. <div class="content-row-data"><label class="btn btn-round btn-success" style="height:25px;padding:2px" id="Gametype1">Solo Net Wins</label></div>
  813.  
  814. <div class="content-row-data" style="min-height:28px;padding:4px" id="Gametype2">Silver 10 Net wins</div>
  815. <div class="content-row-data" style="font-size:22px" id="priceCheckout">$35</div>
  816. </div>
  817. </div>
  818. <div class="checkout-msg">
  819. <p>
  820. We will collect your details after payment.
  821. Already have an account with us? <a href="#" id="login_popup">Login</a>
  822. </p>
  823. </div>
  824.  
  825. <div class="checkout-review">
  826. <div class="review-title">
  827. <div class="round-num">2</div>
  828. <div class="media-body-text">SELECT PAYMENT METHOD</div>
  829. </div>
  830. <div class="clear"></div>
  831. <div class="row-data">
  832. <div class="row-col-left">
  833. <p>By clicking the button below you accept our Terms of Services</p>
  834. </div>
  835. <div class="row-col-right">
  836. <div class="payment-heading">Using Paypal Express Checkout</div>
  837. <div class="payment-column">
  838. <div class="payment-left-column">
  839. <input type="radio" value="Paypal" class="paymentRadio" name="select_payment_method" checked />
  840. </div>
  841. <div class="payment-right-column">
  842. <img src="NewLayout/images/paypal_img.png" alt="Paypal" width="250" />
  843. </div>
  844. </div>
  845. <div class="clear"></div>
  846. <div class="payment-heading">Using G2A Pay</div>
  847. <div class="payment-column">
  848. <div class="payment-left-column">
  849. <input type="radio" value="G2a" class="paymentRadio" name="select_payment_method" id="radiocheck"/>
  850. </div>
  851. <div class="payment-right-column">
  852. <img src="NewLayout/images/payment.gif" alt="G2A" width="300" />
  853. </div>
  854. </div>
  855.  
  856. </div>
  857. <div class="clear"></div>
  858. <div class="purchasebtndiv">
  859. <a href="#" id="savetransaction" class="buyboostbtn">
  860. <i style="width:9px;" class="fa fa-lock"></i>
  861. Purchase
  862. </a>
  863. </div>
  864. </div>
  865. </div>
  866.  
  867. </div>
  868. <div id="logindiv" style="display:none;overflow:auto">
  869. <div class="right-box-popup">
  870. <div class="heading-right-box">
  871. <div class="heading-right-box-inner-left"><div class="heading-right-box-inner-left-inner"><span id="backbtn"><i class="fa fa-long-arrow-left"></i>&nbsp;Back</span></div>Login</div>
  872. </div>
  873. <div class="right-box-form-login">
  874. <div class="column-modal">
  875. <div class="col-left-modal">Username</div>
  876. <div class="col-right-modal">
  877. <input type="text" id="user_name_pop_up" class="form-control" />
  878. </div>
  879. </div>
  880. <div class="clear"></div>
  881. <div class="column-modal">
  882. <div class="col-left-modal">Password</div>
  883. <div class="col-right-modal">
  884. <input type="password" id="user_password_pop_up" class="form-control" />
  885. </div>
  886. </div>
  887. <div class="column-modal">
  888. <div class="col-left-modal">
  889. <a class="btn btn-successbtn" id="loginbtnmodal_pop_up">Login</a>
  890. </div>
  891. <div class="col-left-modal" id="loader_pop_up" style="display:none">
  892. Please Wait....
  893. </div>
  894. </div>
  895. </div>
  896. </div>
  897. </div>
  898. <div class="modal-footer">
  899. <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
  900. </div>
  901. </div>
  902. </div>
  903. </div>
  904. </div>
  905. </div>
  906.  
  907.  
  908. <script src="GamesScript/netwinsSolo.js"></script>
  909.  
  910.  
  911.  
  912.  
  913. <!-- Get any Question End-->
  914.  
  915.  
  916. <!-- Ftr Start-->
  917.  
  918.  
  919. <div class="modal fade modal-dialog-center" id="myModaljobs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  920. <div class="modal-dialog modal-lg">
  921. <div class="modal-content-wrap">
  922. <div class="modal-content">
  923. <div class="modal-header">
  924. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  925. <h4 class="modal-title">Jobs</h4>
  926. </div>
  927. <div class="modal-body">
  928. <p>To apply to be a booster please send your application to <span style="color:#3d4a8e">jobs@eloboost.co</span> and also leave your skype contact.</p>
  929. </div>
  930. <div class="modal-footer">
  931. <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
  932. </div>
  933. </div>
  934. </div>
  935. </div>
  936. </div>
  937.  
  938. <!-- Scripts -->
  939.  
  940.  
  941. <script src="newtemplates/js/jquery.js"></script>
  942. <script src="newtemplates/js/bootstrap.min.js"></script>
  943. <script src="NewLayout/js/jquery.min.js"></script>
  944. <script src="NewLayout/js/jquery.dropotron.min.js"></script>
  945. <script src="NewLayout/js/jquery.scrolly.min.js"></script>
  946. <script src="NewLayout/js/skel.min.js"></script>
  947. <script src="NewLayout/js/util.js"></script>
  948. <!--[if lte IE 8]><script src="js/ie/respond.min.js"></script><![endif]-->
  949. <script src="NewLayout/js/main.js"></script>
  950. <script src="Scripts/jquery-1.10.1.min.js"></script>
  951. <script src="Scripts/jquery-1.8.2.min.js"></script>
  952. <script src="Scripts/jquery-ui-1.10.2.min.js"></script>
  953. <script src="Scripts/jquery-ui-1.8.24.min.js"></script>
  954. <script src="Scripts/jquery.cycle.all.js"></script>
  955. <script src="Scripts/jquery.validate.js"></script>
  956. <script src="Scripts/jquery.validate.min.js"></script>
  957. <script src="Scripts/jquery.validate.unobtrusive.js"></script>
  958. <script src="Scripts/jquery.validate.unobtrusive-custom-for-bootstrap.js"></script>
  959.  
  960. <script src="Scripts/jquery.unobtrusive-ajax.js"></script>
  961. <script src="Scripts/mvcfoolproof.unobtrusive.min.js"></script>
  962. <script src="Scripts/easyResponsiveTabs.js"></script>
  963. <script src="Scripts/popup/jquery.leanModal.min.js"></script>
  964. <script src="newtemplates/js/jquery.simplePopup.js"></script>
  965. <script src="newtemplates/assets/gritter/js/jquery.gritter.js"></script>
  966. <script src="newtemplates/js/jquery.scrollTo.min.js"></script>
  967. <script src="newtemplates/js/jquery.nicescroll.js"></script>
  968. <script src="newtemplates/js/jquery.ui.touch-punch.min.js"></script>
  969. <script src="newtemplates/js/respond.min.js"></script>
  970. <script src="newtemplates/js/sliders.js"></script>
  971. <script src="newtemplates/assets/toastr-master/toastr.js"></script>
  972. <script class="include" type="text/javascript" src="js/jquery.dcjqaccordion.2.7.js"></script>
  973. <script src="Scripts/jquery.signalR-2.2.0.js"></script>
  974. <script src="signalr/hubs"></script>
  975. <style>
  976. .listingbox_innerbox
  977. {
  978. cursor:pointer;
  979. }
  980. </style>
  981. <script>
  982.  
  983. $('.listingbox_inner,.listingbox_inner1').click(function () {
  984. var boostname = $(this).find('.listingbox_innerbox').attr('data-name');
  985. window.location.href = "/eloboosting?boostname=" + boostname;
  986. });
  987.  
  988. $('#login_new_popUp').click(function () {
  989. $('#Login_div_popup').show();
  990. $('#Register_div_popup').hide();
  991. $('#Forgot_div_popup').hide();
  992. })
  993.  
  994. $('#selectboosting_footer_upper').click(function () {
  995. selectboosting()
  996. })
  997.  
  998. $('#selectboosting_footer_lower').click(function () {
  999. selectboosting()
  1000. })
  1001.  
  1002. $('#buyboosting').click(function () {
  1003. selectboosting();
  1004. })
  1005.  
  1006. $('#select_back').click(function () {
  1007. selectboosting();
  1008. })
  1009.  
  1010. function selectboosting() {
  1011. var $window = $(window);
  1012. var windowsize = $window.width();
  1013. var href = "";
  1014. if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|IEMobile)/)) {
  1015. //if (parseInt(windowsize) < 767) { //to check locally
  1016. href = "/Default/selectboostingmobile";
  1017. }
  1018. else {
  1019. href = "/Default/selectboosting";
  1020. }
  1021. window.location.href = href;
  1022. }
  1023.  
  1024. function showToaster(message, toastertype) {
  1025. var shortCutFunction = toastertype;
  1026. var msg = message;
  1027. var title = "Message" || '';
  1028. var $showDuration = "300";
  1029. var $hideDuration = "1000";
  1030. var $timeOut = "5000";
  1031. var $extendedTimeOut = "1000";
  1032. var $showEasing = "linear";
  1033. var $hideEasing = "swing";
  1034. var $showMethod = "fadeIn";
  1035. var $hideMethod = "fadeOut";
  1036. //var toastIndex = toastCount++;
  1037.  
  1038. toastr.options = {
  1039. closeButton: "checked",
  1040. debug: $('#debugInfo').prop('checked'),
  1041. progressBar: $('#progressBar').prop('checked'),
  1042. positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
  1043. preventDuplicates: $('#preventDuplicates').prop('checked'),
  1044. onclick: null
  1045. };
  1046.  
  1047. if ($('#addBehaviorOnToastClick').prop('checked')) {
  1048. toastr.options.onclick = function () {
  1049. alert('You can perform some custom action after a toast goes away');
  1050. };
  1051. }
  1052.  
  1053. if ($showDuration.length) {
  1054. toastr.options.showDuration = $showDuration;
  1055. }
  1056.  
  1057. if ($hideDuration.length) {
  1058. toastr.options.hideDuration = $hideDuration;
  1059. }
  1060.  
  1061. if ($timeOut.length) {
  1062. toastr.options.timeOut = $timeOut;
  1063. }
  1064.  
  1065. if ($extendedTimeOut.length) {
  1066. toastr.options.extendedTimeOut = $extendedTimeOut;
  1067. }
  1068.  
  1069. if ($showEasing.length) {
  1070. toastr.options.showEasing = $showEasing;
  1071. }
  1072.  
  1073. if ($hideEasing.length) {
  1074. toastr.options.hideEasing = $hideEasing;
  1075. }
  1076.  
  1077. if ($showMethod.length) {
  1078. toastr.options.showMethod = $showMethod;
  1079. }
  1080.  
  1081. if ($hideMethod.length) {
  1082. toastr.options.hideMethod = $hideMethod;
  1083. }
  1084.  
  1085.  
  1086.  
  1087. if (!msg) {
  1088. msg = getMessage();
  1089. }
  1090.  
  1091. $("#toastrOptions").text("Command: toastr["
  1092. + shortCutFunction
  1093. + "](\""
  1094. + msg
  1095. + (title ? "\", \"" + title : '')
  1096. + "\")\n\ntoastr.options = "
  1097. + JSON.stringify(toastr.options, null, 2)
  1098. );
  1099.  
  1100. var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
  1101. $toastlast = $toast;
  1102. if ($toast.find('#okBtn').length) {
  1103. $toast.delegate('#okBtn', 'click', function () {
  1104. alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
  1105. $toast.remove();
  1106. });
  1107. }
  1108. if ($toast.find('#surpriseBtn').length) {
  1109. $toast.delegate('#surpriseBtn', 'click', function () {
  1110. alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
  1111. });
  1112. }
  1113. }
  1114. </script>
  1115. <script>
  1116.  
  1117. var html = $('html, body'),
  1118. navContainer = $('.nav-container'),
  1119. navToggle = $('.nav-toggle'),
  1120. navDropdownToggle = $('.has-dropdown');
  1121.  
  1122. // Nav toggle
  1123. navToggle.on('click', function (e) {
  1124. var $this = $(this);
  1125. e.preventDefault();
  1126. $this.toggleClass('is-active');
  1127. navContainer.toggleClass('is-visible');
  1128. html.toggleClass('nav-open');
  1129. });
  1130.  
  1131. // Nav dropdown toggle
  1132. navDropdownToggle.on('click', function () {
  1133. var $this = $(this);
  1134. $this.toggleClass('is-active').children('ul').toggleClass('is-visible');
  1135. });
  1136.  
  1137. // Prevent click events from firing on children of navDropdownToggle
  1138. navDropdownToggle.on('click', '*', function (e) {
  1139. e.stopPropagation();
  1140. });
  1141.  
  1142.  
  1143. $(document).ready(function () {
  1144. EditableTable.init();
  1145. var chatHub = $.connection.chatHub;
  1146. registerClientMethods(chatHub)
  1147. // Start Hub
  1148. $.connection.hub.start().done(function () {
  1149. registerEvents(chatHub)
  1150. });
  1151. setTimeago();
  1152. $("#owl-demo").owlCarousel({
  1153. navigation: true,
  1154. slideSpeed: 300,
  1155. paginationSpeed: 400,
  1156. singleItem: true,
  1157. autoPlay: true
  1158.  
  1159. });
  1160. });
  1161.  
  1162. function setTimeago() {
  1163. $('span.time').each(function () {
  1164. $(this).timeago();
  1165. })
  1166. }
  1167.  
  1168. //custom select box
  1169.  
  1170. $(function () {
  1171. $('select.styled').customSelect();
  1172. });
  1173.  
  1174. $(window).on("resize", function () {
  1175. var owl = $("#owl-demo").data("owlCarousel");
  1176. owl.reinit();
  1177. });
  1178.  
  1179. function registerClientMethods(chatHub) {
  1180. chatHub.client.sendnotification = function () {
  1181. //$.notify("You have a message.", "info");
  1182. showToaster("You have a message.", "info");
  1183. };
  1184.  
  1185. chatHub.client.displaymessage = function (message, name) {
  1186. var div = '<div class="group-rom"><div class="first-part odd">' + name + '</div><div class="second-part">' + message + '</div><div class="third-part"><span class="time" title="11/18/2016 9:16:58"></span></div></div>';
  1187. $('span.time').timeago();
  1188. $('.chat-box').append(div);
  1189. var x = document.getElementById("chatsound");
  1190. x.play();
  1191. $("#newchatbox").scrollTop($("#newchatbox")[0].scrollHeight);
  1192. }
  1193. }
  1194.  
  1195. function registerEvents(chatHub) {
  1196. $("#btnsend").click(function () {
  1197. var message = $('#msgtext').val();
  1198. var orderid = $('#hfoId').val();
  1199. var name = $('#hfmyname').val();
  1200. var date = $('#hfdate').val();
  1201. if (message != '' && orderid != '') {
  1202. $('#msgtext').val('');
  1203. var div = '<div class="group-rom"><div class="first-part odd">' + name + '</div><div class="second-part">' + message + '</div><div class="third-part"><span class="time" title="11/18/2016 9:16:58"></span></div></div>';
  1204. $('.chat-box').append(div);
  1205. setTimeago();
  1206. $("#newchatbox").scrollTop($("#newchatbox")[0].scrollHeight);
  1207. chatHub.server.sendmsg(orderid, message);
  1208. }
  1209. });
  1210. }
  1211. </script>
  1212.  
  1213.  
  1214.  
  1215. </body>
  1216. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement