index.html 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Earn Rewards For Each Trade</title>
  8. <link rel="icon" type="image/png" href="assets/img/favicon.ico">
  9. <meta name="msapplication-TileColor" content="#da532c">
  10. <meta name="theme-color" content="#ffffff">
  11. <link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
  12. <link rel="stylesheet" href="assets/css/animate.css" type="text/css">
  13. <link rel="stylesheet" href="assets/css/slick.css" type="text/css">
  14. <link rel="stylesheet" href="assets/css/style.css" type="text/css">
  15. <link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
  16. <link rel="stylesheet" href="assets/css/swiper.min.css" type="text/css">
  17. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
  18. <link rel="stylesheet" href="../../css/element-ui.css" />
  19. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  20. <link rel="stylesheet" href="../../css/preloading.css" />
  21. <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  22. <!-- <script
  23. id="ze-snippet"
  24. src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
  25. ></script> -->
  26. <script type="text/javascript">
  27. window.__lc = window.__lc || {};
  28. window.__lc.license = 18945964;
  29. (function (n, t, c) {
  30. function i(n) {
  31. return e._h ? e._h.apply(null, n) : e._q.push(n);
  32. }
  33. var e = {
  34. _q: [],
  35. _h: null,
  36. _v: "2.0",
  37. on: function () {
  38. i(["on", c.call(arguments)]);
  39. },
  40. once: function () {
  41. i(["once", c.call(arguments)]);
  42. },
  43. off: function () {
  44. i(["off", c.call(arguments)]);
  45. },
  46. get: function () {
  47. if (!e._h)
  48. throw new Error(
  49. "[LiveChatWidget] You can't use getters before load."
  50. );
  51. return i(["get", c.call(arguments)]);
  52. },
  53. call: function () {
  54. i(["call", c.call(arguments)]);
  55. },
  56. init: function () {
  57. var n = t.createElement("script");
  58. (n.async = !0),
  59. (n.type = "text/javascript"),
  60. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  61. t.head.appendChild(n);
  62. },
  63. };
  64. !n.__lc.asyncInit && e.init(),
  65. (n.LiveChatWidget = n.LiveChatWidget || e);
  66. })(window, document, [].slice);
  67. </script>
  68. <noscript>
  69. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
  70. >Chat with us</a
  71. >, powered by
  72. <a
  73. href="https://www.livechat.com/?welcome"
  74. rel="noopener nofollow"
  75. target="_blank"
  76. >LiveChat</a
  77. >
  78. </noscript>
  79. <script>
  80. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  81. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  82. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  83. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  84. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  85. </script>
  86. </head>
  87. <style>
  88. [v-cloak] {
  89. display: none;
  90. }
  91. </style>
  92. <body id="home-version-1" class="home-saas-main" data-style="default">
  93. <div
  94. id="pre"
  95. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  96. >
  97. <div
  98. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  99. >
  100. <div
  101. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  102. >
  103. <div class="line-scale">
  104. <div></div>
  105. <div></div>
  106. <div></div>
  107. <div></div>
  108. <div></div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="main-content" id="active1" v-cloak v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
  114. <header class="site-header header-light-social header-transparent no-transition" data-header-fixed="true" data-mobile-menu-resolution="992">
  115. <div class="container">
  116. <div class="header-inner">
  117. <nav id="site-navigation" class="main-nav visible">
  118. <div class="site-logo"> <a href="#" class="logo"> <img src="assets/img/cwg-logo-white.png" style="max-height: 49px;" alt="cwg-logo-white" class="main-logo"> <img style="max-height: 49px;" src="assets/img/cwg-logo.png" alt="cwg-logo" class="logo-sticky"> </a> </div>
  119. <div class="menu-wrapper main-nav-container canvas-menu-wrapper" id="mega-menu-wrap">
  120. <div class="canvas-header">
  121. <div class="mobile-offcanvas-logo"> <a href="#"> <img src="assets/img/cwg-logo.png" style="max-height: 49px;" alt="cwg-logo" class="logo-sticky w-75"> </a> </div>
  122. <div class="close-menu" id="page-close-main-menu"> <i class="bi bi-x-circle"></i> </div>
  123. </div>
  124. <ul class="astriol-main-menu">
  125. <el-dropdown trigger="click" @command="chooseLang">
  126. <span class="menu language-box">
  127. {{langList[language]}}
  128. <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
  129. </span>
  130. <el-dropdown-menu slot="dropdown">
  131. <el-dropdown-item command="cn"
  132. >中文简体</el-dropdown-item
  133. >
  134. <el-dropdown-item command="zhHant"
  135. >中文繁體</el-dropdown-item
  136. >
  137. <el-dropdown-item command="en"
  138. >English</el-dropdown-item
  139. >
  140. <el-dropdown-item command="es"
  141. >Español</el-dropdown-item
  142. >
  143. <el-dropdown-item command="ar"
  144. >العربية</el-dropdown-item
  145. >
  146. <el-dropdown-item command="de"
  147. >Deutsch</el-dropdown-item
  148. >
  149. <el-dropdown-item command="id"
  150. >Indonesian</el-dropdown-item
  151. >
  152. <el-dropdown-item command="ko"
  153. >한국어</el-dropdown-item
  154. >
  155. <el-dropdown-item command="ms"
  156. >Melayu</el-dropdown-item
  157. >
  158. <el-dropdown-item command="th"
  159. >ภาษาไทย</el-dropdown-item
  160. >
  161. <el-dropdown-item command="vn"
  162. >Tiếng Việt</el-dropdown-item
  163. >
  164. <el-dropdown-item command="pt">Português</el-dropdown-item>
  165. <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
  166. <el-dropdown-item command="tr">Türkçe</el-dropdown-item>
  167. </el-dropdown-menu>
  168. </el-dropdown>
  169. <!-- <li class="has-submenu menu-item-depth-0"> <a href="#">{{langList[language]}}</a>
  170. <ul class="sub-menu">
  171. <li> <a href="#">中文简体</a> </li>
  172. <li> <a href="#">中文繁體</a> </li>
  173. <li> <a href="#">English</a> </li>
  174. <li> <a href="#">Español</a> </li>
  175. <li> <a href="#">Deutsch</a> </li>
  176. <li> <a href="#">Indonesian</a> </li>
  177. <li> <a href="#">한국어</a> </li>
  178. <li> <a href="#">Melayu</a> </li>
  179. <li> <a href="#">ภาษาไทย</a> </li>
  180. <li> <a href="#">Tiếng Việt</a> </li>
  181. <li> <a href="#">Português</a> </li>
  182. </ul>
  183. </li> -->
  184. </ul>
  185. <div class="nav-right"> <a href="#" class="gp-btn banner-btn color-two wow flipInXgp-btn banner-btn color-two wow flipInX mr-5" @click="dialogFormVisible = true">{{lang.headers1}}</a> </div>
  186. </div>
  187. <!-- /.menu-wrapper -->
  188. <div class="astriol-burger-menu" id="mobile-menu-open"> <span class="bar-one"></span> <span class="bar-two"></span> <span class="bar-three"></span> </div>
  189. </nav>
  190. <!-- /.site-nav -->
  191. </div>
  192. <!-- /.header-inner -->
  193. </div>
  194. <!-- /.container-full -->
  195. </header>
  196. <section class="banner-social banner banner-main">
  197. <div class="container">
  198. <div class="banner-main-content-wrapper">
  199. <div class="banner-content">
  200. <h1 class="banner-title wow fadeInUp">{{lang.header1}}</h1>
  201. <p class="description wow fadeInUp">{{lang.header2}}</p>
  202. <a href="javascript:;" class="banner-btn btn-lg color-two flipInX flipInXgp-btn gp-btn p-3 wow" @click="dialogFormVisible = true">{{lang.headers1}}</a>
  203. <p class="description mt-2" v-if="language == 'cn'"><a href="assets/pdf/pdf-cn.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  204. <p class="description mt-2" v-else-if="language == 'es'"><a href="assets/pdf/pdf-es.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  205. <p class="description mt-2" v-else-if="language == 'pt'"><a href="assets/pdf/pdf-pt.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  206. <p class="description mt-2" v-else-if="language == 'th'"><a href="assets/pdf/pdf-th.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  207. <p class="description mt-2" v-else-if="language == 'vn'"><a href="assets/pdf/pdf-vn.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  208. <p class="description mt-2" v-else-if="language == 'zhHant'"><a href="assets/pdf/pdf-zhHant.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  209. <p class="description mt-2" v-else><a href="assets/pdf/pdf-en.pdf" class="color-primary" style="color: #fff;" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  210. <!-- <p class="text-center"><a href="#" class="color-primary"><span>*</span><span>{{lang.section312}}</span></a> </p> -->
  211. <div class="banner-button-container"></div>
  212. <!-- /.banner-button-container -->
  213. </div>
  214. <!-- /.banner-content -->
  215. <div class="row bg-white mt-60 pt-4 rounded">
  216. <div class="col-xl-3 col-lg-3 col-sm-6">
  217. <div class="icon-box style-six text-center wow gptFadeLeft" data-wow-delay="0.3s">
  218. <div class="icon-container"> <img src="assets/img/sign-up.png" alt="SIGN UP"> </div>
  219. <div class="box-content">
  220. <h3 class="feature-title">{{lang.header4}}</h3>
  221. </div>
  222. <!-- /.box-content -->
  223. </div>
  224. <!-- /.icon-box style-six text-center -->
  225. </div>
  226. <!-- /.col-xl-3 col-lg-3 col-sm-6 -->
  227. <div class="col-xl-3 col-lg-3 col-sm-6">
  228. <div class="icon-box style-six text-center wow gptFadeLeft" data-wow-delay="0.5s">
  229. <div class="icon-container"> <img src="assets/img/deposit-funds.png" alt="DEPOSIT FUNDS"> </div>
  230. <div class="box-content">
  231. <h3 class="feature-title">{{lang.header5}}</h3>
  232. </div>
  233. <!-- /.box-content -->
  234. </div>
  235. <!-- /.icon-box style-six text-center -->
  236. </div>
  237. <!-- /.col-xl-3 col-lg-3 col-sm-6 -->
  238. <div class="col-xl-3 col-lg-3 col-sm-6">
  239. <div class="icon-box style-six text-center wow gptFadeLeft" data-wow-delay="0.7s">
  240. <div class="icon-container"> <img src="assets/img/receive-your-bonus.png" alt="RECEIVE YOUR BONUS"> </div>
  241. <div class="box-content">
  242. <h3 class="feature-title">{{lang.header6}}</h3>
  243. </div>
  244. <!-- /.box-content -->
  245. </div>
  246. <!-- /.icon-box style-six text-center -->
  247. </div>
  248. <!-- /.col-xl-3 col-lg-3 col-sm-6 -->
  249. <div class="col-xl-3 col-lg-3 col-sm-6">
  250. <div class="icon-box style-six text-center wow gptFadeLeft" data-wow-delay="0.9s">
  251. <div class="icon-container"> <img src="assets/img/start-trading.png" alt="START TRADING"> </div>
  252. <div class="box-content">
  253. <h3 class="feature-title">{{lang.header7}}</h3>
  254. </div>
  255. <!-- /.box-content -->
  256. </div>
  257. <!-- /.icon-box style-six text-center -->
  258. </div>
  259. <!-- /.col-xl-3 col-lg-3 col-sm-6 -->
  260. </div>
  261. </div>
  262. <!-- /.banner-main-content-wrapper -->
  263. </div>
  264. <div class="banner-main-animate">
  265. <ul class="animate-items">
  266. <li> <img src="assets/img/gold-coin-1.png" alt="gold-coin"> </li>
  267. <li> <img src="assets/img/gold-coin-2.png" data-parallax='{"y": 200, "x": 100}' alt="gold-coin-2"> </li>
  268. <li> <img src="assets/img/gold-coin-3.png" data-parallax='{ "x": -200, "rotateZ": 360}' alt="gold-coin-3"> </li>
  269. <li> <img src="assets/img/gold-coin-4.png" data-parallax='{"y": 100, "x": 100}' alt="gold-coin-4"> </li>
  270. <li> <img src="assets/img/gold-coin-5.png" alt="gold-coin-5"> </li>
  271. <li> <img src="assets/img/gold-coin-6.png" data-parallax='{"y": -200, "x": -100, "rotateZ": 360}' alt="gold-coin-6"> </li>
  272. <li class="bubble1"></li>
  273. <li class="bubble2"></li>
  274. <li class="bubble3"></li>
  275. <li class="bubble4"></li>
  276. </ul>
  277. </div>
  278. </section>
  279. <section class="mt-60">
  280. <div class="container">
  281. <div class="row justify-content-center allign-item">
  282. <div class="col-lg-10 pt-5">
  283. <div class="section-title-ana mb-4 text-center">
  284. <h1>{{lang.section11}} <br>
  285. <span class="color-primary">{{lang.section12}}</span> </h1>
  286. </div>
  287. </div>
  288. <div class="col-lg-10 pt-5 text-center">
  289. <p>{{lang.section13}}</p>
  290. <img src="assets/img/trade-multiple-assets.png" class="img-fluid text-center mb-5" alt="trade-multiple-assets">
  291. </div>
  292. <div class="col-lg-10 pt-5">
  293. <ul class="listitem mb-0">
  294. <li> <i class="bi bi-check-circle-fill"></i>{{lang.section14}}</li>
  295. <li> <i class="bi bi-check-circle-fill"></i>{{lang.section15}}</li>
  296. <li> <i class="bi bi-check-circle-fill"></i>{{lang.section16}}</li>
  297. </ul>
  298. <p>{{lang.section17}}</p>
  299. <h5 class="mt-5">{{lang.section18}}</h5>
  300. <p>{{lang.section19}}<br>
  301. {{lang.section110}}<br>
  302. {{lang.section111}} </p>
  303. <!-- /.image-content-wrapper -->
  304. </div>
  305. </div>
  306. </div>
  307. </section>
  308. <section class="join-copytading">
  309. <div class="container">
  310. <div class="row text-center justify-content-center">
  311. <div class="col-lg-10 col-md-10 col-sm-10">
  312. <div class="section-title-ana mb-4 text-center">
  313. <h1>{{lang.section21}}<span class="color-primary"></span> </h1>
  314. </div>
  315. </div>
  316. </div>
  317. <div class="row">
  318. <div class="col-lg-4 col-md-4 col-sm-6">
  319. <article class="blog-post-one">
  320. <div class="feature-image"> <a href="#"> <img src="assets/img/register-verify-account.jpg" alt="blog-thumb"> </a>
  321. <div class="entry-content">
  322. <div class="icon-container text-center"> <img src="assets/img/register-verify-account.png" alt="register-verify-account"> </div>
  323. <h3 class="entry-title text-center"> {{lang.section22}}</h3>
  324. <p>{{lang.section23}}</p>
  325. </div>
  326. <!-- /.blog-content -->
  327. </div>
  328. <!-- /.feature-image -->
  329. </article>
  330. <!-- /.blog-post -->
  331. </div>
  332. <div class="col-lg-4 col-md-4 col-sm-6">
  333. <article class="blog-post-one">
  334. <div class="feature-image"> <a href="#l"> <img src="assets/img/register-verify-account.jpg" alt="blog-thumb"> </a>
  335. <div class="entry-content">
  336. <div class="icon-container text-center"> <img src="assets/img/create-trading-account.png" alt="create-trading-account"> </div>
  337. <h3 class="entry-title text-center"> {{lang.section24}}</h3>
  338. <p> {{lang.section25}}</p>
  339. </div>
  340. <!-- /.blog-content -->
  341. </div>
  342. <!-- /.feature-image -->
  343. </article>
  344. <!-- /.blog-post -->
  345. </div>
  346. <div class="col-lg-4 col-md-4 col-sm-6">
  347. <article class="blog-post-one">
  348. <div class="feature-image"> <a href="#l"> <img src="assets/img/register-verify-account.jpg" alt="blog-thumb"> </a>
  349. <div class="entry-content">
  350. <div class="icon-container text-center"> <img src="assets/img/copy-trading-button.png" alt="copy-trading-button"> </div>
  351. <h3 class="entry-title text-center"> {{lang.section26}}</h3>
  352. <p>{{lang.section27}}</p>
  353. </div>
  354. <!-- /.blog-content -->
  355. </div>
  356. <!-- /.feature-image -->
  357. </article>
  358. </div>
  359. <a href="javascript:;" class="banner-btn btn-block color-two gp-btn" @click="dialogFormVisible = true">{{lang.headers1}}</a>
  360. </div>
  361. <!-- /.row -->
  362. </div>
  363. <!-- /.container -->
  364. </section>
  365. <section>
  366. <div class="container">
  367. <div class="section-title-ana text-center mb-75">
  368. <h1> {{lang.section31}} <br>
  369. <span class="color-primary">{{lang.section32}}</span> </h1>
  370. <h6>{{lang.section33}}</h6>
  371. </div>
  372. <div class="faq-wrapper pr">
  373. <div class="row">
  374. <div class="col-md-12">
  375. <div id="accordionsing" class="faq wow fadeInRight" data-wow-delay="0.5s">
  376. <div class="card active">
  377. <div class="card-header" id="heading20">
  378. <h5>
  379. <button class="btn btn-link" data-toggle="collapse" data-target="#collapse10" aria-expanded="true" aria-controls="collapse10">{{lang.section34}}</button>
  380. </h5>
  381. </div>
  382. <div id="collapse10" class="collapse show" aria-labelledby="heading20" data-parent="#accordionsing">
  383. <div class="card-body">
  384. <p>{{lang.section35}}</p>
  385. </div>
  386. </div>
  387. </div>
  388. <div class="card ">
  389. <div class="card-header" id="heading10">
  390. <h5>
  391. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapse00" aria-expanded="false" aria-controls="collapse00">{{lang.section36}}</button>
  392. </h5>
  393. </div>
  394. <div id="collapse00" class="collapse" aria-labelledby="heading10" data-parent="#accordionsing">
  395. <div class="card-body">
  396. <p> {{lang.section37}}</p>
  397. </div>
  398. </div>
  399. </div>
  400. <div class="card">
  401. <div class="card-header" id="heading30">
  402. <h5>
  403. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapse20" aria-expanded="false" aria-controls="collapse20"> {{lang.section38}} </button>
  404. </h5>
  405. </div>
  406. <div id="collapse20" class="collapse" aria-labelledby="heading30" data-parent="#accordionsing">
  407. <div class="card-body">
  408. <p> {{lang.section39}}</p>
  409. </div>
  410. </div>
  411. </div>
  412. <div class="card">
  413. <div class="card-header" id="heading40">
  414. <h5>
  415. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapse30" aria-expanded="false" aria-controls="collapse30">{{lang.section310}} </button>
  416. </h5>
  417. </div>
  418. <div id="collapse30" class="collapse" aria-labelledby="heading40" data-parent="#accordionsing">
  419. <div class="card-body">
  420. <p> {{lang.section311}}</p>
  421. </div>
  422. </div>
  423. </div>
  424. <p class="text-center" v-if="language == 'cn'"><a href="assets/pdf/pdf-cn.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  425. <p class="text-center" v-else-if="language == 'es'"><a href="assets/pdf/pdf-es.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  426. <p class="text-center" v-else-if="language == 'pt'"><a href="assets/pdf/pdf-pt.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  427. <p class="text-center" v-else-if="language == 'th'"><a href="assets/pdf/pdf-th.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  428. <p class="text-center" v-else-if="language == 'vn'"><a href="assets/pdf/pdf-vn.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  429. <p class="text-center" v-else-if="language == 'zhHant'"><a href="assets/pdf/pdf-zhHant.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  430. <p class="text-center" v-else><a href="assets/pdf/pdf-en.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section312}}</span></a></p>
  431. </div>
  432. </div>
  433. </div>
  434. <!-- /.row -->
  435. </div>
  436. <!-- /.faq-wrapper -->
  437. </div>
  438. <!-- /.container -->
  439. </section>
  440. <section class="banner-social pb-0">
  441. <div class="container">
  442. <div class="row text-center">
  443. <div class="col-lg-12 mt-150">
  444. <div class="mb-4 text-white ">
  445. <h1>{{lang.section41}} <br>
  446. <span class="color-primary">{{lang.section42}} </span> </h1>
  447. <h4 class="mt-4 text-white ">{{lang.section43}}</h4>
  448. </div>
  449. <a href="javascript:;" class="gp-btn banner-btn color-two wow flipInXgp-btn banner-btn color-two wow flipInX mr-5" @click="dialogFormVisible = true">{{lang.headers1}}</a>
  450. <p class="mt-3 text-white "> {{lang.section44}} <a :href="imgUrl + '/#/signin'" target="_blank" class="color-primary">{{lang.section45}}</a> </p>
  451. </div>
  452. </div>
  453. <div class="container">
  454. <div class="row justify-content-center allign-item">
  455. <div class="col-md-8">
  456. <div class="site-info">
  457. <div class="copyright">
  458. <p class="copyright-text text-center">{{lang.footer1}}</p>
  459. </div>
  460. </div>
  461. <!-- /.col-md-6 -->
  462. <!-- /.col-md-6 -->
  463. </div>
  464. <!-- /.row -->
  465. </div>
  466. <!-- /.container -->
  467. </div>
  468. </div>
  469. <!-- /.container -->
  470. </section>
  471. <el-dialog custom-class="crm-signup" :show-close="false" :visible.sync="dialogFormVisible">
  472. <div class="banner-signup" v-loading="loading">
  473. <div class="close" @click="dialogFormVisible = false">
  474. <i class="el-icon-close"></i>
  475. </div>
  476. <div class="title">
  477. <img src="assets/img/logo.png" class="img-responsive" alt="cwg-logo">
  478. <h1 class="text-primary fw-bolder">{{lang.box1item4}}</h1>
  479. <div class="title2">{{lang.box1item4_1}}</div>
  480. </div>
  481. <el-form
  482. :model="params"
  483. :rules="rules"
  484. ref="params"
  485. label-width="0"
  486. class="form"
  487. >
  488. <el-form-item prop="country" style="position: relative">
  489. <el-select
  490. filterable
  491. class="country"
  492. v-model="params.country"
  493. :placeholder="lang.box1item5"
  494. >
  495. <el-option
  496. v-for="item in mock_options"
  497. :key="item.id"
  498. :label="item.enName"
  499. :value="item.code"
  500. :disabled="notCountry.indexOf(item.code)!==-1"
  501. ></el-option>
  502. </el-select>
  503. <i class="iconfont icondingwei"></i>
  504. </el-form-item>
  505. <el-form-item prop="phone">
  506. <el-input
  507. class="m-input"
  508. v-model.trim="params.phone"
  509. :placeholder="lang.box1item6"
  510. prefix-icon="iconfont iconshouji"
  511. >
  512. </el-input>
  513. </el-form-item>
  514. <el-form-item prop="email">
  515. <el-input
  516. class="m-input"
  517. v-model.trim="params.email"
  518. :placeholder="lang.box1item7"
  519. prefix-icon="iconfont iconyouxiang1"
  520. >
  521. </el-input>
  522. </el-form-item>
  523. <el-form-item prop="emailCode">
  524. <el-row>
  525. <el-col :span="14">
  526. <el-input
  527. class="code"
  528. v-model.trim="params.emailCode"
  529. prefix-icon="iconfont iconyanzhengma"
  530. :placeholder="lang.box1item8"
  531. ></el-input>
  532. </el-col>
  533. <el-col :span="9" :push="1">
  534. <!-- <span @click="getCode(1)" class="getCode"
  535. >{{getCodeString}}</span
  536. > -->
  537. <a class="btn btn-gradient getCode" href="javascript:;" @click="getCode(1)">
  538. {{getCodeString}}
  539. </a>
  540. </el-col>
  541. </el-row>
  542. </el-form-item>
  543. <el-form-item prop="password">
  544. <el-input
  545. class="m-input"
  546. show-password
  547. v-model.trim="params.password"
  548. autocomplete="off"
  549. prefix-icon="iconfont iconmima"
  550. :placeholder="lang.box1item9"
  551. ></el-input>
  552. </el-form-item>
  553. <el-form-item>
  554. <ul class="pwd">
  555. <li :class="{ fit: rule1 }">{{lang.st1}}</li>
  556. <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
  557. <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
  558. </ul>
  559. </el-form-item>
  560. <el-form-item class="agree" prop="agree">
  561. <el-checkbox v-model="params.agree"> </el-checkbox>
  562. <span class="agree_title">{{lang.box1item10}}</span>
  563. </el-form-item>
  564. <el-form-item>
  565. <div class="banner-signup-btnBox">
  566. <a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="register" style="margin-right: 5px;">
  567. <img src="assets/img/check.png" class="img-fluid" alt="check"> {{lang.box1item11}}
  568. </a>
  569. <a class="btn btn-gradient mt-5 sign-btn" target="_blank" :href="'https://secure.'+ho+'.com'" style="margin-left: 5px;background: #4CAF50;">
  570. <img src="assets/img/check.png" class="img-fluid" alt="check"> {{lang.box1item12}}
  571. </a>
  572. </div>
  573. </el-form-item>
  574. </el-form>
  575. </div>
  576. </el-dialog>
  577. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  578. <div class="banner-signup">
  579. <div class="close" @click="notRegisterMsgOpen = false">
  580. <i class="el-icon-close"></i>
  581. </div>
  582. <span class="" v-if="language == 'cn'">
  583. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  584. </span>
  585. <span class="" v-else>
  586. <strong>Important Notice:</strong><br> In accordance with CWG’s internal compliance policies and the requirements of applicable regional regulatory authorities, <strong>CWG does not offer any products or services to individuals or legal entities located in Malaysia</strong> .If this notice does not apply to your actual place of residence or registration, and you are <strong>not a Malaysian resident or entity</strong> , you may proceed with the relevant operations after confirming.If you have any questions or concerns regarding this statement, please <strong>immediately contact our Customer Support team</strong> for further assistance.Thank you for your understanding and cooperation.
  587. </span>
  588. </div>
  589. </el-dialog>
  590. <div class="high-lighter-overlay"></div>
  591. </div>
  592. <!-- /#site -->
  593. <!-- Dependency Scripts -->
  594. <script src="assets/js/jquery.min.js"></script>
  595. <script src="assets/js/bootstrap.min.js"></script>
  596. <script src="assets/js/swiper.min.js"></script>
  597. <script src="assets/js/isotope.pkgd.min.js"></script>
  598. <script src="assets/js/imagesloaded.pkgd.min.js"></script>
  599. <script src="assets/js/jquery.magnific-popup.min.js"></script>
  600. <script src="assets/js/jquery.appear.js"></script>
  601. <script src="assets/js/wow.min.js"></script>
  602. <script src="assets/js/TweenMax.min.js"></script>
  603. <script src="assets/js/lottie.min.js"></script>
  604. <script src="assets/js/jquery.parallax-scroll.js"></script>
  605. <script src="assets/js/wavify.js"></script>
  606. <script src="assets/js/jquery.marquee.js"></script>
  607. <script src="assets/js/slick.min.js"></script>
  608. <script src="assets/js/jquery.parallax.min.js"></script>
  609. <script src="assets/js/jarallax.min.js"></script>
  610. <!-- Site Scripts -->
  611. <script src="assets/js/header.js"></script>
  612. <script src="assets/js/app.js"></script>
  613. <script src="../../js/vue.min.js"></script>
  614. <script src="../../js/axios.min.js"></script>
  615. <script src="../../js/element-ui.js"></script>
  616. <script src="../../js/element@2.12.2.js"></script>
  617. <script src="assets/js/active1.js"></script>
  618. <script>
  619. var $zopim = null;
  620. rep = setInterval(aTimer, 10000);
  621. function aTimer() {
  622. if ($zopim) {
  623. $zopim(function() {
  624. if (sessionStorage.getItem("lang") == "cn") {
  625. $zopim.livechat.setLanguage("zh_CN");
  626. } else {
  627. $zopim.livechat.setLanguage("en");
  628. }
  629. });
  630. }
  631. }
  632. </script>
  633. <!-- Google Tag Manager (noscript) -->
  634. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  635. <!-- End Google Tag Manager (noscript) -->
  636. </body>
  637. </html>