cwg-crm
/
cwg_crm_person_front_vu_realse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544
							<!doctype html>
<html class="no-js" lang="en">
<head>
<title>CWG African Trading Challenge 2025</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="CWG African Trading Challenge 2025">
<link rel="shortcut icon" href="imgs/favicon.ico">
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/african-trading-challenge.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" />
<!-- <link rel="stylesheet" href="css/active5.css" /> -->
<link rel="stylesheet" href="assets/iconfont/iconfont.css" />
<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="cursor-page-inner">
      <div class="circle-cursor circle-cursor-inner"></div>
      <div class="circle-cursor circle-cursor-outer"></div>
    </div>
    <header> 
      <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.svg" alt="CWG Logo" class="default-logo w-100"> </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-none d-xl-flex">
            <div class="header-icon">
              <div class="header-button" @click="dialogFormVisible = true"> <a href="javascript:;" class="btn btn-small btn-base-color btn-rounded btn-box-shadow btn-switch-text"> <span> <span class="btn-double-text" data-text="Join Now">Join Now</span> </span> </a> </div>
            </div>
          </div>
        </div>
      </nav>
    </header>
    <section class="cover-background pb-0" style="background-image: url('imgs/header-bg.png')">
      <div class="bg-black container mt-30 position-relative">
        <div class="row pt-0 mb-5 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 text-white">African Forex Trading Challenge
              <div class="highlight-separator z-index-1 boujee-text" data-shadow-animation="true" data-animation-delay="500">2025 <span> <img src="imgs/separator-02.svg" alt="" class="h-25px"> </span> </div>
          <span> <img src="imgs/africa-flag.png" alt="africa-flag"> </span>
            </div>
            <p class="fs-30 fw-300 lg-w-70 mb-0 md-w-100 mx-auto text-white 
              w-55">Are YOU Africa’s Top Trader!</p>
            <div class="d-flex align-items-center justify-content-center flex-wrap mt-40px xs-mt-30px" @click="dialogFormVisible = true"> <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"> <span> <span class="btn-double-text" data-text="Join Now">Join Now</span> </span> </a> </div>
          </div>
        </div>
        <div class="row text-center mt-10 ">
          <div class="col">
            <h4 class="fw-600 mb-10px text-white mb-2">Why Join the Challenge</h4>
          </div>
        </div>
        <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" }'>
          <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">Win Big</span>
                <p class="fs-15 lh-22">Cash prizes for the top 3 traders.</p>
              </div>
              <div class="feature-box-overlay "></div>
            </div>
          </div>
          <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">Showcase Your Skills</span>
                <p class="fs-15 lh-22">Compete with traders across Africa.</p>
              </div>
              <div class="feature-box-overlay "></div>
            </div>
          </div>
          <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">Gain Recognition</span>
                <p class="fs-15 lh-22">Be crowned 'Africa’s Top Trader' and featured on a global platform!</p>
              </div>
              <div class="feature-box-overlay "></div>
            </div>
          </div>
        </div>
        <div class="row align-items-center justify-content-center  mt-10 ">
          <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" }'>
            <h2 class="fw-600 text-white w-90 xl-w-100 text-dark-gray fw-700">Rules of <span class="boujee-text">Participation</span> </h2>
            <div class="col icon-with-text-style-02 transition-inner-all mb-20px 
              w-80">
              <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-2 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=""> </div>
                <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">Entry Fee</span>
                  <p class="fs-15 lh-22">$30 minimum.</p>
                </div>
                <div class="feature-box-overlay "></div>
              </div>
            </div>
            <div class="col icon-with-text-style-02 transition-inner-all mb-20px w-80">
              <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-2 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-22 mb-3 text-white fw-600">Ranking</span>
                  <p class="fs-15 lh-22">Based on the highest profit percentage gain.</p>
                </div>
                <div class="feature-box-overlay "></div>
              </div>
            </div>
            <div class="col icon-with-text-style-02 transition-inner-all xl-mb-30px w-80">
              <div class="feature-box feature-box-left-icon-middle bg-medium-gray-transparent border-radius-10px p-2 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-22 mb-3 text-white fw-600">Challenge Period</span>
                  <p class="fs-15 lh-22">February 1st–28th, 2025.</p>
                </div>
                <div class="feature-box-overlay "></div>
              </div>
            </div>
          </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/participation.png" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)" alt="participation"> </div>
        </div>
        <div class="row text-center mb-3  mt-10 ">
          <div class="col-12">
            <h3 class="fw-600 mb-10px text-white">Prizes</h3>
            <h6>Cash prizes for the top 3 traders</h6>
          </div>
          <div class="row icon-with-text-style-02 transition-inner-all xl-mb-30px" 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; }">
            <div class="col-4 text-center text-white  icon-with-text-style-02 transition-inner-all xl-mb-30px" style=""> <img src="imgs/price-2.png" alt="" data-no-retina="">
              <p class="mb-0">Second Price</p>
              <h3><b>$250</b></h3>
            </div>
            <div class="col-4 text-center text-white  icon-with-text-style-02 transition-inner-all xl-mb-30px" style=""> <img src="imgs/price-1.png" alt="" data-no-retina="">
              <p class="mb-0">Frist Price</p>
              <h3><b>$500</b></h3>
            </div>
            <div class="col-4 text-center text-white icon-with-text-style-02 transition-inner-all xl-mb-30px" style=""> <img src="imgs/price-3.png" alt="" data-no-retina="">
              <p class="mb-0">Thrid Price</p>
              <h3><b>$100</b></h3>
            </div>
          </div>
          <div class="col-lg-12 text-center"> <a href="javascript:;" class="btn btn-base-color btn-box-shadow btn-large btn-rounded btn-switch-text inner-link mt-3" style=""> <span> <span class="btn-double-text" data-text="Join Now" @click="dialogFormVisible = true">Join Now</span> </span> </a>
            <p>*Rewards will be credited to your customer's wallet immediately</p>
          </div>
        </div>
        <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>African Forex Trading Challenge 2025</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>Showcase Your Skills</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>Win Big </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>Gain Recognition</div>
              </div>
            </div>
          </div>
        </div>
        <div class="row align-items-center justify-content-center ">
          <div class="col-lg-8  mt-10 text-center">
            <h2 class="fw-600 mb-10px text-white">Join Now and Win from Our
              <div class="highlight-separator z-index-1 boujee-text" data-shadow-animation="true" data-animation-delay="500"> Traders Prize Pool </div>
            </h2>
            <h6>Active participants have the chance to win the daily trader prize every trading day</h6>
          </div>
          <div class="col-xl-12 col-lg-12 col-md-12 my_table">
            <table class="table table-striped bg-medium-gray-transparent">
              <thead class="bg-base-color">
                <tr>
                  <th>Rank</th>
                  <th>Nickname</th>
                  <th>CWG Account</th>
                  <th>Account Net Value</th>
                  <th>Maximum Drawdown</th>
                  <th>Profitability</th>
                  <th>Overall Score</th>
                </tr>
              </thead>
              <tbody>
                <tr  :class="{gold:item.ranking==1,silver:item.ranking==2,platnium:item.ranking==3,}" v-for="(item,index) in mock_options.list" :key="index">
                  <td v-if="item.ranking == 1||item.ranking == 2||item.ranking == 3">
                    <div style="display: flex;align-items: center;justify-content: center;position: relative;">
                      <i class="el-icon-bottom" v-if="item.compareYesterday == 2"></i>
                      <i class="el-icon-top" v-if="item.compareYesterday == 1"></i>
                      <img v-if="item.ranking == 1" src="imgs/gold.png" class="img-fluid" alt="gold">
                      <img v-if="item.ranking == 2" src="imgs/silver.png" class="img-fluid" alt="gold">
                      <img v-if="item.ranking == 3" src="imgs/platnium.png" class="img-fluid" alt="gold">
                    </div>
                  </td>
                  <td v-else>
                    <div style="display: flex;align-items: center;justify-content: center;position: relative;">
                      <i class="el-icon-bottom" v-if="item.compareYesterday == 2"></i>
                      <i class="el-icon-top" v-if="item.compareYesterday == 1"></i>
                      <span style="width: 30px;">{{item.ranking}}</span>
                    </div>
                  </td>
                  <td>{{item.nickname}}</td>
                  <td>{{item.login}}</td>
                  <td>{{item.equity}}</td>
                  <td>{{item.maxWithdrawalRate}}</td>
                  <td>{{item.principalRate}}</td>
                  <td>{{item.totalScore}}</td>
                </tr>
                
              </tbody>
            </table>
            <div class="notData" v-if="!pagerInfo.rowTotal" style="text-align: center;">{{lang.table10}}</div>
            <p>*Rankings are updated daily at 00:00 platform time (GMT+3 during daylight saving time, GMT+2 during standard time)</p>
          </div>
          <div class="crm_pagination" v-if="pagerInfo.rowTotal">
            <el-pagination class="page"
                          background
                          pager-count="4"
                          layout="prev, pager, next"
                          @current-change="handleCurrentChange"
                          :page-size="pagerInfo.row"
                          :total="pagerInfo.rowTotal">
            </el-pagination>
          </div>
        </div>
        <div class="row align-items-center justify-content-center ">
          <div class="col-lg-8  mt-10 text-center">
            <h3 class="fw-600 mb-10px text-white">Daily
              <div class="highlight-separator z-index-1 boujee-text" data-shadow-animation="true" data-animation-delay="500"> Trader Prize</div>
            </h3>
            <h6>For each trading day of the challenge, CWG will randomly select one lucky trader from the pool of active participants who will receive a reward of $5 CASH!</h6>
          </div>
          <div class="col-lg-12 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" v-for="(item,index) in CompetitionData.luckyLogins" :key="index">
                <div class="swiper-slide">
                  <div class="ms-60px me-60px md-ms-30px md-me-30px my_img" style="width: 258px;"> 
                    <div class="my_img_1">
                      <img src="imgs/logo1.png" alt="">
                    </div>
                    <div class="luckyLogin">
                      <p class="name">{{item.luckyNickname}}</p>
                      <p class="acno">AC No: {{item.luckyLogin}}</p>
                    </div>
                  </div>
                </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 --> 
            </div>
          </div>
          <p class="text-center">(Active participants refer to those who have made any trades or have open positions on that day)</p>
        </div>
        <div class="mb-3 mt-10 row text-center">
          <div class="col">
            <h3 class="fw-600 mb-10px text-white">How It Works</h3>
            <h6>Compete with traders across Africa</h6>
          </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">Open an Account</span>
                <p>Anyone with a trading account with a minimum balance of $30 can join</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">Join the Challenge</span>
                <p>In the Clint Zone, go to Promotions and choose 'Sign Up for the Competition' in the client zone's activity center to successfully register and wait for the competition to start.</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">Trade</span>
                <p>Compete for the highest profit percentage during February 2025</p>
              </div>
              <div class="feature-box-overlay bg-very-light-gray"></div>
            </div>
          </div>
        </div>
        <div class="row mt-2">
          <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 text-white fw-700 text-uppercase border-radius-30px ps-20px pe-20px fs-12 me-10px lh-30 sm-m-5px">Trust</div>
            <div class="fs-22 d-inline-block align-middle">Over 
              <div class="highlight-separator z-index-1 fw-600 pb-5px text-white" data-shadow-animation="true" data-animation-delay="500">900,000 <span class="z-index-1"> <img src="imgs/separator-01.svg" alt="" class="h-25px" data-no-retina=""> </span> </div>
              traders worldwide!</div>
          </div>
        </div>
        <div class="row text-center mt-10 ">
          <div class="col">
            <h4 class="fw-600 mb-10px text-white mb-2">Key Dates</h4>
          </div>
        </div>
        <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" }'>
          <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/registration-opens.png" alt=""> </div>
              <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">Registration Opens</span>
                <p class="fs-15 lh-22">January 15th, 2025.</p>
              </div>
              <div class="feature-box-overlay "></div>
            </div>
          </div>
          <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/registration-opens.png" alt=""> </div>
              <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">Registration Closes</span>
                <p class="fs-15 lh-22">February 20th, 2025.</p>
              </div>
              <div class="feature-box-overlay "></div>
            </div>
          </div>
          <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-6.png" alt=""> </div>
              <div class="feature-box-content"> <span class="d-inline-block fs-22 mb-3 text-white fw-600">Challenge Period</span>
                <p class="fs-15 lh-22">February 1st–28th, 2025</p>
              </div>
              <div class="feature-box-overlay "></div>
            </div>
          </div>
        </div>
        <div class="row mt-10  align-items-center justify-content-center text-lg-start text-center">
          <div class="col-xl-10 col-lg-10 col-md-10 last-paragraph-no-margin 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">CWG Markets</span>
            <h2 class="fw-600 ls-minus-2px text-white w-90 xl-w-100 mb-15px">Don’t miss this opportunity to compete, win, and be
              <div class="highlight-separator z-index-1 boujee-text" data-shadow-animation="true" data-animation-delay="500"> Recognized Globally! <span> <img src="imgs/separator-02.svg" alt="" class="h-25px"> </span> </div>
            </h2>
            <h6 class="w-95 sm-w-100">Register now and take your first step toward becoming Africa’s Top Trader.</h6>
            <a href="javascript:;" class="btn btn-base-color btn-box-shadow btn-large btn-rounded btn-switch-text inner-link mt-3" style=""> <span> <span class="btn-double-text" data-text="Join Now" @click="dialogFormVisible = true">Join Now</span> </span> </a>
            <p>*Rewards will be credited to your customer's wallet immediately</p>
          </div>
        </div>
      </div>
    </section>
    <div 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.'+ho+'.com/about-cwg'" target="_blank" class="text-white text-decoration-line-bottom">About Us</a> 
              <a :href="'https://www.'+ho+'.com/contact-us'" target="_blank" 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">Privacy Policy</a> 
              <a :href="'https://www.'+ho+'.com/doc/Terms-and-Conditions-2020-08.pdf'" target="_blank" class="text-white text-decoration-line-bottom">Terms of Service</a> 
            </span> </div>
          <div class="col-lg-3 text-lg-end text-center md-mt-15px"> 
            <a href="https://www.facebook.com/people/CWG-Markets-Promotions/100064027417838/" target="_blank" title="Facebook"> <img src="imgs/facebook.png" class="img-fluid" alt="Facebook" data-no-retina=""> </a> 
            <a href="https://www.linkedin.com/company/cwg-markets-ltd/" target="_blank" title="X"> <img src="imgs/twitter.png" class="img-fluid" alt="twitter" data-no-retina=""> </a> 
            <a href="https://www.instagram.com/cwgmarkets/" target="_blank" title="Instagram"> <img src="imgs/instagram.png" class="img-fluid" alt="Instagram" data-no-retina=""> </a> </div>
        </div>
      </div>
    </div>
    <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_optionsC"
                :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 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="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="../../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>
<!-- 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>