index.html 56 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3. <head>
  4. <title>CWG CopyTrading</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="author" content="">
  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.ico">
  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="assets/iconfont/iconfont.css" />
  16. <link rel="stylesheet" href="css/style.css" />
  17. <link rel="stylesheet" href="css/responsive.css" />
  18. <link rel="stylesheet" href="css/copy-trading.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. <!-- <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 data-mobile-nav-style="classic" class="custom-cursor">
  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 id="active1" v-cloak v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
  114. <!-- <div class='mfp-wrap mfp-auto-cursor mfp-fade mfp-ready' style="">
  115. <iframe src="https://player.vimeo.com/video/998117504?autoplay=1&mute=1&loop=1&muted=1&autopause=1&title=0&byline=0&portrait=0&badge=0&player_id=0&app_id=58479" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="video_2024-07-12_15-37-42"></iframe>
  116. </div> -->
  117. <div class="cursor-page-inner">
  118. <div class="circle-cursor circle-cursor-inner"></div>
  119. <div class="circle-cursor circle-cursor-outer"></div>
  120. </div>
  121. <header>
  122. <!-- start navigation -->
  123. <nav class="navbar navbar-expand-lg header-transparent header-dark bg-transparent header-reverse glass-effect" data-header-hover="dark">
  124. <div class="container-fluid">
  125. <div class="col-auto col-xxl-3 col-lg-3 me-lg-0 me-auto"> <a class="navbar-brand" href="javascript:;"> <img src="imgs/cwg-logo-white.png" alt="CWG Logo" class="default-logo"> <img src="imgs/cwg-logo-white.png" alt="CWG Logo" class="alt-logo"> </a> </div>
  126. <div class="col-auto col-xl-7 col-lg-7 menu-order position-static">
  127. <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation"> <span class="navbar-toggler-line"></span> <span class="navbar-toggler-line"></span> <span class="navbar-toggler-line"></span> <span class="navbar-toggler-line"></span> </button>
  128. </div>
  129. <div class="col-auto col-xxl-2 text-end d-xl-flex">
  130. <div class="collapse navbar-collapse" id="navbarResponsive">
  131. <ul class="navbar-nav">
  132. <li class="nav-item">
  133. <el-dropdown trigger="click" @command="chooseLang">
  134. <span class="menu language-box" style="color: #fff;font-weight: bold;">
  135. {{langList[language]}}
  136. <i class="el-icon-arrow-down el-icon--right"></i>
  137. </span>
  138. <el-dropdown-menu slot="dropdown">
  139. <el-dropdown-item command="cn"
  140. >中文简体</el-dropdown-item
  141. >
  142. <el-dropdown-item command="zhHant"
  143. >中文繁體</el-dropdown-item
  144. >
  145. <el-dropdown-item command="en"
  146. >English</el-dropdown-item
  147. >
  148. <el-dropdown-item command="es"
  149. >Español</el-dropdown-item
  150. >
  151. <el-dropdown-item command="ar"
  152. >العربية</el-dropdown-item
  153. >
  154. <el-dropdown-item command="de"
  155. >Deutsch</el-dropdown-item
  156. >
  157. <el-dropdown-item command="id"
  158. >Indonesian</el-dropdown-item
  159. >
  160. <el-dropdown-item command="ko"
  161. >한국어</el-dropdown-item
  162. >
  163. <el-dropdown-item command="ms"
  164. >Melayu</el-dropdown-item
  165. >
  166. <el-dropdown-item command="th"
  167. >ภาษาไทย</el-dropdown-item
  168. >
  169. <el-dropdown-item command="vn"
  170. >Tiếng Việt</el-dropdown-item
  171. >
  172. <el-dropdown-item command="pt">Português</el-dropdown-item>
  173. <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
  174. <el-dropdown-item command="tr">Türkçe</el-dropdown-item>
  175. </el-dropdown-menu>
  176. </el-dropdown>
  177. </li>
  178. </ul>
  179. </div>
  180. <div class="header-icon">
  181. <div class="header-button"> <a href="javascript:;" class="btn btn-small btn-base-color btn-rounded btn-box-shadow btn-switch-text" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.item1">{{lang.item2}}</span> </span> </a> </div>
  182. </div>
  183. </div>
  184. </div>
  185. </nav>
  186. <!-- end navigation -->
  187. </header>
  188. <section class=" cover-background" style="background-image: url('imgs/header-bg.png')">
  189. <div class="position-absolute mt-2 d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="top"> <img src="imgs/testimonial-08.png" alt="" data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)"> </div>
  190. <div class="position-absolute mt-10 right-80px xxl-right-0px d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="bottom"> <img src="imgs/testimonial-09.png" alt="" data-bottom-top="transform: rotate(-60deg)" data-top-bottom="transform:rotate(60deg)"> </div>
  191. <div class="position-absolute bottom-0 xl-bottom-120px left-0 ms-12 xxl-ms-5 mb-25 xxl-mb-30 d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="bottom"> <img src="imgs/testimonial-10.png" alt="" data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(60deg)"> </div>
  192. <div class="container position-relative">
  193. <div class="row pt-10 mb-5 xxl-pt-10 xl-pt-6 xxl-mb-10 sm-pt-70px xs-mb-35px">
  194. <div class="col text-center" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  195. <div class="fs-80 lg-fs-70 md-fs-60 fw-600 ls-minus-2px mb-25px text-white">{{lang.item3}}
  196. <div class="highlight-separator z-index-1 boujee-text" data-shadow-animation="true" data-animation-delay="500">{{lang.item4}} <span> <img src="imgs/separator-02.svg" alt="" class="h-25px"> </span> </div>
  197. </div>
  198. <p class="fs-24 fw-300 lg-w-70 mb-0 md-w-100 mx-auto text-white w-55">{{lang.item5}}</p>
  199. <div class="d-flex align-items-center justify-content-center flex-wrap mt-40px xs-mt-30px">
  200. <a href="javascript:;" class="btn btn-extra-large btn-base-color btn-rounded d-inline-block me-30px xs-me-10px btn-box-shadow btn-switch-text sm-mt-10px sm-mb-10px section-link" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.item6">{{lang.item7}}</span> </span> </a>
  201. <a href="javascript:;" class="text-center d-inline-flex sm-mt-10px sm-mb-10px rounded-circle video-icon-box video-icon-medium position-relative text-uppercase " @click="dialogvideoVisible = true"> <span class="video-icon bg-extra-medium-gray me-15px"> <i class="fa-solid fa-play text-base-color"></i> <span class="video-icon-sonar"> <span class="video-icon-sonar-afr bg-white"></span> </span> </span> <span class="text-white fs-16">{{lang.item7_01}}</span> </a> </div>
  202. </div>
  203. </div>
  204. <div class="row mb-5 xxl-mb-5 justify-content-center g-0">
  205. <div class="col-md-auto col-sm-10 border-radius-100px pt-15px pb-15px ps-45px pe-45px md-ps-20px md-pe-20px border border-color-transparent-white-very-light fs-22 text-white text-md-start text-center "> <span class="fw-700">{{lang.item8}}</span> </div>
  206. </div>
  207. </div>
  208. <div class="container xxl-ps-2 xxl-pe-2 sm-ps-15px sm-pe-15px">
  209. <div class="row row-cols-1 row-cols-md-2 row-cols-xxl-3 justify-content-center" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  210. <!-- start features box item -->
  211. <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px">
  212. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  213. <div class="feature-box-icon"> <img src="imgs/icon.png" alt=""> </div>
  214. <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">{{lang.item9}}</span>
  215. <p class="fs-15 lh-22">{{lang.item10}}</p>
  216. </div>
  217. <div class="feature-box-overlay "></div>
  218. </div>
  219. </div>
  220. <!-- end features box item -->
  221. <!-- start features box item -->
  222. <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px">
  223. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  224. <div class="feature-box-icon"> <img src="imgs/icon-2.png" alt=""> </div>
  225. <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">{{lang.item11}}</span>
  226. <p class="fs-15 lh-22">{{lang.item12}}</p>
  227. </div>
  228. <div class="feature-box-overlay "></div>
  229. </div>
  230. </div>
  231. <!-- end features box item -->
  232. <!-- start features box item -->
  233. <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px">
  234. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  235. <div class="feature-box-icon"> <img src="imgs/icon-3.png" alt=""> </div>
  236. <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">{{lang.item13}}</span>
  237. <p class="fs-15 lh-22">{{lang.item14}}</p>
  238. </div>
  239. <div class="feature-box-overlay "></div>
  240. </div>
  241. </div>
  242. <!-- end features box item -->
  243. <!-- start features box item -->
  244. <!-- end features box item -->
  245. </div>
  246. </div>
  247. <div class="container-fluid mt-20px">
  248. <div class="row">
  249. <div class="col swiper" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":0, "centeredSlides": true, "speed": 12000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":1, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
  250. <div class="swiper-wrapper swiper-width-auto marquee-slide">
  251. <!-- start client item -->
  252. <!-- end client item -->
  253. <!-- start client item -->
  254. <div class="swiper-slide">
  255. <div class="swiper-slide"> <img src="imgs/testimonial-01.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  256. </div>
  257. <!-- end client item -->
  258. <!-- start client item -->
  259. <div class="swiper-slide">
  260. <div class="swiper-slide"> <img src="imgs/testimonial-02.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  261. </div>
  262. <!-- end client item -->
  263. <!-- start client item -->
  264. <div class="swiper-slide">
  265. <div class="swiper-slide"> <img src="imgs/testimonial-03.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  266. </div>
  267. <!-- end client item -->
  268. <!-- start client item -->
  269. <div class="swiper-slide">
  270. <div class="swiper-slide"> <img src="imgs/testimonial-04.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  271. </div>
  272. <!-- end client item -->
  273. <!-- start client item -->
  274. <div class="swiper-slide">
  275. <div class="swiper-slide"> <img src="imgs/testimonial-05.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  276. </div>
  277. <!-- end client item -->
  278. <!-- start client item -->
  279. <div class="swiper-slide">
  280. <div class="swiper-slide"> <img src="imgs/testimonial-06.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  281. </div>
  282. <!-- end client item -->
  283. <!-- start client item -->
  284. <div class="swiper-slide">
  285. <div class="swiper-slide"> <img src="imgs/testimonial-07.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
  286. </div>
  287. <!-- end client item -->
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </section>
  293. <section class="cover-background pb-0 bg-black">
  294. <div class="container">
  295. <div class="row align-items-center justify-content-center">
  296. <div class="col-xl-6 col-lg-6 col-md-12 last-paragraph-no-margin order-lg-1 order-2" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'> <span class="text-white fw-600 mb-15px text-uppercase d-inline-block fs-14 ls-1px border-bottom border-color-transparent-white-very-light">{{lang.item15}}</span>
  297. <h2 class="fw-600 text-white w-90 xl-w-100 text-dark-gray fw-700">{{lang.item16}} <span class="boujee-text ">{{lang.item17}}</span> </h2>
  298. <p class="w-95 xl-w-100">{{lang.item18}}</p>
  299. </div>
  300. <div class="col-xl-6 col-lg-6 col-md-12 order-lg-2 order-1 md-mb-15px md-ps-70px sm-ps-40px" data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'> <img src="imgs/cwg-copytrading.png" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)" alt=""> </div>
  301. </div>
  302. </div>
  303. <div class="container xxl-ps-2 xxl-pe-2 sm-ps-15px sm-pe-15px mb-3 mt-5">
  304. <div class="row text-center mb-3">
  305. <div class="col">
  306. <h3 class="fw-600 mb-10px text-white">{{lang.item19}}</h3>
  307. <p>{{lang.item20}}</p>
  308. </div>
  309. </div>
  310. <div class="row row-cols-1 row-cols-md-2 row-cols-xxl-3 justify-content-center appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
  311. <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px" style="">
  312. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  313. <div class="feature-box-icon"> <img src="imgs/icon-4.png" alt="" data-no-retina=""> </div>
  314. <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item21}}</span>
  315. <p class="fs-15 lh-22">{{lang.item22}}</p>
  316. </div>
  317. <div class="feature-box-overlay "></div>
  318. </div>
  319. </div>
  320. <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px" style="">
  321. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  322. <div class="feature-box-icon"> <img src="imgs/icon-5.png" alt=""> </div>
  323. <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item23}}</span>
  324. <p class="fs-15 lh-22">{{lang.item24}}</p>
  325. </div>
  326. <div class="feature-box-overlay "></div>
  327. </div>
  328. </div>
  329. <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px" style="">
  330. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  331. <div class="feature-box-icon"> <img src="imgs/icon-6.png" alt=""> </div>
  332. <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item25}}</span>
  333. <p class="fs-15 lh-22">{{lang.item26}}</p>
  334. </div>
  335. <div class="feature-box-overlay "></div>
  336. </div>
  337. </div>
  338. <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px mt-3" style="">
  339. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  340. <div class="feature-box-icon"> <img src="imgs/icon-7.png" alt=""> </div>
  341. <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item27}}</span>
  342. <p class="fs-15 lh-22">{{lang.item28}}</p>
  343. </div>
  344. <div class="feature-box-overlay "></div>
  345. </div>
  346. </div>
  347. <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px mt-3" style="">
  348. <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-5 overflow-hidden last-paragraph-no-margin box-shadow-quadruple-large box-shadow-quadruple-large-hover border-cwg">
  349. <div class="feature-box-icon"> <img src="imgs/icon-8.png" alt=""> </div>
  350. <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item29}}</span>
  351. <p class="fs-15 lh-22">{{lang.item30}}</p>
  352. </div>
  353. <div class="feature-box-overlay "></div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </section>
  359. <section class="pt-25px pb-25px">
  360. <div class="container-fluid">
  361. <div class="row">
  362. <div class="col swiper" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":0, "centeredSlides": true, "speed": 12000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":1, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
  363. <div class="swiper-wrapper swiper-width-auto marquee-slide">
  364. <div class="swiper-slide">
  365. <div class="fs-120 fw-700 h-140px sm-fs-20 text-white"> <span class="w-30px border border-1 border-color-dark-gray d-inline-block align-middle ms-60px me-60px md-ms-30px md-me-30px opacity-2"></span>{{lang.item31}}</div>
  366. </div>
  367. <div class="swiper-slide">
  368. <div class="fs-120 fw-700 h-140px sm-fs-20 gratient-text"> <span class="w-30px border border-1 border-color-dark-gray d-inline-block align-middle ms-60px me-60px md-ms-30px md-me-30px opacity-2"></span>{{lang.item32}}</div>
  369. </div>
  370. <div class="swiper-slide">
  371. <div class="fs-120 fw-700 h-140px sm-fs-20 text-white"><span class="w-30px border border-1 border-color-dark-gray d-inline-block align-middle ms-60px me-60px md-ms-30px md-me-30px opacity-2"></span>{{lang.item33}}</div>
  372. </div>
  373. <div class="swiper-slide">
  374. <div class="fs-120 fw-700 h-140px sm-fs-20 gratient-text"> <span class="w-30px border border-1 border-color-dark-gray d-inline-block align-middle ms-60px me-60px md-ms-30px md-me-30px opacity-2"></span>{{lang.item34}}</div>
  375. </div>
  376. <div class="swiper-slide">
  377. <div class="fs-120 fw-700 h-140px sm-fs-20 text-white"> <span class="w-30px border border-1 border-color-dark-gray d-inline-block align-middle ms-60px me-60px md-ms-30px md-me-30px opacity-2"></span>{{lang.item35}}</div>
  378. </div>
  379. <div class="swiper-slide">
  380. <div class="fs-120 fw-700 h-140px sm-fs-20 gratient-text"> <span class="w-30px border border-1 border-color-dark-gray d-inline-block align-middle ms-60px me-60px md-ms-30px md-me-30px opacity-2"></span>{{lang.item36}}</div>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. </section>
  387. <section class="cover-background" style="background-image:url('imgs/header-bg.png');">
  388. <div class="container">
  389. <div class="row text-center mb-10 justify-content-center">
  390. <div class="col-xl-6 col-lg-6 col-md-6">
  391. <p>{{lang.item37}}</p>
  392. <h3 class="fw-600 mb-10px text-white">{{lang.item38}}</h3>
  393. </div>
  394. <div class="col-xl-12 col-lg-12 col-md-12 crm_table">
  395. <table class="table table-striped bg-medium-gray-transparent mt-5">
  396. <thead class="bg-base-color" style="white-space: nowrap;">
  397. <tr>
  398. <th>Sort</th>
  399. <th>{{lang.section23}}</th>
  400. <th>{{lang.section24}}</th>
  401. <th>{{lang.section25}}</th>
  402. <th>{{lang.section26}}</th>
  403. <th></th>
  404. </tr>
  405. </thead>
  406. <tbody>
  407. <tr v-for="(item,index) in top10" :key="index">
  408. <td>{{index+1}}</td>
  409. <td>{{item.nickname}}</td>
  410. <td>{{item.income}}</td>
  411. <td>{{item.winRate}}</td>
  412. <td>${{item.followIncome}}</td>
  413. <td><a href="javascript:;" class="btn btn-base-color btn-box-shadow btn-sm btn-rounded btn-switch-text inner-link" style="" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" data-text="Subscribe">{{lang.section27}}</span> </span> </a></td>
  414. </tr>
  415. </tbody>
  416. </table>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="container">
  421. <div class="row text-center mb-3">
  422. <div class="col">
  423. <h3 class="fw-600 mb-10px text-white">{{lang.item39}}</h3>
  424. <p>{{lang.item40}}</p>
  425. </div>
  426. </div>
  427. <div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center" data-anime='{ "el": "childs", "translateY": [0, 0], "perspective": [1200,1200], "scale": [1.1, 1], "rotateX": [50, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }'>
  428. <!-- start features box item -->
  429. <div class="col icon-with-text-style-04 transition-inner-all md-mb-30px">
  430. <div class="feature-box bg-medium-gray-transparent border-radius-10px h-100 p-16 lg-p-13 box-shadow-quadruple-large box-shadow-quadruple-large-hover overflow-hidden border-cwg">
  431. <div class="feature-box-icon feature-box-icon-rounded w-110px h-110px rounded-circle mb-25px box-shadow-medium"> <img src="imgs/icon-9.png" alt=""> </div>
  432. <div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block text-white fw-600 fs-24 mb-5px">{{lang.item41}}</span>
  433. <p>{{lang.item42}}</p>
  434. </div>
  435. <div class="feature-box-overlay bg-very-light-gray"></div>
  436. </div>
  437. </div>
  438. <!-- end features box item -->
  439. <!-- start features box item -->
  440. <div class="col icon-with-text-style-04 transition-inner-all md-mb-30px">
  441. <div class="feature-box bg-medium-gray-transparent border-radius-10px h-100 p-16 lg-p-13 box-shadow-quadruple-large box-shadow-quadruple-large-hover overflow-hidden border-cwg">
  442. <div class="feature-box-icon feature-box-icon-rounded w-110px h-110px rounded-circle mb-25px box-shadow-medium"> <img src="imgs/icon-10.png" alt=""> </div>
  443. <div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block text-white fw-600 fs-24 mb-5px">{{lang.item43}}</span>
  444. <p>{{lang.item44}}</p>
  445. </div>
  446. <div class="feature-box-overlay bg-very-light-gray"></div>
  447. </div>
  448. </div>
  449. <!-- end features box item -->
  450. <!-- start features box item -->
  451. <div class="col icon-with-text-style-04 transition-inner-all">
  452. <div class="feature-box bg-medium-gray-transparent border-radius-10px h-100 p-16 lg-p-13 box-shadow-quadruple-large box-shadow-quadruple-large-hover overflow-hidden border-cwg">
  453. <div class="feature-box-icon feature-box-icon-rounded w-110px h-110px rounded-circle mb-25px box-shadow-medium"> <img src="imgs/icon-11.png" alt=""> </div>
  454. <div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block text-white fw-600 fs-24 mb-5px">{{lang.item45}}</span>
  455. <p>{{lang.item46}}</p>
  456. </div>
  457. <div class="feature-box-overlay bg-very-light-gray"></div>
  458. </div>
  459. </div>
  460. <a href="javascript:;" class="btn btn-base-color btn-box-shadow btn-large btn-rounded btn-switch-text inner-link mt-3" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.item47">{{lang.item47}}</span> </span> </a> </div>
  461. </div>
  462. </section>
  463. <section class="cover-background" style="background-image:url('imgs/header-bg.png');">
  464. <div class="container">
  465. <div class="row text-center mb-3">
  466. <div class="col">
  467. <h3 class="fw-600 mb-10px text-white">{{lang.item48}}</h3>
  468. <p>{{lang.item49}}</p>
  469. </div>
  470. </div>
  471. <div class="row align-items-center mb-40px md-mb-25px">
  472. <div class="col-12 position-relative" data-anime='{ "translateX": [100, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }'>
  473. <el-carousel :interval="2000" :autoplay="true" height="400px" indicator-position="none" :type="window.screen.width < 900 ? '' : 'card'">
  474. <el-carousel-item>
  475. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large honor">
  476. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  477. <span class="text-white mb-15px fs-18">{{lang.item1_1}}</span>
  478. <p class="mb-20px"> {{lang.item1_2}}</p>
  479. <div class="mt-5px d-flex align-items-center">
  480. <div class="d-inline-block align-middle">
  481. <div class="text-white fw-500 fs-18">{{lang.item1_3}}</div>
  482. <div class="lh-20">{{lang.item1_4}}</div>
  483. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  484. </div>
  485. </div>
  486. </el-carousel-item>
  487. <el-carousel-item>
  488. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large honor">
  489. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  490. <span class="text-white mb-15px fs-18">{{lang.item2_1}}</span>
  491. <p class="mb-20px"> {{lang.item2_2}}</p>
  492. <div class="mt-5px d-flex align-items-center">
  493. <div class="d-inline-block align-middle">
  494. <div class="text-white fw-500 fs-18">{{lang.item2_3}}</div>
  495. <div class="lh-20">{{lang.item2_4}}</div>
  496. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  497. </div>
  498. </div>
  499. </el-carousel-item>
  500. <el-carousel-item>
  501. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large honor">
  502. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  503. <span class="text-white mb-15px fs-18">{{lang.item3_1}}</span>
  504. <p class="mb-20px"> {{lang.item3_2}}</p>
  505. <div class="mt-5px d-flex align-items-center">
  506. <div class="d-inline-block align-middle">
  507. <div class="text-white fw-500 fs-18">{{lang.item3_3}}</div>
  508. <div class="lh-20">{{lang.item3_4}}</div>
  509. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  510. </div>
  511. </div>
  512. </el-carousel-item>
  513. <el-carousel-item>
  514. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large honor">
  515. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  516. <span class="text-white mb-15px fs-18">{{lang.item4_1}}</span>
  517. <p class="mb-20px"> {{lang.item4_2}}</p>
  518. <div class="mt-5px d-flex align-items-center">
  519. <div class="d-inline-block align-middle">
  520. <div class="text-white fw-500 fs-18">{{lang.item4_3}}</div>
  521. <div class="lh-20">{{lang.item4_4}}</div>
  522. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  523. </div>
  524. </div>
  525. </el-carousel-item>
  526. <el-carousel-item>
  527. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large honor">
  528. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  529. <span class="text-white mb-15px fs-18">{{lang.item5_1}}</span>
  530. <p class="mb-20px"> {{lang.item5_2}}</p>
  531. <div class="mt-5px d-flex align-items-center">
  532. <div class="d-inline-block align-middle">
  533. <div class="text-white fw-500 fs-18">{{lang.item5_3}}</div>
  534. <div class="lh-20">{{lang.item5_4}}</div>
  535. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  536. </div>
  537. </div>
  538. </el-carousel-item>
  539. </el-carousel>
  540. <!-- <div class="swiper slider-three-slide swiper-initialized swiper-horizontal magic-cursor base-color" data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loopedSlides": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": true, "dynamicBullets": false }, "autoplay": { "delay": 300000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 3 }, "992": { "slidesPerView": 2 }, "768": { "slidesPerView": 2 } }, "effect": "slide" }'>
  541. <div class="swiper-wrapper pb-20px">
  542. <div class="swiper-slide review-style-04">
  543. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large">
  544. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  545. <span class="text-white mb-15px fs-18">{{lang.item58}}</span>
  546. <p class="mb-20px">{{lang.item59}}</p>
  547. <div class="mt-5px d-flex align-items-center">
  548. <div class="d-inline-block align-middle">
  549. <div class="text-white fw-500 fs-18">{{lang.item60}}</div>
  550. <div class="lh-20">{{lang.item61}}</div>
  551. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  552. </div>
  553. </div>
  554. </div>
  555. <div class="swiper-slide review-style-04">
  556. <div class="d-flex justify-content-center h-100 flex-column bg-medium-gray-transparent border-radius-10px p-10 xl-p-12 box-shadow-extra-large">
  557. <div class="review-star-icon fs-16"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> </div>
  558. <span class="text-white mb-15px fs-18">{{lang.item58}}</span>
  559. <p class="mb-20px">{{lang.item59}}</p>
  560. <div class="mt-5px d-flex align-items-center">
  561. <div class="d-inline-block align-middle">
  562. <div class="text-white fw-500 fs-18">{{lang.item60}}</div>
  563. <div class="lh-20">{{lang.item61}}</div>
  564. <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
  565. </div>
  566. </div>
  567. </div>
  568. <div class="swiper-slide review-style-04">
  569. </div>
  570. </div>
  571. </div> -->
  572. </div>
  573. </div>
  574. <div class="row">
  575. <div class="col-12 text-center" data-anime='{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  576. <div class="d-inline-block align-middle bg-base-color fw-700 text-uppercase border-radius-30px ps-20px pe-20px fs-12 me-10px lh-30 sm-m-5px">{{lang.item74}}</div>
  577. <div class="fs-22 d-inline-block align-middle">{{lang.item75}}
  578. <div class="highlight-separator z-index-1 fw-600 pb-5px text-white" data-shadow-animation="true" data-animation-delay="500">{{lang.item76}} <span class="z-index-1"> <img src="imgs/separator-01.svg" alt="" class="h-25px" data-no-retina=""> </span> </div>
  579. {{lang.item77}} </div>
  580. </div>
  581. </div>
  582. </div>
  583. </section>
  584. <section class="bg-white pb-30px position-relative pt-30px z-index-1">
  585. <div class="container-fluid">
  586. <div class="row">
  587. <div class="col swiper" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":0, "centeredSlides": true, "speed": 12000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":1, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
  588. <div class="swiper-wrapper swiper-width-auto marquee-slide">
  589. <!-- start client item -->
  590. <div class="swiper-slide">
  591. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-1.png" alt="" class="img-fluid"> </div>
  592. </div>
  593. <!-- end client item -->
  594. <!-- start client item -->
  595. <div class="swiper-slide">
  596. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-2.png" alt="" class="img-fluid"> </div>
  597. </div>
  598. <!-- end client item -->
  599. <!-- start client item -->
  600. <div class="swiper-slide">
  601. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-3.png" alt="" class="img-fluid"> </div>
  602. </div>
  603. <!-- end client item -->
  604. <!-- start client item -->
  605. <div class="swiper-slide">
  606. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-4.png" alt="" class="img-fluid"> </div>
  607. </div>
  608. <!-- end client item -->
  609. <!-- start client item -->
  610. <div class="swiper-slide">
  611. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-5.png" alt="" class="img-fluid"> </div>
  612. </div>
  613. <!-- end client item -->
  614. <!-- start client item -->
  615. <div class="swiper-slide">
  616. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-6.png" alt="" class="img-fluid"> </div>
  617. </div>
  618. <div class="swiper-slide">
  619. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-7.png" alt="" class="img-fluid"> </div>
  620. </div>
  621. <div class="swiper-slide">
  622. <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-8.png" alt="" class="img-fluid"> </div>
  623. </div>
  624. <!-- end client item -->
  625. </div>
  626. </div>
  627. </div>
  628. </div>
  629. </section>
  630. <section class="cover-background overflow-visible md-pb-30px bg-black">
  631. <div class="position-absolute d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="top"> <img src="imgs/testimonial-10.png" alt="" data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)"> </div>
  632. <div class="position-absolute mt-5 right-120px xl-right-30px d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="bottom"> <img src="imgs/testimonial-08.png" alt="" data-bottom-top="transform: rotate(-60deg)" data-top-bottom="transform:rotate(60deg)"> </div>
  633. <div class="container">
  634. <div class="row align-items-center justify-content-center text-lg-start text-center">
  635. <div class="col-xl-8 col-lg-8 col-md-8 last-paragraph-no-margin mb-5 lg-mb-30px text-center" data-anime='{ "el": "childs", "opacity": [0, 1], "rotateY": [-90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 900, "delay": 300, "easing": "easeOutCirc" }'> <span class="text-white fw-600 mb-15px text-uppercase d-inline-block fs-14 ls-1px border-bottom border-color-transparent-white-very-light">{{lang.item78}}</span>
  636. <h3 class="fw-600 ls-minus-2px text-white w-90 xl-w-100 mb-15px">{{lang.item79}} <span class="highlight-separator z-index-1 fw-600 pb-10px text-white" data-shadow-animation="true" data-animation-delay="500">{{lang.item80}}<span> <img src="imgs/separator-02.svg" alt="" class="h-25px" data-no-retina=""> </span> </span> </h3>
  637. <p class="w-95 sm-w-100">{{lang.item81}}</p>
  638. <a href="javascript:;" class="btn btn-base-color btn-box-shadow btn-large btn-rounded btn-switch-text inner-link mt-3" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" data-text="Start Copying">Start Copying</span> </span> </a> </div>
  639. </div>
  640. </div>
  641. <!-- <div class="position-absolute bottom-minus-70px xxl-bottom-minus-40px md-bottom-minus-20px left-0px right-0px text-center fs-250 xxl-fs-200 xl-fs-180 md-fs-140 d-none d-md-block text-very-light-gray ls-minus-8px fw-600 opacity-4">Copy Trading</div> -->
  642. </section>
  643. <footer class=" pb-30px">
  644. <div class="container">
  645. <div class="row footer-bottom pt-30px align-items-center">
  646. <div class="col-lg-9 text-center text-lg-start"> <span class="fs-14 d-block lh-22">
  647. <a href="https://www.cwgvu.com/about-cwg" target="_blank" class="text-white text-decoration-line-bottom">{{lang.item82}}</a>
  648. <!-- <a href="javascript:;" class="text-white text-decoration-line-bottom">Contact Us</a> -->
  649. <a :href="'https://www.'+ho+'.com/doc/PrivacyPolicy2019-01.pdf'" target="_blank" class="text-white text-decoration-line-bottom">{{lang.footer2}}</a>
  650. <a :href="'https://www.'+ho+'.com/doc/Terms-and-Conditions-2020-08.pdf'" target="_blank" class="text-white text-decoration-line-bottom">{{lang.footer3}}</a>
  651. </span> </div>
  652. <div class="col-lg-3 text-lg-end text-center md-mt-15px"> <a href="https://www.facebook.com/eToro" target="_blank" title="Facebook"> <img src="imgs/facebook.png" class="img-fluid" alt="Facebook"> </a> <a href="https://twitter.com/etoro" target="_blank" title="X"> <img src="imgs/twitter.png" class="img-fluid" alt="Facebook"> </a> <a href="https://www.instagram.com/etoro_official/" target="_blank" title="Instagram"> <img src="imgs/instagram.png" class="img-fluid" alt="Facebook"> </a> </div>
  653. </div>
  654. </div>
  655. </footer>
  656. <div class="scroll-progress scroll-simple d-none d-xl-block"> <a href="javascript:;" class="scroll-top" aria-label="scroll"> <i class="feather icon-feather-arrow-up text-black"></i> </a> </div>
  657. <el-dialog custom-class="crm-signup" :show-close="false" :visible.sync="dialogFormVisible">
  658. <div class="banner-signup" v-loading="loading">
  659. <div class="close" @click="dialogFormVisible = false">
  660. <i class="el-icon-close"></i>
  661. </div>
  662. <div class="title">
  663. <img src="imgs/logo.png" class="img-responsive" alt="cwg-logo">
  664. <h1 class="text-primary fw-bolder">{{lang.box1item4}}</h1>
  665. <div class="title2">{{lang.box1item4_1}}</div>
  666. </div>
  667. <el-form
  668. :model="params"
  669. :rules="rules"
  670. ref="params"
  671. label-width="0"
  672. class="form"
  673. >
  674. <el-form-item prop="country" style="position: relative">
  675. <el-select
  676. filterable
  677. class="country"
  678. v-model="params.country"
  679. :placeholder="lang.box1item5"
  680. >
  681. <el-option
  682. v-for="item in mock_options"
  683. :key="item.id"
  684. :label="item.enName"
  685. :value="item.code"
  686. :disabled="notCountry.indexOf(item.code)!==-1"
  687. ></el-option>
  688. </el-select>
  689. <i class="iconfont icondingwei"></i>
  690. </el-form-item>
  691. <el-form-item prop="phone">
  692. <el-input
  693. class="m-input"
  694. v-model.trim="params.phone"
  695. :placeholder="lang.box1item6"
  696. prefix-icon="iconfont iconshouji"
  697. >
  698. </el-input>
  699. </el-form-item>
  700. <el-form-item prop="email">
  701. <el-input
  702. class="m-input"
  703. v-model.trim="params.email"
  704. :placeholder="lang.box1item7"
  705. prefix-icon="iconfont iconyouxiang1"
  706. >
  707. </el-input>
  708. </el-form-item>
  709. <el-form-item prop="emailCode">
  710. <el-row>
  711. <el-col :span="14">
  712. <el-input
  713. class="code"
  714. v-model.trim="params.emailCode"
  715. prefix-icon="iconfont iconyanzhengma"
  716. :placeholder="lang.box1item8"
  717. ></el-input>
  718. </el-col>
  719. <el-col :span="9" :push="1">
  720. <!-- <span @click="getCode(1)" class="getCode"
  721. >{{getCodeString}}</span
  722. > -->
  723. <a class="btn btn-gradient getCode" href="javascript:;" @click="getCode(1)">
  724. {{getCodeString}}
  725. </a>
  726. </el-col>
  727. </el-row>
  728. </el-form-item>
  729. <el-form-item prop="password">
  730. <el-input
  731. class="m-input"
  732. show-password
  733. v-model.trim="params.password"
  734. autocomplete="off"
  735. prefix-icon="iconfont iconmima"
  736. :placeholder="lang.box1item9"
  737. ></el-input>
  738. </el-form-item>
  739. <el-form-item>
  740. <ul class="pwd">
  741. <li :class="{ fit: rule1 }">{{lang.st1}}</li>
  742. <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
  743. <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
  744. </ul>
  745. </el-form-item>
  746. <el-form-item class="agree" prop="agree">
  747. <el-checkbox v-model="params.agree"> </el-checkbox>
  748. <span class="agree_title">{{lang.box1item10}}</span>
  749. </el-form-item>
  750. <el-form-item>
  751. <div class="banner-signup-btnBox">
  752. <!-- <a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="register" style="margin-right: 5px;">
  753. <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item11}}
  754. </a> -->
  755. <a href="javascript:;" class="btn btn-base-color btn-box-shadow btn-large btn-rounded btn-switch-text inner-link mt-3" @click="register"> <span> <span class="btn-double-text" :data-text="lang.box1item11">{{lang.box1item11}}</span> </span> </a>
  756. <a :href="'https://secure.'+ho+'.com'" class="btn btn-base-color btn-box-shadow btn-large btn-rounded btn-switch-text inner-link mt-3" style="background: #4CAF50;" target="_blank"> <span> <span class="btn-double-text" :data-text="lang.box1item12">{{lang.box1item12}}</span> </span> </a>
  757. <!-- <a class="btn btn-gradient mt-5 sign-btn" target="_blank" :href="'https://secure.'+ho+'.com'" style="margin-left: 5px;background: #4CAF50;">
  758. <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item12}}
  759. </a> -->
  760. </div>
  761. </el-form-item>
  762. </el-form>
  763. </div>
  764. </el-dialog>
  765. <el-dialog custom-class="my-player-vimeo" :show-close="false" :visible.sync="dialogvideoVisible">
  766. <div class="banner-signup box" v-loading="loading">
  767. <div class="close" @click="dialogvideoVisible = false">
  768. <i class="el-icon-close"></i>
  769. </div>
  770. <div class="box-con" v-if="dialogvideoVisible">
  771. <iframe v-if="language == 'cn'" src="https://player.vimeo.com/video/998117504?autoplay=1&mute=1&loop=1&muted=1&autopause=1&title=0&byline=0&portrait=0&badge=0&player_id=0&app_id=58479" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="video_2024-07-12_15-37-42"></iframe>
  772. <iframe v-else-if="language == 'zhHant'" src="https://player.vimeo.com/video/998117533?autoplay=1&mute=1&loop=1&muted=1&autopause=1&title=0&byline=0&portrait=0&badge=0&player_id=0&app_id=58479" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="video_2024-07-12_15-37-42"></iframe>
  773. <iframe v-else src="https://player.vimeo.com/video/998117567?autoplay=1&mute=1&loop=1&muted=1&autopause=1&title=0&byline=0&portrait=0&badge=0&player_id=0&app_id=58479" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="video_2024-07-12_15-37-42"></iframe>
  774. </div>
  775. </div>
  776. </el-dialog>
  777. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  778. <div class="banner-signup">
  779. <div class="close" @click="notRegisterMsgOpen = false">
  780. <i class="el-icon-close"></i>
  781. </div>
  782. <span class="" v-if="language == 'cn'">
  783. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  784. </span>
  785. <span class="" v-else>
  786. <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.
  787. </span>
  788. </div>
  789. </el-dialog>
  790. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  791. <div class="banner-signup">
  792. <div class="close" @click="notRegisterMsgOpen = false">
  793. <i class="el-icon-close"></i>
  794. </div>
  795. <span class="" v-if="language == 'cn'">
  796. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  797. </span>
  798. <span class="" v-else>
  799. <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.
  800. </span>
  801. </div>
  802. </el-dialog>
  803. </div>
  804. <script type="text/javascript" src="js/jquery.js"></script>
  805. <script type="text/javascript" src="js/vendors.min.js"></script>
  806. <!-- <script src="../common/js/jquery.js"></script>
  807. <script src="../common/js/app.js"></script>
  808. <script src="../common/js/chunk-vendors.js"></script> -->
  809. <script src="../../js/vue.min.js"></script>
  810. <script src="../../js/axios.min.js"></script>
  811. <script src="../../js/element-ui.js"></script>
  812. <script src="../../js/element@2.12.2.js"></script>
  813. <script src="js/active1.js"></script>
  814. <script type="text/javascript" src="js/main.js"></script>
  815. <script>
  816. var $zopim = null;
  817. rep = setInterval(aTimer, 10000);
  818. function aTimer() {
  819. if ($zopim) {
  820. $zopim(function() {
  821. if (sessionStorage.getItem("lang") == "cn") {
  822. $zopim.livechat.setLanguage("zh_CN");
  823. } else {
  824. $zopim.livechat.setLanguage("en");
  825. }
  826. });
  827. }
  828. }
  829. </script>
  830. <!-- Meta Pixel Code -->
  831. <script>
  832. function getQueryStringRegExp(name){
  833. var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");
  834. if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
  835. };
  836. if (getQueryStringRegExp('ex') == '051236339d44473abb5876fe7ee78401') {
  837. var scriptElement = document.createElement('script');
  838. scriptElement.src = 'js/facebook.js';
  839. var targetElement = document.body;
  840. targetElement.appendChild(scriptElement);
  841. var scriptElement1 = document.createElement('noscript');
  842. var textNode = document.createTextNode('<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=885501359616053&ev=PageView&noscript=1"/>');
  843. scriptElement1.appendChild(textNode);
  844. var targetElement1 = document.body;
  845. targetElement1.appendChild(scriptElement1);
  846. }
  847. </script>
  848. <!-- <noscript>
  849. <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=885501359616053&ev=PageView&noscript=1"/>
  850. </noscript> -->
  851. <!-- End Meta Pixel Code -->
  852. <!-- Google Tag Manager (noscript) -->
  853. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  854. <!-- End Google Tag Manager (noscript) -->
  855. </body>
  856. </html>