activity.html 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3. <head>
  4. <title>CWG 100% Deposit Bonus</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="author" content="Double Your Trading Account Size With Our 100% Deposit Bonus">
  8. <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  9. <meta name="description" content="">
  10. <!-- favicon icon -->
  11. <link rel="shortcut icon" href="imgs/favicon.png">
  12. <!-- style sheets and font icons -->
  13. <link rel="stylesheet" href="css/vendors.min.css" />
  14. <link rel="stylesheet" href="css/icon.min.css" />
  15. <link rel="stylesheet" href="css/active5.css" />
  16. <link rel="stylesheet" href="css/style.css" />
  17. <link rel="stylesheet" href="css/responsive.css" />
  18. <link rel="stylesheet" href="css/cwg.css" />
  19. <link rel="stylesheet" href="../../css/element-ui.css" />
  20. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  21. <link rel="stylesheet" href="../../css/preloading.css" />
  22. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" />
  23. <style>
  24. [v-cloak] {
  25. display: none;
  26. }
  27. .el-select {
  28. width: 100%;
  29. }
  30. .user-area {
  31. padding: 0 15px;
  32. }
  33. .getCode {
  34. display: inline-block;
  35. width: 100%;
  36. text-align: center;
  37. border: 1px solid rgb(255 255 255 / 37%);
  38. cursor: pointer;
  39. color: #e4e4e4;
  40. border-radius: 6px;
  41. font-size: 14px;
  42. }
  43. .el-input__inner {
  44. width: 100%;
  45. resize: none;
  46. outline: none;
  47. font-size: 16px;
  48. border: 1px solid rgb(255 255 255 / 37%);
  49. color: var(--medium-gray);
  50. line-height: inherit;
  51. word-break: normal;
  52. border-radius: 0;
  53. -webkit-transition: 0.3s;
  54. transition: 0.3s;
  55. padding: 5px !important;
  56. padding-left: 30px !important;
  57. --bs-bg-opacity: 1;
  58. background-color: transparent !important;
  59. }
  60. .form-icon {
  61. position: absolute;
  62. top: 50%;
  63. left: 5px;
  64. -webkit-transform: translateY(-50%);
  65. color: var(--medium-gray);
  66. }
  67. .form-list {
  68. margin-bottom: 0;
  69. }
  70. .fit {
  71. color: #EC1920 !important;
  72. }
  73. </style>
  74. <script type="text/javascript">
  75. window.__lc = window.__lc || {};
  76. window.__lc.license = 18945964;
  77. (function (n, t, c) {
  78. function i(n) {
  79. return e._h ? e._h.apply(null, n) : e._q.push(n);
  80. }
  81. var e = {
  82. _q: [],
  83. _h: null,
  84. _v: "2.0",
  85. on: function () {
  86. i(["on", c.call(arguments)]);
  87. },
  88. once: function () {
  89. i(["once", c.call(arguments)]);
  90. },
  91. off: function () {
  92. i(["off", c.call(arguments)]);
  93. },
  94. get: function () {
  95. if (!e._h)
  96. throw new Error(
  97. "[LiveChatWidget] You can't use getters before load."
  98. );
  99. return i(["get", c.call(arguments)]);
  100. },
  101. call: function () {
  102. i(["call", c.call(arguments)]);
  103. },
  104. init: function () {
  105. var n = t.createElement("script");
  106. (n.async = !0),
  107. (n.type = "text/javascript"),
  108. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  109. t.head.appendChild(n);
  110. },
  111. };
  112. !n.__lc.asyncInit && e.init(),
  113. (n.LiveChatWidget = n.LiveChatWidget || e);
  114. })(window, document, [].slice);
  115. </script>
  116. <noscript>
  117. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow">Chat with us</a>, powered by
  118. <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>
  119. </noscript>
  120. <script>
  121. (function (w, d, s, l, i) {
  122. w[l] = w[l] || []; w[l].push({
  123. 'gtm.start':
  124. new Date().getTime(), event: 'gtm.js'
  125. }); var f = d.getElementsByTagName(s)[0],
  126. j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
  127. 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  128. })(window, document, 'script', 'dataLayer', 'GTM-T8P44WHV');
  129. </script>
  130. </head>
  131. <body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#383632"
  132. class="custom-cursor">
  133. <div id="pre" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; ">
  134. <div style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;">
  135. <div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">
  136. <div class="line-scale">
  137. <div></div>
  138. <div></div>
  139. <div></div>
  140. <div></div>
  141. <div></div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <div id="active1" v-cloak>
  147. <header>
  148. <nav class="navbar navbar-expand-lg header-transparent bg-transparent header-reverse" data-header-hover="light">
  149. <div class="container-fluid">
  150. <div class="col-auto col-lg-2 me-lg-0 me-auto"> <a class="navbar-brand" href="https://www.cwgmarkets.com">
  151. <img src="imgs/cwg-logo-white.png" alt="" class="default-logo"> <img src="imgs/cwg-logo.png" alt=""
  152. class="alt-logo"> <img src="imgs/cwg-logo.png" alt="" class="mobile-logo"> </a> </div>
  153. <div class="user-area ml-auto">
  154. <ul class="nav">
  155. <li class="dropdown login">
  156. <div style="display: flex; justify-content: flex-end">
  157. <div class="menu-logo chooseLang">
  158. <el-dropdown trigger="click" @command="chooseLang">
  159. <span class="menu">
  160. {{langList[language]}}
  161. <i class="el-icon-arrow-down el-icon--right"></i>
  162. </span>
  163. <el-dropdown-menu slot="dropdown">
  164. <el-dropdown-item v-for="(label, key) in langList" :key="key" :command="key">
  165. {{ label }}
  166. </el-dropdown-item>
  167. </el-dropdown-menu>
  168. </el-dropdown-menu>
  169. </el-dropdown>
  170. </div>
  171. </div>
  172. </li>
  173. </ul>
  174. </div>
  175. <!-- <div class="col-auto menu-order position-static">
  176. <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse"
  177. data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation"> <span
  178. class="navbar-toggler-line"></span> <span class="navbar-toggler-line"></span> <span
  179. class="navbar-toggler-line"></span> <span class="navbar-toggler-line"></span> </button>
  180. </div> -->
  181. </div>
  182. </nav>
  183. </header>
  184. <section
  185. class="p-0 overflow-hidden bg-dark-gray full-screen ipad-top-space-margin md-h-auto position-relative md-pb-70px sm-pb-40px cover-background"
  186. style="background-image: linear-gradient(45deg, #0000005c 1%, #00000033 1%, #00000080 1%), url(imgs/header-bg2.png)">
  187. <div class="background-position-center-top h-100 w-100 position-absolute left-0px top-0"
  188. style="background-image: url('imgs/vertical-line-bg-small.svg')"></div>
  189. <div id="particles-style-01" class="h-100 position-absolute left-0px top-0 w-100" data-particle="true"
  190. data-particle-options='{"particles": {"number": {"value": 6,"density": {"enable": true,"value_area": 2000}},"color": {"value": ["#d5d52b", "#d5d52b", "#d5d52b", "#d5d52b", "#d5d52b"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 1,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"line_linked":{"enable":false,"distance":0,"color":"#ffffff","opacity":1,"width":1},"move": {"enable": true,"speed":1,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}'>
  191. </div>
  192. <div class="container h-100" id="kaihu">
  193. <div class="row align-items-center justify-content-center h-100">
  194. <div
  195. class="col-xl-6 col-lg-6 col-md-12 text-white text-center text-lg-start position-relative z-index-1 d-flex flex-column justify-content-center h-100 md-mt-50px md-mb-20px xs-mb-10px"
  196. data-anime='{ "el": "childs", "opacity": [0, 1], "rotateY": [90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 600, "delay": 100, "easing": "easeOutCirc" }'>
  197. <span class="alt-font fs-90 fw-500 lh-90 mb-25px mt-10 sm-fs-60 ">{{lang.p1}}</span>
  198. <div class="mb-30px w-80 md-w-60 sm-w-100 d-block mx-auto mx-lg-0 overflow-hidden"> <span
  199. class="bg-golden-yellow d-inline-block fs-30 fw-300 p-2">{{lang.p2}}</span> </div>
  200. <div class="row row-cols-3 justify-content-center counter-style-04 w-100 md-w-auto">
  201. <div class="col text-center text-lg-start">
  202. <h5 class="vertical-counter d-inline-flex alt-font text-danger fw-600 mb-10px" data-text="+" data-to="">
  203. 500</h5>
  204. <div
  205. class="divider-style-03 divider-style-03-01 border-2 border-color-base-color mb-5px w-80 xs-w-90 md-mx-auto">
  206. </div>
  207. <span class="fw-600 text-white">{{lang.p3}}</span>
  208. </div>
  209. <div class="col text-center text-lg-start">
  210. <h5 class="vertical-counter d-inline-flex alt-font text-danger fw-600 mb-10px" data-to="">0.0</h5>
  211. <div
  212. class="divider-style-03 divider-style-03-01 border-2 border-color-base-color mb-5px w-80 xs-w-90 md-mx-auto">
  213. </div>
  214. <span class="fw-600 text-white">{{lang.p4}}</span>
  215. </div>
  216. <div class="col text-center text-lg-start">
  217. <h5 class="vertical-counter d-inline-flex alt-font text-danger fw-600 mb-10px" data-to="">$10</h5>
  218. <div
  219. class="divider-style-03 divider-style-03-01 border-2 border-color-base-color mb-5px w-80 xs-w-90 md-mx-auto">
  220. </div>
  221. <span class="fw-600 text-white">{{lang.p5}}</span>
  222. </div>
  223. </div>
  224. </div>
  225. <div class="col-xl-6 col-lg-6 col-md-12 contact-form-style-03 position-relative">
  226. <div
  227. class="bg-white-transparent-extra-light lg-p-10 md-mt-25px mt-50px overflow-hidden p-5 position-relative sm-mt-15px">
  228. <i
  229. class="bi bi-chat-text fs-140 text-base-color opacity-1 position-absolute top-minus-35px right-minus-20px"></i>
  230. <h2 class="alt-font text-danger mb-15px">{{lang.p6}}</h2>
  231. <el-form :model="params" :rules="rules" ref="params" label-width="0" class="form">
  232. <el-form-item prop="country">
  233. <span class="form-icon text-medium-gray"><i class="bi bi-map-fill"></i></span>
  234. <el-select filterable class="country" v-model="params.country" :placeholder="lang.p7">
  235. <el-option v-for="item in mock_options" :key="item.id" :label="item.enName" :value="item.code"
  236. :disabled="notCountry.indexOf(item.code)!==-1"></el-option>
  237. </el-select>
  238. <i class="iconfont icondingwei"></i>
  239. </el-form-item>
  240. <el-form-item prop="phone">
  241. <span class="form-icon medium-gray"><i class="bi bi-phone"></i></span>
  242. <el-input class="m-input" v-model.trim="params.phone" :placeholder="lang.p8"
  243. prefix-icon="iconfont iconshouji">
  244. </el-input>
  245. </el-form-item>
  246. <el-form-item prop="email">
  247. <span class="form-icon medium-gray"><i class="bi bi-envelope"></i></span>
  248. <el-input class="m-input" v-model.trim="params.email" :placeholder="lang.p9">
  249. </el-input>
  250. </el-form-item>
  251. <el-form-item prop="emailCode">
  252. <el-row>
  253. <el-col :span="14">
  254. <span class="form-icon medium-gray"><i class="bi bi-lock"></i></span>
  255. <el-input class="code" v-model.trim="params.emailCode" :placeholder="lang.p10"></el-input>
  256. </el-col>
  257. <el-col :span="9" :push="1">
  258. <span @click="getCode(1)" class="getCode">{{getCodeString}}</span>
  259. </el-col>
  260. </el-row>
  261. </el-form-item>
  262. <el-form-item prop="password">
  263. <span class="form-icon medium-gray"><i class="bi bi-lock"></i></span>
  264. <el-input class="m-input" show-password v-model.trim="params.password" autocomplete="off"
  265. prefix-icon="iconfont iconmima" :placeholder="lang.p11"></el-input>
  266. </el-form-item m-item>
  267. <el-form-item>
  268. <ul class="form-list text-white pwd">
  269. <li :class="{ fit: rule1 }">{{lang.p12}}</li>
  270. <li :class="{ fit: rule2 }">{{lang.p13}}</li>
  271. <li :class="{ fit: rule3 }">{{lang.p14}}</li>
  272. </ul>
  273. </el-form-item>
  274. <el-form-item class="agree" prop="agree">
  275. <el-checkbox v-model="params.agree"> </el-checkbox>
  276. <span class="form-check-label text-white">{{lang.p15}}</span>
  277. </el-form-item>
  278. <el-form-item>
  279. <p @click="register"
  280. class="btn btn-black btn-large btn-switch-text btn-round-edge btn-box-shadow me-30px xs-me-15px xs-mb-10px w-100">
  281. <span> <span class="btn-double-text" data-text="Submit Now">{{lang.p16}}</span> </span>
  282. </p>
  283. </el-form-item>
  284. </el-form>
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </section>
  290. <section class="position-relative overflow-hidden z-index-0">
  291. <div class="position-absolute left-minus-50px mt-15 d-none d-xl-inline-block" data-parallax-liquid="true"
  292. data-parallax-transition="2" data-parallax-position="top"> <img src="imgs/cwg-img-1.png" alt=""
  293. data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)"> </div>
  294. <div
  295. class="position-absolute z-index-minus-1 right-minus-50px xxl-right-minus-100px xl-right-minus-50px xl-w-220px d-none d-xl-inline-block"
  296. data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="bottom"> <img
  297. src="imgs/cwg-img-2.png" alt="" data-bottom-top="transform: rotate(-30deg)"
  298. data-top-bottom="transform:rotate(10deg)"> </div>
  299. <div class="container">
  300. <div class="row align-items-center lg-mb-6 lg-mt-5">
  301. <div class="col-xl-12 col-lg-12 text-center"
  302. data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  303. <span class="fs-15 fw-600 text-black text-uppercase d-block"><span
  304. class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.p17}}</span>
  305. <h1 class="alt-font text-danger mb-15px">{{lang.p18}}</h1>
  306. <p class="fs-20 fw-600 text-dark-gray d-inline-block align-middle">{{lang.p19}}</p>
  307. </div>
  308. </div>
  309. <div class="row row-cols-1 row-cols-xl-4 row-cols-lg-4 row-cols-md-2 justify-content-center"
  310. data-anime='{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  311. <div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
  312. <div class="feature-box feature-box-left-icon-middle">
  313. <div class="feature-box-icon feature-box-icon-rounded bg-white me-25px"> <img src="imgs/step-1.png"
  314. class="img-fluid w-120px" alt="step-1"> </div>
  315. <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
  316. class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.p20}}</span>
  317. <p class="lh-22">{{lang.p21}}</p>
  318. </div>
  319. </div>
  320. </div>
  321. <div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
  322. <div class="feature-box feature-box-left-icon-middle">
  323. <div class="feature-box-icon feature-box-icon-rounded bg-white me-25px"> <img src="imgs/step-2.png"
  324. class="img-fluid w-120px" alt="step-2"> </div>
  325. <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
  326. class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.p22}}</span>
  327. <p class="lh-22">{{lang.p23}}</p>
  328. </div>
  329. </div>
  330. </div>
  331. <div class="col icon-with-text-style-08">
  332. <div class="feature-box feature-box-left-icon-middle">
  333. <div class="feature-box-icon feature-box-icon-rounded bg-white me-25px"> <img src="imgs/step-3.png"
  334. class="img-fluid w-120px" alt="step-3"> </div>
  335. <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
  336. class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.p24}}</span>
  337. <p class="lh-22">{{lang.p25}}</p>
  338. </div>
  339. </div>
  340. </div>
  341. <div class="col icon-with-text-style-08">
  342. <div class="feature-box feature-box-left-icon-middle">
  343. <div class="feature-box-icon feature-box-icon-rounded bg-white me-25px"> <img src="imgs/step-4.png"
  344. class="img-fluid w-120px" alt="step-4"> </div>
  345. <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
  346. class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.p26}}</span>
  347. <p class="lh-22">{{lang.p27}}</p>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. </section>
  354. <section>
  355. <div class="container">
  356. <div class="row">
  357. <div class="col-lg-7 md-mb-50px sm-mb-30px"> <img src="imgs/cwg-img-3.png" alt=""
  358. data-bottom-top="transform: rotate(0deg)" data-top-bottom="transform:rotate(20deg)"> </div>
  359. <div class="col-xl-5 col-lg-5 md-mt-20 sm-mt-0"
  360. data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  361. <div> <span class="fs-15 fw-600 text-black text-uppercase d-block"><span
  362. class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.p28}}</span> </div>
  363. <h1 class="alt-font text-danger mb-15px">{{lang.p29}}</h1>
  364. <p class="w-90 md-w-100">{{lang.p30}}</p>
  365. <ul class="fadeInUp list-unstyled listitem wow fw-600" data-wow-delay="0.5s">
  366. <li> <i class="bi bi-check-circle-fill text-danger"></i> {{lang.p31}} </li>
  367. <li> <i class="bi bi-check-circle-fill text-danger"></i> {{lang.p32}} </li>
  368. <li> <i class="bi bi-check-circle-fill text-danger"></i> {{lang.p33}} </li>
  369. <li> <i class="bi bi-check-circle-fill text-danger"></i> {{lang.p34}} </li>
  370. </ul>
  371. <a href="#kaihu"
  372. class="btn btn-black btn-large btn-switch-text btn-round-edge btn-box-shadow me-30px xs-me-15px xs-mb-10px w-100">
  373. <span> <span class="btn-double-text" data-text="Claim Now">{{lang.p35}}</span> </span> </a>
  374. </div>
  375. </div>
  376. </div>
  377. </section>
  378. <section class="bg-red position-relative big-section">
  379. <div class="container-fluid overlap-section">
  380. <div class="row position-relative mb-4"
  381. data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  382. <div class="col swiper swiper-width-auto text-center"
  383. data-slider-options='{ "slidesPerView": "auto", "spaceBetween":50, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
  384. <div class="swiper-wrapper marquee-slide">
  385. <div class="swiper-slide">
  386. <div class="fs-150 alt-font text-outline text-outline-color-base-color">{{lang.p36}}</div>
  387. </div>
  388. <div class="swiper-slide">
  389. <div class="fs-150 alt-font text-outline text-outline-color-base-color">{{lang.p37}}</div>
  390. </div>
  391. <div class="swiper-slide">
  392. <div class="fs-150 alt-font text-outline text-outline-color-base-color">{{lang.p38}}</div>
  393. </div>
  394. <div class="swiper-slide">
  395. <div class="fs-150 alt-font text-outline text-outline-color-base-color">{{lang.p36}}</div>
  396. </div>
  397. <div class="swiper-slide">
  398. <div class="fs-150 alt-font text-outline text-outline-color-base-color">{{lang.p37}}</div>
  399. </div>
  400. <div class="swiper-slide">
  401. <div class="fs-150 alt-font text-outline text-outline-color-base-color">{{lang.p38}}</div>
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407. <div class="container">
  408. <div class="row justify-content-center">
  409. <div class="col-xl-6 col-lg-8 col-md-10 text-center appear anime-child anime-complete">
  410. <h1 class="alt-font text-white">{{lang.p39}}</h1>
  411. </div>
  412. </div>
  413. <div class="row row-cols-2 row-cols-md-4 row-cols-lg-4 g-0 appear anime-child anime-complete"
  414. data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 300, &quot;delay&quot;:0, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
  415. <div class="col icon-with-text-style-04 transition-inner-all">
  416. <div
  417. class="feature-box hover-box h-100 transition dark-hover pt-25 pb-25 xs-p-12 last-paragraph-no-margin overflow-hidden border-bottom border-end border-1 md-border-end-0 border-color-transparent-white-light border-color-transparent-on-hover">
  418. <div class="feature-box-icon"> <img src="imgs/cwg-img-7.png" class="img-fluid w-120px" alt="cwg-img-7">
  419. </div>
  420. <div class="feature-box-content"> <span
  421. class="d-inline-block fs-20 fw-600 text-white ">{{lang.p40}}</span> </div>
  422. <div class="feature-box-overlay bg-golden-yellow"></div>
  423. </div>
  424. </div>
  425. <div class="col icon-with-text-style-04 transition-inner-all">
  426. <div
  427. class="feature-box hover-box h-100 transition dark-hover pt-25 pb-25 xs-p-12 last-paragraph-no-margin overflow-hidden border-bottom border-end border-1 border-color-transparent-white-light border-color-transparent-on-hover">
  428. <div class="feature-box-icon"> <img src="imgs/cwg-img-8.png" class="img-fluid w-120px" alt="cwg-img-8">
  429. </div>
  430. <div class="feature-box-content"> <span
  431. class="d-inline-block fs-20 fw-600 text-white ">{{lang.p41}}</span> </div>
  432. <div class="feature-box-overlay bg-golden-yellow"></div>
  433. </div>
  434. </div>
  435. <div class="col icon-with-text-style-04 transition-inner-all">
  436. <div
  437. class="feature-box hover-box h-100 transition dark-hover pt-25 pb-25 xs-p-12 last-paragraph-no-margin overflow-hidden border-bottom border-1 md-border-end sm-border-end-0 border-color-transparent-white-light border-color-transparent-on-hover">
  438. <div class="feature-box-icon"> <img src="imgs/cwg-img-9.png" class="img-fluid w-120px" alt="cwg-img-9">
  439. </div>
  440. <div class="feature-box-content"> <span class="d-inline-block fs-20 fw-600 text-white">{{lang.p42}}</span>
  441. </div>
  442. <div class="feature-box-overlay bg-golden-yellow"></div>
  443. </div>
  444. </div>
  445. <div class="col icon-with-text-style-04 transition-inner-all">
  446. <div
  447. class="feature-box hover-box h-100 transition dark-hover pt-25 pb-25 xs-p-12 last-paragraph-no-margin overflow-hidden border-end border-1 md-border-bottom border-color-transparent-white-light border-color-transparent-on-hover">
  448. <div class="feature-box-icon"> <img src="imgs/cwg-img-10.png" class="img-fluid w-120px" alt="cwg-img-10">
  449. </div>
  450. <div class="feature-box-content"> <span
  451. class="d-inline-block fs-20 fw-600 text-white ">{{lang.p43}}</span> </div>
  452. <div class="feature-box-overlay bg-golden-yellow"></div>
  453. </div>
  454. </div>
  455. </div>
  456. </div>
  457. </section>
  458. <section>
  459. <div class="container">
  460. <div class="row justify-content-center overlap-section mb-6 g-0" style="margin-top: -128.4px;">
  461. <div
  462. class="col-auto text-center last-paragraph-no-margin bg-white pt-20px pb-20px ps-6 pe-6 border-radius-100px appear anime-complete"
  463. data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
  464. <div
  465. class="text-center bg-golden-yellow text-white fs-16 lh-36 border-radius-30px d-inline-block ps-20px pe-20px align-middle me-10px">
  466. <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i
  467. class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
  468. </div>
  469. <div class="d-inline-block fs-18 text-dark-gray align-middle fw-500">{{lang.p44}}</div>
  470. </div>
  471. </div>
  472. <div class="row justify-content-center">
  473. <div class="col-lg-10 col-md-12 position-relative text-center md-mb-40px sm-mb-25px"
  474. data-anime='{ "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 300, "easing": "easeOutQuad" }'>
  475. <h1 class="alt-font text-danger mb-15px">{{lang.p45}}</h1>
  476. <p class="w-90 md-w-100">{{lang.p46}}</p>
  477. </div>
  478. <div class="col-lg-4">
  479. <div class="feature-box text-start ps-30px xl-pe-5px sm-pe-0">
  480. <div class="feature-box-icon position-absolute left-0px top-0px">
  481. <h2 class="alt-font fs-100 fw-700 ls-minus-1px opacity-1 mb-0">01</h2>
  482. </div>
  483. <div class="feature-box-content last-paragraph-no-margin pt-30 md-pt-21 sm-pt-40px"> <img
  484. src="imgs/cwg-img-13.png" class="img-fluid w-120px" alt="cwg-img-13" data-no-retina=""> <span
  485. class="text-dark-gray fs-18 d-inline-block fw-600 mb-5px">{{lang.p47}}</span>
  486. <p>{{lang.p48}}</p>
  487. <span class="w-60px h-3px bg-yellow d-inline-block"></span>
  488. </div>
  489. </div>
  490. </div>
  491. <div class="col-lg-4">
  492. <div class="feature-box text-start ps-30px xl-pe-5px sm-pe-0">
  493. <div class="feature-box-icon position-absolute left-0px top-0px">
  494. <h2 class="alt-font fs-100 fw-700 ls-minus-1px opacity-1 mb-0">02</h2>
  495. </div>
  496. <div class="feature-box-content last-paragraph-no-margin pt-30 md-pt-21 sm-pt-40px"> <img
  497. src="imgs/cwg-img-6.png" class="img-fluid w-120px" alt="cwg-img-6" data-no-retina=""> <span
  498. class="text-dark-gray fs-20 d-inline-block fw-600 mb-5px">{{lang.p49}}</span>
  499. <p>{{lang.p50}}</p>
  500. <span class="w-60px h-3px bg-yellow d-inline-block"></span>
  501. </div>
  502. </div>
  503. </div>
  504. <div class="col-lg-4 align-self-start">
  505. <div class="feature-box text-start ps-30px xl-pe-5px sm-pe-0">
  506. <div class="feature-box-icon position-absolute left-0px top-0px">
  507. <h2 class="alt-font fs-100 fw-700 ls-minus-1px opacity-1 mb-0">03</h2>
  508. </div>
  509. <div class="feature-box-content last-paragraph-no-margin pt-30 md-pt-21 sm-pt-40px"> <img
  510. src="imgs/step-3.png" class="img-fluid w-120px" alt="step-3" data-no-retina=""> <span
  511. class="text-dark-gray fs-20 d-inline-block fw-600 mb-5px">{{lang.p51}}</span>
  512. <p>{{lang.p52}}</p>
  513. <span class="w-60px h-3px bg-yellow d-inline-block"></span>
  514. </div>
  515. </div>
  516. </div>
  517. <p class="lh-34 mt-3 text-center">{{lang.p53}}</p>
  518. <a href="#kaihu"
  519. class="btn btn-black btn-large btn-switch-text btn-round-edge btn-box-shadow me-30px xs-me-15px xs-mb-10px w-100">
  520. <span> <span class="btn-double-text" data-text="Claim Now">{{lang.p35}}</span> </span> </a>
  521. <div class="col-lg-12 col-md-12">
  522. <h4 class="alt-font fw-600 mt-5 mx-auto text-center text-dark-gray mb-0">{{lang.p54}}</h4>
  523. <p class="md-w-100 text-center ">{{lang.p55}}</p>
  524. <img src="imgs/cwg-img-11.png" class="img-fluid" alt="cwg-img-11">
  525. </div>
  526. </div>
  527. </div>
  528. </section>
  529. <section>
  530. <div class="container-fluid pt-0">
  531. <div class="row align-items-center">
  532. <div class="col-xl-12 col-lg-12 text-center appear anime-child anime-complete"
  533. data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
  534. <span class="fs-15 fw-600 text-black text-uppercase d-block"><span
  535. class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.p28}}</span>
  536. <h1 class="alt-font text-danger mb-15px">{{lang.p56}}</h1>
  537. </div>
  538. </div>
  539. <div class="row position-relative clients-style-08 mb-6 sm-mb-40px"
  540. data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  541. <div class="col swiper text-center feather-shadow"
  542. data-slider-options='{ "slidesPerView": 2, "spaceBetween":0, "speed": 6000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 6 }, "992": { "slidesPerView": 5 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }'>
  543. <div class="swiper-wrapper marquee-slide">
  544. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-0.avif"
  545. class="img-fluid" alt="cwg-awards" /></a> </div>
  546. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-1.avif"
  547. class="img-fluid" alt="cwg-awards" /></a> </div>
  548. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-2.avif"
  549. class="img-fluid" alt="cwg-awards" /></a> </div>
  550. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-3.avif"
  551. class="img-fluid" alt="cwg-awards" /></a> </div>
  552. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-4.avif"
  553. class="img-fluid" alt="cwg-awards" /></a> </div>
  554. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-5.avif"
  555. class="img-fluid" alt="cwg-awards" /></a> </div>
  556. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-6.avif"
  557. class="img-fluid" alt="cwg-awards" /></a> </div>
  558. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-7.avif"
  559. class="img-fluid" alt="cwg-awards" /></a> </div>
  560. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-8.avif"
  561. class="img-fluid" alt="cwg-awards" /></a> </div>
  562. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-9.avif"
  563. class="img-fluid" alt="cwg-awards" /></a> </div>
  564. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-10.avif"
  565. class="img-fluid" alt="cwg-awards" /></a> </div>
  566. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-11.avif"
  567. class="img-fluid" alt="cwg-awards" /></a> </div>
  568. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-12.avif"
  569. class="img-fluid" alt="cwg-awards" /></a> </div>
  570. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-13.avif"
  571. class="img-fluid" alt="cwg-awards" /></a> </div>
  572. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-14.avif"
  573. class="img-fluid" alt="cwg-awards" /></a> </div>
  574. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-15.avif"
  575. class="img-fluid" alt="cwg-awards" /></a> </div>
  576. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-16.avif"
  577. class="img-fluid" alt="cwg-awards" /></a> </div>
  578. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-17.avif"
  579. class="img-fluid" alt="cwg-awards" /></a> </div>
  580. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-18.avif"
  581. class="img-fluid" alt="cwg-awards" /></a> </div>
  582. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-19.avif"
  583. class="img-fluid" alt="cwg-awards" /></a> </div>
  584. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-20.avif"
  585. class="img-fluid" alt="cwg-awards" /></a> </div>
  586. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-21.avif"
  587. class="img-fluid" alt="cwg-awards" /></a> </div>
  588. <div class="swiper-slide"> <a href="#kaihu"><img src="imgs/cwg-awards/cwg-awards-en-22.avif"
  589. class="img-fluid" alt="cwg-awards" /></a> </div>
  590. </div>
  591. </div>
  592. </div>
  593. </div>
  594. </section>
  595. <section class="position-relative bg-red overflow-hidden pb-5">
  596. <div class="position-absolute left-minus-100px top-40px" data-bottom-top="transform: translateY(-80px)"
  597. data-top-bottom="transform: translateY(80px)"> <img src="imgs/cwg-img-12.png" alt="cwg-img-12"> </div>
  598. <div class="background-position-center-top h-100 w-100 position-absolute left-0px top-0"
  599. style="background-image: url('imgs/vertical-line-bg-small.svg')"></div>
  600. <div class="background-position-center-top h-8px w-100 position-absolute left-0px bottom-0"
  601. style="background-image: url('imgs/cwg-img-13.jpg')"></div>
  602. <div class="container">
  603. <div class="row justify-content-center align-items-center"
  604. data-anime='{ "el": "childs", "opacity": [0, 1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  605. <div class="col-lg-5 position-relative md-mb-50px sm-mb-25px">
  606. <h1 class="alt-font text-white fw-600 w-85 lg-w-100">{{lang.p57}}</h1>
  607. <p class="fs-4 lh-34 w-90 text-white">{{lang.p58}}</p>
  608. <a href="#kaihu"
  609. class="btn btn-black btn-large btn-switch-text btn-round-edge btn-box-shadow me-30px xs-me-15px xs-mb-10px w-100">
  610. <span> <span class="btn-double-text" data-text="Claim Now">{{lang.p59}}</span> </span> </a>
  611. </div>
  612. <div class="col-lg-7 position-relative testimonials-style-12">
  613. <div class="swiper magic-cursor"
  614. data-slider-options='{ "slidesPerView": 1, "spaceBetween": 50, "loop": true, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 1 }, "768": { "slidesPerView": 1 }, "768": { "slidesPerView": 1 }, "320": { "slidesPerView": 1 }, "effect": "slide" }, "navigation": { "nextEl": ".swiper-button-next-nav", "prevEl": ".swiper-button-previous-nav", "effect": "fade" } }'>
  615. <div class="swiper-wrapper pt-20px pb-20px">
  616. <div class="swiper-slide">
  617. <div class="row g-0 border-radius-6px overflow-hidden">
  618. <div class="col-sm-12 testimonials-box bg-white p-9 sm-p-7 box-shadow-extra-large">
  619. <div
  620. class="d-inline-block bg-orange text-white border-radius-50px ps-20px pe-20px fs-15 lh-34 sm-lh-30 ls-minus-1px mb-25px align-middle">
  621. <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i>
  622. <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i>
  623. </div>
  624. <div class="testimonials-box-content">
  625. <p class="mb-20px">{{lang.p60}}</p>
  626. <div class="fs-18 lh-20 fw-600 text-dark-gray">{{lang.p61}}</div>
  627. <span class="fs-16 lh-20">{{lang.p62}}</span>
  628. </div>
  629. </div>
  630. </div>
  631. </div>
  632. <div class="swiper-slide">
  633. <div class="row g-0 border-radius-6px overflow-hidden">
  634. <div class="col-sm-12 testimonials-box bg-white p-9 sm-p-7 box-shadow-extra-large">
  635. <div
  636. class="d-inline-block bg-orange text-white border-radius-50px ps-20px pe-20px fs-15 lh-34 sm-lh-30 ls-minus-1px mb-25px align-middle">
  637. <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i>
  638. <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i>
  639. </div>
  640. <div class="testimonials-box-content">
  641. <p class="mb-20px">{{lang.p63}}</p>
  642. <div class="fs-18 lh-20 fw-600 text-dark-gray">{{lang.p64}}</div>
  643. <span class="fs-16 lh-20">{{lang.p65}}</span>
  644. </div>
  645. </div>
  646. </div>
  647. </div>
  648. <div class="swiper-slide">
  649. <div class="row g-0 border-radius-6px overflow-hidden">
  650. <div class="col-sm-12 testimonials-box bg-white p-9 sm-p-7 box-shadow-extra-large">
  651. <div
  652. class="d-inline-block bg-orange text-white border-radius-50px ps-20px pe-20px fs-15 lh-34 sm-lh-30 ls-minus-1px mb-25px align-middle">
  653. <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i>
  654. <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i>
  655. </div>
  656. <div class="testimonials-box-content">
  657. <p class="mb-20px">{{lang.p66}}</p>
  658. <div class="fs-18 lh-20 fw-600 text-dark-gray">{{lang.p67}}</div>
  659. <span class="fs-16 lh-20">{{lang.p68}}</span>
  660. </div>
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665. </div>
  666. <div class="swiper-button-next-nav border-radius-100px swiper-button-next bg-white box-shadow-small"><i
  667. class="feather icon-feather-chevron-right icon-extra-medium"></i></div>
  668. <div class="swiper-button-previous-nav border-radius-100px swiper-button-prev bg-white box-shadow-small"><i
  669. class="feather icon-feather-chevron-left icon-extra-medium"></i></div>
  670. </div>
  671. </div>
  672. </div>
  673. </section>
  674. <section class="pb-0">
  675. <div class="container">
  676. <div class="row justify-content-center overlap-section mb-6 g-0" style="margin-top: -128.4px;">
  677. <div
  678. class="col-auto text-center last-paragraph-no-margin bg-white pt-20px pb-20px ps-6 pe-6 border-radius-100px appear anime-complete"
  679. data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
  680. <div class="col text-center">
  681. <div
  682. class="fs-26 sm-fs-22 sm-lh-30 fw-600 ls-minus-1px text-dark-gray d-inline-block align-middle me-20px md-m-10px md-mt-0">
  683. {{lang.p69}}</div>
  684. <a href="#kaihu"><img src="imgs/cwg-img-14.webp" class="d-inline-block align-middle" alt=""
  685. data-no-retina=""></a>
  686. </div>
  687. </div>
  688. </div>
  689. <div class="row mb-6">
  690. <div class="col-xl-12 col-md-12 text-center"
  691. data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  692. <div class="mb-10px"> <span class="fs-15 fw-600 text-black text-uppercase d-block"><span
  693. class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.p28}}</span> </div>
  694. <h1 class="alt-font text-danger mb-15px">{{lang.p70}}</h1>
  695. <p class="fs-20 fw-600 text-dark-gray d-inline-block align-middle">{{lang.p71}}</p>
  696. </div>
  697. <div class="col-xl-12 col-md-12">
  698. <div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="icon-feather-minus"
  699. data-inactive-icon="icon-feather-plus"
  700. data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  701. <div class="accordion-item active-accordion">
  702. <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#"
  703. data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true"
  704. data-bs-parent="#accordion-style-02">
  705. <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
  706. class="feather icon-feather-minus"></i><span class="fw-600 fs-5">{{lang.p72}}</span> </div>
  707. </a> </div>
  708. <div id="accordion-style-02-01" class="accordion-collapse collapse show"
  709. data-bs-parent="#accordion-style-02">
  710. <div class="accordion-body last-paragraph-no-margin border-bottom border-color-dark-gray">
  711. <p>{{lang.p73}}</p>
  712. </div>
  713. </div>
  714. </div>
  715. <div class="accordion-item">
  716. <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#"
  717. data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false"
  718. data-bs-parent="#accordion-style-02">
  719. <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
  720. class="feather icon-feather-plus"></i><span class="fw-600 fs-5">{{lang.p74}}</span> </div>
  721. </a> </div>
  722. <div id="accordion-style-02-02" class="accordion-collapse collapse"
  723. data-bs-parent="#accordion-style-02">
  724. <div class="accordion-body last-paragraph-no-margin border-bottom border-color-dark-gray">
  725. <p>{{lang.p75}}</p>
  726. </div>
  727. </div>
  728. </div>
  729. <div class="accordion-item">
  730. <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#"
  731. data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false"
  732. data-bs-parent="#accordion-style-02">
  733. <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
  734. class="feather icon-feather-plus"></i><span class="fw-600 fs-5">{{lang.p76}}</span> </div>
  735. </a> </div>
  736. <div id="accordion-style-02-03" class="accordion-collapse collapse"
  737. data-bs-parent="#accordion-style-02">
  738. <div class="accordion-body last-paragraph-no-margin border-bottom border-color-dark-gray">
  739. <p>{{lang.p77}}</p>
  740. </div>
  741. </div>
  742. </div>
  743. <div class="accordion-item">
  744. <div class="accordion-header border-bottom border-color-transparent"> <a href="#"
  745. data-bs-toggle="collapse" data-bs-target="#accordion-style-02-04" aria-expanded="false"
  746. data-bs-parent="#accordion-style-02">
  747. <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
  748. class="feather icon-feather-plus"></i><span class="fw-600 fs-5">{{lang.p78}}</span> </div>
  749. </a> </div>
  750. <div id="accordion-style-02-04" class="accordion-collapse collapse"
  751. data-bs-parent="#accordion-style-02">
  752. <div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
  753. <p>{{lang.p79}}</p>
  754. </div>
  755. </div>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. <div class="row justify-content-center mb-6">
  761. <div class="col-auto text-center last-paragraph-no-margin">
  762. <div class="col text-center">
  763. <div
  764. class="fs-26 sm-fs-22 sm-lh-30 fw-600 ls-minus-1px text-dark-gray d-inline-block align-middle me-20px md-m-10px md-mt-0">
  765. {{lang.p80}}
  766. <a href="#kaihu" class="text-danger">{{lang.p81}}</a>
  767. </div>
  768. </div>
  769. </div>
  770. </div>
  771. </div>
  772. </section>
  773. <div class="pb-0">
  774. <div class="container">
  775. <div class="row align-items-center">
  776. <div
  777. class="col-md-12 col-sm-12 fs-15 last-paragraph-no-margin text-center text-sm-start order-3 order-sm-2 order-md-1">
  778. <p>© Copyright 2025 <a href="#kaihu" target="_blank"
  779. class="text-decoration-line-bottom text-dark-gray fw-600">{{lang.p82}}</a></p>
  780. </div>
  781. </div>
  782. </div>
  783. </div>
  784. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  785. <div class="banner-signup">
  786. <div class="close" @click="notRegisterMsgOpen = false">
  787. <i class="el-icon-close"></i>
  788. </div>
  789. <span class="" v-if="language == 'cn'">
  790. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG
  791. 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  792. </span>
  793. <span class="" v-else>
  794. <strong>Important Notice:</strong><br> In accordance with CWG's internal compliance policies and the
  795. requirements of applicable regional regulatory authorities, <strong>CWG does not offer any products or
  796. services to individuals or legal entities located in Malaysia</strong> .If this notice does not apply
  797. to your actual place of residence or registration, and you are <strong>not a Malaysian resident or
  798. entity</strong> , you may proceed with the relevant operations after confirming.If you have any
  799. questions or concerns regarding this statement, please <strong>immediately contact our Customer Support
  800. team</strong> for further assistance.Thank you for your understanding and cooperation.
  801. </span>
  802. </div>
  803. </el-dialog>
  804. </div>
  805. <script type="text/javascript" src="js/jquery.js"></script>
  806. <script type="text/javascript" src="js/vendors.min.js"></script>
  807. <script>
  808. // 动态加载main.js并添加时间戳避免缓存
  809. (function() {
  810. var script = document.createElement('script');
  811. script.type = 'text/javascript';
  812. script.src = 'js/main.js?v=' + new Date().getTime();
  813. document.head.appendChild(script);
  814. })();
  815. </script>
  816. <script src="../common/js/app.js"></script>
  817. <script src="../common/js/chunk-vendors.js"></script>
  818. <script src="../../js/vue.min.js"></script>
  819. <script src="../../js/axios.min.js"></script>
  820. <script src="../../js/element-ui.js"></script>
  821. <script src="../../js/element@2.12.2.js"></script>
  822. <script src="js/active8.js"></script>
  823. <script>
  824. var $zopim = null;
  825. rep = setInterval(aTimer, 10000);
  826. function aTimer() {
  827. if ($zopim) {
  828. $zopim(function () {
  829. // if (sessionStorage.getItem("lang") == "cn") {
  830. // $zopim.livechat.setLanguage("zh_CN");
  831. // } else {
  832. // $zopim.livechat.setLanguage("en");
  833. // }
  834. $zopim.livechat.setLanguage("en");
  835. });
  836. }
  837. }
  838. </script>
  839. <script>
  840. if (window.location.host.split(".")[1] == "cwgmarkets") {
  841. var _hmt = _hmt || [];
  842. (function () {
  843. var hm = document.createElement("script");
  844. hm.src =
  845. "https://hm.baidu.com/hm.js?0ebbfee0cf6c62cbe89106958e36c2f2";
  846. var s = document.getElementsByTagName("script")[0];
  847. s.parentNode.insertBefore(hm, s);
  848. })();
  849. } else if (window.location.host.split(".")[1] == "cwgvu") {
  850. var _hmt = _hmt || [];
  851. (function () {
  852. var hm = document.createElement("script");
  853. hm.src =
  854. "https://hm.baidu.com/hm.js?183731d0eb75dadbb063d380ecd0e7ed";
  855. var s = document.getElementsByTagName("script")[0];
  856. s.parentNode.insertBefore(hm, s);
  857. })();
  858. }
  859. </script>
  860. <!-- Google Tag Manager (noscript) -->
  861. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0"
  862. style="display:none;visibility:hidden"></iframe></noscript>
  863. <!-- End Google Tag Manager (noscript) -->
  864. </body>
  865. </html>