| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884 |
- <!doctype html>
- <html class="no-js" lang="en">
- <head>
- <title>CWG CopyTrading</title>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="author" content="">
- <meta name="viewport" content="width=device-width,initial-scale=1.0" />
- <meta name="description" content="">
- <!-- favicon icon -->
- <link rel="shortcut icon" href="imgs/favicon.ico">
- <!-- style sheets and font icons -->
- <link rel="stylesheet" href="css/vendors.min.css" />
- <link rel="stylesheet" href="css/icon.min.css" />
- <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
- <link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/responsive.css" />
- <link rel="stylesheet" href="css/copy-trading.css" />
- <link rel="stylesheet" href="../../css/element-ui.css" />
- <link rel="stylesheet" href="../../css/element@2.12.2.css" />
- <link rel="stylesheet" href="../../css/preloading.css" />
- <!-- <script
- id="ze-snippet"
- src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
- ></script> -->
- <script type="text/javascript">
- window.__lc = window.__lc || {};
- window.__lc.license = 18945964;
- (function (n, t, c) {
- function i(n) {
- return e._h ? e._h.apply(null, n) : e._q.push(n);
- }
- var e = {
- _q: [],
- _h: null,
- _v: "2.0",
- on: function () {
- i(["on", c.call(arguments)]);
- },
- once: function () {
- i(["once", c.call(arguments)]);
- },
- off: function () {
- i(["off", c.call(arguments)]);
- },
- get: function () {
- if (!e._h)
- throw new Error(
- "[LiveChatWidget] You can't use getters before load."
- );
- return i(["get", c.call(arguments)]);
- },
- call: function () {
- i(["call", c.call(arguments)]);
- },
- init: function () {
- var n = t.createElement("script");
- (n.async = !0),
- (n.type = "text/javascript"),
- (n.src = "https://cdn.livechatinc.com/tracking.js"),
- t.head.appendChild(n);
- },
- };
- !n.__lc.asyncInit && e.init(),
- (n.LiveChatWidget = n.LiveChatWidget || e);
- })(window, document, [].slice);
- </script>
- <noscript>
- <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
- >Chat with us</a
- >, powered by
- <a
- href="https://www.livechat.com/?welcome"
- rel="noopener nofollow"
- target="_blank"
- >LiveChat</a
- >
- </noscript>
- <script>
- (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-T8P44WHV');
- </script>
- </head>
- <style>
- [v-cloak] {
- display: none;
- }
- </style>
- <body data-mobile-nav-style="classic" class="custom-cursor">
- <div
- id="pre"
- style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
- >
- <div
- style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
- >
- <div
- style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
- >
- <div class="line-scale">
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- </div>
- </div>
- </div>
- </div>
- <div id="active1" v-cloak v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
- <!-- <div class='mfp-wrap mfp-auto-cursor mfp-fade mfp-ready' style="">
- <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>
- </div> -->
- <div class="cursor-page-inner">
- <div class="circle-cursor circle-cursor-inner"></div>
- <div class="circle-cursor circle-cursor-outer"></div>
- </div>
- <header>
- <!-- start navigation -->
- <nav class="navbar navbar-expand-lg header-transparent header-dark bg-transparent header-reverse glass-effect" data-header-hover="dark">
- <div class="container-fluid">
- <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>
- <div class="col-auto col-xl-7 col-lg-7 menu-order position-static">
- <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>
- </div>
- <div class="col-auto col-xxl-2 text-end d-xl-flex">
-
- <div class="collapse navbar-collapse" id="navbarResponsive">
- <ul class="navbar-nav">
- <li class="nav-item">
- <el-dropdown trigger="click" @command="chooseLang">
- <span class="menu language-box" style="color: #fff;font-weight: bold;">
- {{langList[language]}}
- <i class="el-icon-arrow-down el-icon--right"></i>
- </span>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="cn"
- >中文简体</el-dropdown-item
- >
- <el-dropdown-item command="zhHant"
- >中文繁體</el-dropdown-item
- >
- <el-dropdown-item command="en"
- >English</el-dropdown-item
- >
- <el-dropdown-item command="es"
- >Español</el-dropdown-item
- >
- <el-dropdown-item command="ar"
- >العربية</el-dropdown-item
- >
- <el-dropdown-item command="de"
- >Deutsch</el-dropdown-item
- >
- <el-dropdown-item command="id"
- >Indonesian</el-dropdown-item
- >
- <el-dropdown-item command="ko"
- >한국어</el-dropdown-item
- >
- <el-dropdown-item command="ms"
- >Melayu</el-dropdown-item
- >
- <el-dropdown-item command="th"
- >ภาษาไทย</el-dropdown-item
- >
- <el-dropdown-item command="vn"
- >Tiếng Việt</el-dropdown-item
- >
- <el-dropdown-item command="pt">Português</el-dropdown-item>
- <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
- <el-dropdown-item command="tr">Türkçe</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- </li>
- </ul>
- </div>
- <div class="header-icon">
- <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>
- </div>
- </div>
- </div>
- </nav>
- <!-- end navigation -->
- </header>
- <section class=" cover-background" style="background-image: url('imgs/header-bg.png')">
- <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>
- <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>
- <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>
- <div class="container position-relative">
- <div class="row pt-10 mb-5 xxl-pt-10 xl-pt-6 xxl-mb-10 sm-pt-70px xs-mb-35px">
- <div class="col text-center" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
- <div class="fs-80 lg-fs-70 md-fs-60 fw-600 ls-minus-2px mb-25px text-white">{{lang.item3}}
- <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>
- </div>
- <p class="fs-24 fw-300 lg-w-70 mb-0 md-w-100 mx-auto text-white w-55">{{lang.item5}}</p>
- <div class="d-flex align-items-center justify-content-center flex-wrap mt-40px xs-mt-30px">
- <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>
- <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>
- </div>
- </div>
- <div class="row mb-5 xxl-mb-5 justify-content-center g-0">
- <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>
- </div>
- </div>
- <div class="container xxl-ps-2 xxl-pe-2 sm-ps-15px sm-pe-15px">
- <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" }'>
- <!-- start features box item -->
- <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">{{lang.item9}}</span>
- <p class="fs-15 lh-22">{{lang.item10}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <!-- end features box item -->
- <!-- start features box item -->
- <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-2.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">{{lang.item11}}</span>
- <p class="fs-15 lh-22">{{lang.item12}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <!-- end features box item -->
- <!-- start features box item -->
- <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-3.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">{{lang.item13}}</span>
- <p class="fs-15 lh-22">{{lang.item14}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <!-- end features box item -->
- <!-- start features box item -->
- <!-- end features box item -->
- </div>
- </div>
- <div class="container-fluid mt-20px">
- <div class="row">
- <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" }'>
- <div class="swiper-wrapper swiper-width-auto marquee-slide">
- <!-- start client item -->
-
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-01.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-02.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-03.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-04.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-05.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-06.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="swiper-slide"> <img src="imgs/testimonial-07.png" alt="" class="ms-60px me-60px md-ms-30px md-me-30px"> </div>
- </div>
-
- <!-- end client item -->
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="cover-background pb-0 bg-black">
- <div class="container">
- <div class="row align-items-center justify-content-center">
- <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>
- <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>
- <p class="w-95 xl-w-100">{{lang.item18}}</p>
- </div>
- <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>
- </div>
- </div>
- <div class="container xxl-ps-2 xxl-pe-2 sm-ps-15px sm-pe-15px mb-3 mt-5">
- <div class="row text-center mb-3">
- <div class="col">
- <h3 class="fw-600 mb-10px text-white">{{lang.item19}}</h3>
- <p>{{lang.item20}}</p>
- </div>
- </div>
- <div class="row row-cols-1 row-cols-md-2 row-cols-xxl-3 justify-content-center appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
- <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px" style="">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-4.png" alt="" data-no-retina=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item21}}</span>
- <p class="fs-15 lh-22">{{lang.item22}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px" style="">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-5.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item23}}</span>
- <p class="fs-15 lh-22">{{lang.item24}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px" style="">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-6.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item25}}</span>
- <p class="fs-15 lh-22">{{lang.item26}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px mt-3" style="">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-7.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item27}}</span>
- <p class="fs-15 lh-22">{{lang.item28}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- <div class="col icon-with-text-style-02 transition-inner-all sm-mb-30px mt-3" style="">
- <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">
- <div class="feature-box-icon"> <img src="imgs/icon-8.png" alt=""> </div>
- <div class="feature-box-content"> <span class="d-inline-block fs-18 text-white fw-600">{{lang.item29}}</span>
- <p class="fs-15 lh-22">{{lang.item30}}</p>
- </div>
- <div class="feature-box-overlay "></div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="pt-25px pb-25px">
- <div class="container-fluid">
- <div class="row">
- <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" }'>
- <div class="swiper-wrapper swiper-width-auto marquee-slide">
- <div class="swiper-slide">
- <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>
- </div>
- <div class="swiper-slide">
- <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>
- </div>
- <div class="swiper-slide">
- <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>
- </div>
- <div class="swiper-slide">
- <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>
- </div>
- <div class="swiper-slide">
- <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>
- </div>
- <div class="swiper-slide">
- <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>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="cover-background" style="background-image:url('imgs/header-bg.png');">
- <div class="container">
- <div class="row text-center mb-10 justify-content-center">
- <div class="col-xl-6 col-lg-6 col-md-6">
- <p>{{lang.item37}}</p>
- <h3 class="fw-600 mb-10px text-white">{{lang.item38}}</h3>
- </div>
- <div class="col-xl-12 col-lg-12 col-md-12 crm_table">
- <table class="table table-striped bg-medium-gray-transparent mt-5">
- <thead class="bg-base-color" style="white-space: nowrap;">
- <tr>
- <th>Sort</th>
- <th>{{lang.section23}}</th>
- <th>{{lang.section24}}</th>
- <th>{{lang.section25}}</th>
- <th>{{lang.section26}}</th>
- <th></th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="(item,index) in top10" :key="index">
- <td>{{index+1}}</td>
- <td>{{item.nickname}}</td>
- <td>{{item.income}}</td>
- <td>{{item.winRate}}</td>
- <td>${{item.followIncome}}</td>
- <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>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row text-center mb-3">
- <div class="col">
- <h3 class="fw-600 mb-10px text-white">{{lang.item39}}</h3>
- <p>{{lang.item40}}</p>
- </div>
- </div>
- <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" }'>
- <!-- start features box item -->
- <div class="col icon-with-text-style-04 transition-inner-all md-mb-30px">
- <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">
- <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>
- <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>
- <p>{{lang.item42}}</p>
- </div>
- <div class="feature-box-overlay bg-very-light-gray"></div>
- </div>
- </div>
- <!-- end features box item -->
- <!-- start features box item -->
- <div class="col icon-with-text-style-04 transition-inner-all md-mb-30px">
- <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">
- <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>
- <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>
- <p>{{lang.item44}}</p>
- </div>
- <div class="feature-box-overlay bg-very-light-gray"></div>
- </div>
- </div>
- <!-- end features box item -->
- <!-- start features box item -->
- <div class="col icon-with-text-style-04 transition-inner-all">
- <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">
- <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>
- <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>
- <p>{{lang.item46}}</p>
- </div>
- <div class="feature-box-overlay bg-very-light-gray"></div>
- </div>
- </div>
- <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>
- </div>
- </section>
- <section class="cover-background" style="background-image:url('imgs/header-bg.png');">
- <div class="container">
- <div class="row text-center mb-3">
- <div class="col">
- <h3 class="fw-600 mb-10px text-white">{{lang.item48}}</h3>
- <p>{{lang.item49}}</p>
- </div>
- </div>
- <div class="row align-items-center mb-40px md-mb-25px">
- <div class="col-12 position-relative" data-anime='{ "translateX": [100, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }'>
- <el-carousel :interval="2000" :autoplay="true" height="400px" indicator-position="none" :type="window.screen.width < 900 ? '' : 'card'">
- <el-carousel-item>
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item1_1}}</span>
- <p class="mb-20px"> {{lang.item1_2}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item1_3}}</div>
- <div class="lh-20">{{lang.item1_4}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </el-carousel-item>
- <el-carousel-item>
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item2_1}}</span>
- <p class="mb-20px"> {{lang.item2_2}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item2_3}}</div>
- <div class="lh-20">{{lang.item2_4}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </el-carousel-item>
- <el-carousel-item>
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item3_1}}</span>
- <p class="mb-20px"> {{lang.item3_2}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item3_3}}</div>
- <div class="lh-20">{{lang.item3_4}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </el-carousel-item>
- <el-carousel-item>
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item4_1}}</span>
- <p class="mb-20px"> {{lang.item4_2}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item4_3}}</div>
- <div class="lh-20">{{lang.item4_4}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </el-carousel-item>
- <el-carousel-item>
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item5_1}}</span>
- <p class="mb-20px"> {{lang.item5_2}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item5_3}}</div>
- <div class="lh-20">{{lang.item5_4}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </el-carousel-item>
- </el-carousel>
- <!-- <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" }'>
- <div class="swiper-wrapper pb-20px">
- <div class="swiper-slide review-style-04">
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item58}}</span>
- <p class="mb-20px">{{lang.item59}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item60}}</div>
- <div class="lh-20">{{lang.item61}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </div>
- <div class="swiper-slide review-style-04">
- <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">
- <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>
- <span class="text-white mb-15px fs-18">{{lang.item58}}</span>
- <p class="mb-20px">{{lang.item59}}</p>
- <div class="mt-5px d-flex align-items-center">
- <div class="d-inline-block align-middle">
- <div class="text-white fw-500 fs-18">{{lang.item60}}</div>
- <div class="lh-20">{{lang.item61}}</div>
- <img src="imgs/trustpilot-logo.png" alt="trustpilot-logo" class="img-fluid"> </div>
- </div>
- </div>
- </div>
- <div class="swiper-slide review-style-04">
-
- </div>
- </div>
- </div> -->
- </div>
- </div>
- <div class="row">
- <div class="col-12 text-center" data-anime='{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
- <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>
- <div class="fs-22 d-inline-block align-middle">{{lang.item75}}
- <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>
- {{lang.item77}} </div>
- </div>
- </div>
- </div>
- </section>
- <section class="bg-white pb-30px position-relative pt-30px z-index-1">
- <div class="container-fluid">
- <div class="row">
- <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" }'>
- <div class="swiper-wrapper swiper-width-auto marquee-slide">
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-1.png" alt="" class="img-fluid"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-2.png" alt="" class="img-fluid"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-3.png" alt="" class="img-fluid"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-4.png" alt="" class="img-fluid"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-5.png" alt="" class="img-fluid"> </div>
- </div>
- <!-- end client item -->
- <!-- start client item -->
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-6.png" alt="" class="img-fluid"> </div>
- </div>
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-7.png" alt="" class="img-fluid"> </div>
- </div>
- <div class="swiper-slide">
- <div class="d-flex align-items-center ps-70px"> <img src="imgs/cwg-awards/cwg-awards-8.png" alt="" class="img-fluid"> </div>
- </div>
- <!-- end client item -->
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="cover-background overflow-visible md-pb-30px bg-black">
- <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>
- <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>
- <div class="container">
- <div class="row align-items-center justify-content-center text-lg-start text-center">
- <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>
- <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>
- <p class="w-95 sm-w-100">{{lang.item81}}</p>
- <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>
- </div>
- </div>
- <!-- <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> -->
- </section>
- <footer class=" pb-30px">
- <div class="container">
- <div class="row footer-bottom pt-30px align-items-center">
- <div class="col-lg-9 text-center text-lg-start"> <span class="fs-14 d-block lh-22">
- <a href="https://www.cwgvu.com/about-cwg" target="_blank" class="text-white text-decoration-line-bottom">{{lang.item82}}</a>
- <!-- <a href="javascript:;" class="text-white text-decoration-line-bottom">Contact Us</a> -->
- <a :href="'https://www.'+ho+'.com/doc/PrivacyPolicy2019-01.pdf'" target="_blank" class="text-white text-decoration-line-bottom">{{lang.footer2}}</a>
- <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>
- </span> </div>
- <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>
- </div>
- </div>
- </footer>
- <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>
- <el-dialog custom-class="crm-signup" :show-close="false" :visible.sync="dialogFormVisible">
- <div class="banner-signup" v-loading="loading">
- <div class="close" @click="dialogFormVisible = false">
- <i class="el-icon-close"></i>
- </div>
- <div class="title">
- <img src="imgs/logo.png" class="img-responsive" alt="cwg-logo">
- <h1 class="text-primary fw-bolder">{{lang.box1item4}}</h1>
- <div class="title2">{{lang.box1item4_1}}</div>
- </div>
- <el-form
- :model="params"
- :rules="rules"
- ref="params"
- label-width="0"
- class="form"
- >
- <el-form-item prop="country" style="position: relative">
- <el-select
- filterable
- class="country"
- v-model="params.country"
- :placeholder="lang.box1item5"
- >
- <el-option
- v-for="item in mock_options"
- :key="item.id"
- :label="item.enName"
- :value="item.code"
- :disabled="notCountry.indexOf(item.code)!==-1"
- ></el-option>
- </el-select>
- <i class="iconfont icondingwei"></i>
- </el-form-item>
- <el-form-item prop="phone">
- <el-input
- class="m-input"
- v-model.trim="params.phone"
- :placeholder="lang.box1item6"
- prefix-icon="iconfont iconshouji"
- >
- </el-input>
- </el-form-item>
- <el-form-item prop="email">
- <el-input
- class="m-input"
- v-model.trim="params.email"
- :placeholder="lang.box1item7"
- prefix-icon="iconfont iconyouxiang1"
- >
- </el-input>
- </el-form-item>
- <el-form-item prop="emailCode">
- <el-row>
- <el-col :span="14">
- <el-input
- class="code"
- v-model.trim="params.emailCode"
- prefix-icon="iconfont iconyanzhengma"
- :placeholder="lang.box1item8"
- ></el-input>
- </el-col>
- <el-col :span="9" :push="1">
- <!-- <span @click="getCode(1)" class="getCode"
- >{{getCodeString}}</span
- > -->
- <a class="btn btn-gradient getCode" href="javascript:;" @click="getCode(1)">
- {{getCodeString}}
- </a>
- </el-col>
- </el-row>
- </el-form-item>
- <el-form-item prop="password">
- <el-input
- class="m-input"
- show-password
- v-model.trim="params.password"
- autocomplete="off"
- prefix-icon="iconfont iconmima"
- :placeholder="lang.box1item9"
- ></el-input>
- </el-form-item>
- <el-form-item>
- <ul class="pwd">
- <li :class="{ fit: rule1 }">{{lang.st1}}</li>
- <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
- <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
- </ul>
- </el-form-item>
- <el-form-item class="agree" prop="agree">
- <el-checkbox v-model="params.agree"> </el-checkbox>
- <span class="agree_title">{{lang.box1item10}}</span>
- </el-form-item>
- <el-form-item>
- <div class="banner-signup-btnBox">
- <!-- <a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="register" style="margin-right: 5px;">
- <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item11}}
- </a> -->
- <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>
- <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>
- <!-- <a class="btn btn-gradient mt-5 sign-btn" target="_blank" :href="'https://secure.'+ho+'.com'" style="margin-left: 5px;background: #4CAF50;">
- <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item12}}
- </a> -->
- </div>
- </el-form-item>
- </el-form>
- </div>
- </el-dialog>
- <el-dialog custom-class="my-player-vimeo" :show-close="false" :visible.sync="dialogvideoVisible">
- <div class="banner-signup box" v-loading="loading">
- <div class="close" @click="dialogvideoVisible = false">
- <i class="el-icon-close"></i>
- </div>
- <div class="box-con" v-if="dialogvideoVisible">
- <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>
- <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>
- <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>
- </div>
- </div>
- </el-dialog>
- <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
- <div class="banner-signup">
- <div class="close" @click="notRegisterMsgOpen = false">
- <i class="el-icon-close"></i>
- </div>
- <span class="" v-if="language == 'cn'">
- <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
- </span>
- <span class="" v-else>
- <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.
- </span>
- </div>
- </el-dialog>
-
- <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
- <div class="banner-signup">
- <div class="close" @click="notRegisterMsgOpen = false">
- <i class="el-icon-close"></i>
- </div>
- <span class="" v-if="language == 'cn'">
- <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
- </span>
- <span class="" v-else>
- <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.
- </span>
- </div>
- </el-dialog>
- </div>
- <script type="text/javascript" src="js/jquery.js"></script>
- <script type="text/javascript" src="js/vendors.min.js"></script>
- <!-- <script src="../common/js/jquery.js"></script>
- <script src="../common/js/app.js"></script>
- <script src="../common/js/chunk-vendors.js"></script> -->
- <script src="../../js/vue.min.js"></script>
- <script src="../../js/axios.min.js"></script>
- <script src="../../js/element-ui.js"></script>
- <script src="../../js/element@2.12.2.js"></script>
- <script src="js/active1.js"></script>
- <script type="text/javascript" src="js/main.js"></script>
- <script>
- var $zopim = null;
- rep = setInterval(aTimer, 10000);
- function aTimer() {
- if ($zopim) {
- $zopim(function() {
- if (sessionStorage.getItem("lang") == "cn") {
- $zopim.livechat.setLanguage("zh_CN");
- } else {
- $zopim.livechat.setLanguage("en");
- }
- });
- }
- }
- </script>
- <!-- Meta Pixel Code -->
- <script>
- function getQueryStringRegExp(name){
- var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");
- if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
- };
- if (getQueryStringRegExp('ex') == '051236339d44473abb5876fe7ee78401') {
- var scriptElement = document.createElement('script');
- scriptElement.src = 'js/facebook.js';
- var targetElement = document.body;
- targetElement.appendChild(scriptElement);
- var scriptElement1 = document.createElement('noscript');
- var textNode = document.createTextNode('<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=885501359616053&ev=PageView&noscript=1"/>');
- scriptElement1.appendChild(textNode);
- var targetElement1 = document.body;
- targetElement1.appendChild(scriptElement1);
- }
- </script>
- <!-- <noscript>
- <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=885501359616053&ev=PageView&noscript=1"/>
- </noscript> -->
- <!-- End Meta Pixel Code -->
- <!-- Google Tag Manager (noscript) -->
- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
- <!-- End Google Tag Manager (noscript) -->
- </body>
- </html>
|