index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  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, shrink-to-fit=no" />
  6. <meta name="description" content="" />
  7. <meta name="author" content="" />
  8. <title>CWG Markets</title>
  9. <link rel="icon" type="image/x-icon" href="imgs/favicon.ico" />
  10. <link href="css/bootstrap.min.css" rel="stylesheet" />
  11. <link href="css/style.css" rel="stylesheet" />
  12. <link rel="stylesheet" href="../../css/element-ui.css" />
  13. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  14. <link rel="stylesheet" href="../../css/preloading.css" />
  15. <!-- <link rel="stylesheet" href="css/active5.css" /> -->
  16. <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  17. <!-- Start of cwgmarkets Zendesk Widget script -->
  18. <!-- <script
  19. id="ze-snippet"
  20. src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
  21. ></script> -->
  22. <script type="text/javascript">
  23. window.__lc = window.__lc || {};
  24. window.__lc.license = 18945964;
  25. (function (n, t, c) {
  26. function i(n) {
  27. return e._h ? e._h.apply(null, n) : e._q.push(n);
  28. }
  29. var e = {
  30. _q: [],
  31. _h: null,
  32. _v: "2.0",
  33. on: function () {
  34. i(["on", c.call(arguments)]);
  35. },
  36. once: function () {
  37. i(["once", c.call(arguments)]);
  38. },
  39. off: function () {
  40. i(["off", c.call(arguments)]);
  41. },
  42. get: function () {
  43. if (!e._h)
  44. throw new Error(
  45. "[LiveChatWidget] You can't use getters before load."
  46. );
  47. return i(["get", c.call(arguments)]);
  48. },
  49. call: function () {
  50. i(["call", c.call(arguments)]);
  51. },
  52. init: function () {
  53. var n = t.createElement("script");
  54. (n.async = !0),
  55. (n.type = "text/javascript"),
  56. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  57. t.head.appendChild(n);
  58. },
  59. };
  60. !n.__lc.asyncInit && e.init(),
  61. (n.LiveChatWidget = n.LiveChatWidget || e);
  62. })(window, document, [].slice);
  63. </script>
  64. <noscript>
  65. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
  66. >Chat with us</a
  67. >, powered by
  68. <a
  69. href="https://www.livechat.com/?welcome"
  70. rel="noopener nofollow"
  71. target="_blank"
  72. >LiveChat</a
  73. >
  74. </noscript>
  75. <script>
  76. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  77. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  78. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  79. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  80. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  81. </script>
  82. </head>
  83. <style>
  84. [v-cloak] {
  85. display: none;
  86. }
  87. </style>
  88. <body id="page-top">
  89. <div
  90. id="pre"
  91. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  92. >
  93. <div
  94. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  95. >
  96. <div
  97. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  98. >
  99. <div class="line-scale">
  100. <div></div>
  101. <div></div>
  102. <div></div>
  103. <div></div>
  104. <div></div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div id="active1" v-cloak v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
  110. <nav class="navbar navbar-expand-lg navbar-dark bg-menu fixed-top" id="mainNav">
  111. <div class="container-fluid px-4">
  112. <a class="navbar-brand" href="javascript:;">
  113. <img src="imgs/cwg-logo.png" class="img-responsive" alt="cwg-logo">
  114. </a>
  115. <div class="" id="">
  116. <ul class="navbar-nav ms-auto">
  117. <li class="nav-item">
  118. <el-dropdown trigger="click" @command="chooseLang">
  119. <span class="menu language-box">
  120. {{langList[language]}}
  121. <i class="el-icon-arrow-down el-icon--right"></i>
  122. </span>
  123. <el-dropdown-menu slot="dropdown">
  124. <el-dropdown-item command="cn">中文简体</el-dropdown-item>
  125. <el-dropdown-item command="zhHant">中文繁体</el-dropdown-item>
  126. <el-dropdown-item command="en">English</el-dropdown-item>
  127. <el-dropdown-item command="vn">Tiếng Việt</el-dropdown-item>
  128. <el-dropdown-item command="de">Deutsch</el-dropdown-item>
  129. <el-dropdown-item command="es">Español</el-dropdown-item>
  130. <el-dropdown-item command="id">Indonesian</el-dropdown-item>
  131. <el-dropdown-item command="ms">Melayu</el-dropdown-item>
  132. <el-dropdown-item command="th">ภาษาไทย</el-dropdown-item>
  133. <el-dropdown-item command="ar">العربية</el-dropdown-item>
  134. <el-dropdown-item command="ko">한국어</el-dropdown-item>
  135. <el-dropdown-item command="pt">Português</el-dropdown-item>
  136. <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
  137. <el-dropdown-item command="tr">Türkçe</el-dropdown-item>
  138. </el-dropdown-menu>
  139. </el-dropdown>
  140. </li>
  141. </ul>
  142. </div>
  143. </div>
  144. </nav>
  145. <section class="section-bg">
  146. <div class="container">
  147. <div class="banner-signup" v-loading="loading">
  148. <!-- <div class="close" @click="dialogFormVisible = false">
  149. <i class="el-icon-close"></i>
  150. </div> -->
  151. <div class="title">
  152. <!-- <img src="imgs/logo.png" class="img-responsive" alt="cwg-logo"> -->
  153. <h1 class="text-primary fw-bolder">{{lang.headers1}}</h1>
  154. <div class="title2">{{lang.headers2}}</div>
  155. <div class="title3">{{lang.headers3}}</div>
  156. </div>
  157. <el-form
  158. :model="params"
  159. :rules="rules"
  160. ref="params"
  161. label-width="0"
  162. class="form"
  163. label-position="top"
  164. >
  165. <el-form-item prop="name">
  166. <div class="form_label">{{lang.table1}}</div>
  167. <el-input
  168. class="m-input"
  169. v-model="params.name"
  170. :placeholder="lang.table6"
  171. >
  172. </el-input>
  173. </el-form-item>
  174. <el-form-item prop="email">
  175. <div class="form_label">{{lang.table5}}</div>
  176. <el-input
  177. class="m-input"
  178. v-model="params.email"
  179. :placeholder="lang.table6"
  180. >
  181. </el-input>
  182. </el-form-item>
  183. <el-form-item prop="">
  184. <div class="form_label">{{lang.table4}}</div>
  185. <div class="areaCodeBox">
  186. <el-form-item prop="areaCode" class="areaCode">
  187. <el-select
  188. filterable
  189. class="country"
  190. v-model="params.areaCode"
  191. :placeholder="lang.table7"
  192. >
  193. <el-option
  194. v-for="item in mock_options"
  195. :key="item.id"
  196. :label="language == 'cn' ? (item.name + '(+' + item.callingCode + ')' ) : (item.enName + '(+' + item.callingCode + ')')"
  197. :value="item.callingCode"
  198. ></el-option>
  199. </el-select>
  200. </el-form-item>
  201. <el-form-item prop="number" class="number">
  202. <el-input
  203. class="m-input"
  204. v-model="params.number"
  205. :placeholder="lang.table6"
  206. >
  207. </el-input>
  208. </el-form-item>
  209. </div>
  210. </el-form-item>
  211. <el-form-item prop="referrer">
  212. <div class="form_label">{{lang.table2}}</div>
  213. <el-input
  214. class="m-input"
  215. v-model="params.referrer"
  216. :placeholder="lang.table6"
  217. ></el-input>
  218. </el-form-item>
  219. <el-form-item>
  220. <div class="banner-signup-btnBox">
  221. <a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="register" style="margin-right: 5px;">
  222. <!-- <img src="imgs/check.png" class="img-fluid" alt="check"> -->
  223. {{lang.item1}}
  224. </a>
  225. </div>
  226. </el-form-item>
  227. </el-form>
  228. </div>
  229. </div>
  230. </section>
  231. </div>
  232. <script src="js/bootstrap.bundle.min.js"></script>
  233. <script src="js/scripts.js"></script>
  234. <script src="../common/js/jquery.js"></script>
  235. <script src="../common/js/app.js"></script>
  236. <script src="../common/js/chunk-vendors.js"></script>
  237. <script src="../../js/vue.min.js"></script>
  238. <script src="../../js/axios.min.js"></script>
  239. <script src="../../js/element-ui.js"></script>
  240. <script src="../../js/element@2.12.2.js"></script>
  241. <script src="js/active1.js"></script>
  242. <!-- <script>
  243. var $zopim = null;
  244. rep = setInterval(aTimer, 10000);
  245. function aTimer() {
  246. if ($zopim) {
  247. $zopim(function() {
  248. if (sessionStorage.getItem("lang") == "cn") {
  249. $zopim.livechat.setLanguage("zh_CN");
  250. } else {
  251. $zopim.livechat.setLanguage("en");
  252. }
  253. });
  254. }
  255. }
  256. </script> -->
  257. <!-- Google Tag Manager (noscript) -->
  258. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  259. <!-- End Google Tag Manager (noscript) -->
  260. </body>
  261. </html>