cwg-crm
/
cwg_crm_person_front_vu_realse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017
							<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="creative-wp">
<title>CWG Paris Olympics 2024</title>
<link rel="shortcut icon" href="assets/images/favicon.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<script src="assets/js/modernizr.min.js"></script>
<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="assets/iconfont/iconfont.css" />
<link rel="stylesheet" href="assets/css/style.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>
  <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 class="site-content" class="main-content"  id="active1" v-cloak  v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
  <header class="site-header header-style-one">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-12">
          <div class="navigation-area">
            <div class="header-navigation-left">
              <div class="site-branding w-100"> 
				  <a href="#" class="w-100"> 
					  <img src="assets/images/cwg-logo.svg" class="w-100" alt="cwg-logo" /> </a> </div>
            </div>
			 <div class="site-navigation">
                                <div class="hamburger-menus">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                                <nav class="navigation">
                                        <div class="overlaybg"></div><!-- /.overlaybg -->
                                        <!-- Main Menu -->        
                                        <div class="menu-wrapper">
                                            <div class="menu-content">
                                                <ul class="mainmenu">         
                                                    <li>
                                                        <a class="active" href="https://www.cwgvu.com" target="_blank">{{lang.headers2}}<span class="menu-arrow fas fa-sort-down"></span></a>
                                                       
                                                    </li>        
                                                    <li class="megamenu">
                                                        <a href="https://www.cwgvu.com/about-cwg" target="_blank">{{lang.headers3}}<span class="menu-arrow fas fa-sort-down"></span></a>
                                                       
                                                    </li>
													                          <li class="megamenu">
                                                        <a href="https://www.cwgvu.com/contact-us" target="_blank"> {{lang.headers4}}<span class="menu-arrow fas fa-sort-down"></span></a>
                                                       
                                                    </li>
											
                                                </ul> <!-- /.menu-list -->
                                            </div> <!-- /.hours-content-->
                                        </div><!-- /.menu-wrapper --> 
                                    </nav>
                            </div>
            <div class="header-navigation-right">
				      <div class="add-listing-area"> 
                <el-dropdown trigger="click" @command="chooseLang">
                  <span class="menu language-box">
                    {{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>  
              </div>
              <div class="add-listing-area"> <a class="btn btn-default btn-black" href="#" data-toggle="modal" data-target="#exampleModal"  @click="dialogFormVisible = true">{{lang.headers1}}<span class="bi bi-arrow-right-short"></span></a> </div>
              <!--~./ add-listing-area ~--> 
            </div>
            <!--~./ header-navigation-right ~--> 
          </div>
          <!--  /.navigation-area --> 
        </div>
        <!--  /.col-12 --> 
      </div>
      <!--  /.row --> 
    </div>
    <!--  /.container-fluid --> 
  </header>
  <div id="sticky-header" class="sticky-header-one">
    <header class="site-header header-style-one">
      <div class="container-fluid">
        <div class="row align-items-center">
          <div class="col-12">
            <div class="navigation-area">
              <div class="header-navigation-left">
                <div class="site-branding w-100"> 
            <a href="#" class="w-100"> 
              <img src="assets/images/cwg-logo.svg" class="w-100" alt="cwg-logo" /> </a> </div>
              </div>
         <div class="site-navigation">
                                  <div class="hamburger-menus">
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                      <span></span>
                                  </div>
                                  <nav class="navigation">
                                          <div class="overlaybg"></div><!-- /.overlaybg -->
                                          <!-- Main Menu -->        
                                          <div class="menu-wrapper">
                                              <div class="menu-content">
                                                  <ul class="mainmenu">         
                                                      <li>
                                                          <a class="active" href="https://www.cwgvu.com" target="_blank">{{lang.headers2}}<span class="menu-arrow fas fa-sort-down"></span></a>
                                                         
                                                      </li>        
                                                      <li class="megamenu">
                                                          <a href="https://www.cwgvu.com/about-cwg" target="_blank">{{lang.headers3}}<span class="menu-arrow fas fa-sort-down"></span></a>
                                                         
                                                      </li>
                                                      <li class="megamenu">
                                                          <a href="https://www.cwgvu.com/contact-us" target="_blank"> {{lang.headers4}}<span class="menu-arrow fas fa-sort-down"></span></a>
                                                         
                                                      </li>
                        
                                                  </ul> <!-- /.menu-list -->
                                              </div> <!-- /.hours-content-->
                                          </div><!-- /.menu-wrapper --> 
                                      </nav>
                              </div>
              <div class="header-navigation-right">
                <div class="add-listing-area"> 
                  <el-dropdown trigger="click" @command="chooseLang">
                    <span class="menu language-box">
                      {{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>  
                </div>
                <div class="add-listing-area"> <a class="btn btn-default btn-black" href="#" data-toggle="modal" data-target="#exampleModal"  @click="dialogFormVisible = true">{{lang.headers1}}<span class="bi bi-arrow-right-short"></span></a> </div>
                <!--~./ add-listing-area ~--> 
              </div>
              <!--~./ header-navigation-right ~--> 
            </div>
            <!--  /.navigation-area --> 
          </div>
          <!--  /.col-12 --> 
        </div>
        <!--  /.row --> 
      </div>
      <!--  /.container-fluid --> 
    </header>
  </div>
  <div class="frontpage-banner-section frontpage-banner-style-one bg-image pt-100" style="background-image:url('assets/images/header-bg.jpg')">
    <div class="waves-effect bottom" style="background: url('assets/images/waves-bottom.png');"></div>
    <div class="container">
      <div class="row align-items-center justify-content-center">
        <div class="col-lg-11">
          <div class="frontpage-banner-content text-center text-white">
            <h1 class="banner-title">{{lang.header1}}<br>
              <span>{{lang.header2}}</span> {{lang.header3}} </h1>
            <p class="banner-subtitle">{{lang.header4}}</p>
            <div class="action-btn-group"> <a href="javascript:;" class="btn btn-default" @click="dialogFormVisible = true">{{lang.header5}}<span class="bi bi-arrow-right-short"></span></a> </div>
          </div>
        </div>
      </div>
      <div class="popular-categories-block popular-categories-style-one">
        <div class="container">
          <div class="row"> 
            <!--~~~~ Start Cat Items ~~~~-->
            <div class="col-lg-6"> <a href="#" class="cat-item cat-img">
              <figure class="cat-thumb"> <img src="assets/images/img-1.jpg" alt="Thmubnail"> </figure>
              <!--./ cat-thumb -->
              
              <div class="cat-content">
                <div class="cat-content-inner">
                  <p class="listing-no">01</p>
                  <h3 class="title">{{lang.header61}}</h3>
                  <!--./ title --> 
                </div>
                <!--./ cat-content-inner --> 
              </div>
              <!--./ cat-content -->
              <div class="cat-content-hover">
                <div class="content-hover-inner">
                  <h3 class="title">{{lang.header61}}</h3>
                  <!--./ title --> 
                </div>
              </div>
              <!--./ cat-content-hover --> 
              </a> </div>
            <!--~./ end Cat Items ~--> 
            
            <!--~~~~ Start Cat Items ~~~~-->
            <div class="col-lg-3 col-md-6"> <a href="#" class="cat-item cat-img">
              <figure class="cat-thumb"> <img src="assets/images/img-2.jpg" alt="Thmubnail"> </figure>
              <!--./ cat-thumb -->
              
              <div class="cat-content">
                <div class="cat-content-inner">
                  <p class="listing-no">02</p>
                  <h3 class="title">{{lang.header62}}</h3>
                  <!--./ title --> 
                </div>
                <!--./ cat-content-inner --> 
              </div>
              <!--./ cat-content -->
              <div class="cat-content-hover">
                <div class="content-hover-inner">
                  <h3 class="title">{{lang.header62}}</h3>
                  <!--./ title --> 
                </div>
              </div>
              <!--./ cat-content-hover --> 
              </a> </div>
            <!--~./ end Cat Items ~--> 
            
            <!--~~~~ Start Cat Items ~~~~-->
            <div class="col-lg-3 col-md-6"> <a href="#" class="cat-item cat-img">
              <figure class="cat-thumb"> <img src="assets/images/img-3.jpg" alt="Thmubnail"> </figure>
              <!--./ cat-thumb -->
              
              <div class="cat-content">
                <div class="cat-content-inner">
                  <p class="listing-no">03</p>
                  <h3 class="title">{{lang.header63}}</h3>
                  <!--./ title --> 
                </div>
                <!--./ cat-content-inner --> 
              </div>
              <!--./ cat-content -->
              <div class="cat-content-hover">
                <div class="content-hover-inner">
                  <h3 class="title">{{lang.header63}}</h3>
                  <!--./ title --> 
                </div>
              </div>
              <!--./ cat-content-hover --> 
              </a> </div>
            <!--~./ end Cat Items ~--> 
            
            <!--~~~~ Start Cat Items ~~~~-->
            <div class="col-lg-3 col-md-6"> <a href="#" class="cat-item cat-img">
              <figure class="cat-thumb"> <img src="assets/images/img-4.jpg" alt="Thmubnail"> </figure>
              <!--./ cat-thumb -->
              
              <div class="cat-content">
                <div class="cat-content-inner">
                  <p class="listing-no">04</p>
                  <h3 class="title">{{lang.header64}}</h3>
                  <!--./ title --> 
                </div>
                <!--./ cat-content-inner --> 
              </div>
              <!--./ cat-content -->
              <div class="cat-content-hover">
                <div class="content-hover-inner">
                  <h3 class="title">{{lang.header64}}</h3>
                  <!--./ title --> 
                </div>
              </div>
              <!--./ cat-content-hover --> 
              </a> </div>
            <!--~./ end Cat Items ~--> 
            
            <!--~~~~ Start Cat Items ~~~~-->
            <div class="col-lg-3 col-md-6"> <a href="#" class="cat-item cat-img">
              <figure class="cat-thumb"> <img src="assets/images/img-5.jpg" alt="Thmubnail"> </figure>
              <!--./ cat-thumb -->
              
              <div class="cat-content">
                <div class="cat-content-inner">
                  <p class="listing-no">05</p>
                  <h3 class="title">{{lang.header65}}</h3>
                  <!--./ title --> 
                </div>
                <!--./ cat-content-inner --> 
              </div>
              <!--./ cat-content -->
              <div class="cat-content-hover">
                <div class="content-hover-inner">
                  <h3 class="title">{{lang.header65}}</h3>
                  <!--./ title --> 
                </div>
              </div>
              <!--./ cat-content-hover --> 
              </a> </div>
            <!--~./ end Cat Items ~--> 
            
            <!--~~~~ Start Cat Items ~~~~-->
            <div class="col-lg-6"> <a href="#" class="cat-item cat-img">
              <figure class="cat-thumb"> <img src="assets/images/img-6.jpg" alt="Thmubnail"> </figure>
              <!--./ cat-thumb -->
              
              <div class="cat-content">
                <div class="cat-content-inner">
                  <p class="listing-no">06</p>
                  <h3 class="title">{{lang.header66}}</h3>
                  <!--./ title --> 
                </div>
                <!--./ cat-content-inner --> 
              </div>
              <!--./ cat-content -->
              <div class="cat-content-hover">
                <div class="content-hover-inner">
                  <h3 class="title">{{lang.header66}}</h3>
                  <!--./ title --> 
                </div>
              </div>
              <!--./ cat-content-hover --> 
              </a> </div>
            <!--~./ end Cat Items ~--> 
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="featured-locations-block style-one ptb-100">
    <div class="container">
      <div class="row align-items-center justify-content-center"> 
        <!--~~~~~ Start Section title ~~~~~-->
        <div class="col-lg-8 text-center">
          <div class="section-title">
            <p class="title-sub">{{lang.section11}}</p>
            <!--  /.title-sub -->
            <h2 class="title-main">{{lang.section12}}</h2>
            <!-- /.title-main -->
            <div class="divider"> <span class="icon-star-full"></span> <span class="icon-star-full"></span> <span class="icon-star-full"></span> <span class="icon-star-full"></span> <span class="icon-star-full"></span> </div>
            <!-- /.divider --> 
          </div>
          <!-- /.section-title --> 
        </div>
        <!--./ section-header -->
        
        <div class="col-lg-12 text-center">
          <div class="carousel-nav-text ">
            <button class="btn-links btn-prev"> <span>{{lang.section13}}</span> </button>
            <button class="btn-links btn-next"> <span>{{lang.section14}}</span> </button>
          </div>
          <!--~./ end carousel nav text ~--> 
        </div>
      </div>
      <!-- /.row --> 
    </div>
    <!-- /.container -->
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="featured-location-carousel owl-carousel" data-owl-items="4" data-owl-margin="30" data-owl-dots="0" data-owl-loop="1" data-owl-center="0"> 
            <!--~~~~~ Start Location Card Item ~~~~~--> 
            <a href="#" class="location-card-item">
            <figure class="location-thumb"> <img src="assets/images/img-7.jpg" alt="Thmubnail"> </figure>
            <!--./ featured-media -->
            
            <div class="location-content">
              <h3 class="name">{{lang.section15}}</h3>
              <!--./ name --> 
            </div>
            <!--./ location-content --> 
            </a><!--~./ end location card item ~--> 
            
            <!--~~~~~ Start Location Card Item ~~~~~--> 
            <a href="#" class="location-card-item">
            <figure class="location-thumb"> <img src="assets/images/img-8.jpg" alt="Thmubnail"> </figure>
            <!--./ featured-media -->
            
            <div class="location-content">
              <h3 class="name">{{lang.section16}}</h3>
              <!--./ name --> 
            </div>
            <!--./ location-content --> 
            </a><!--~./ end location card item ~--> 
            
            <!--~~~~~ Start Location Card Item ~~~~~--> 
            <a href="#" class="location-card-item">
            <figure class="location-thumb"> <img src="assets/images/img-9.jpg" alt="Thmubnail"> </figure>
            <!--./ featured-media -->
            
            <div class="location-content">
              <h3 class="name">{{lang.section17}}</h3>
              <!--./ name --> 
            </div>
            <!--./ location-content --> 
            </a><!--~./ end location card item ~--> 
            
            <!--~~~~~ Start Location Card Item ~~~~~--> 
            <a href="#" class="location-card-item">
            <figure class="location-thumb"> <img src="assets/images/img-10.jpg" alt="Thmubnail"> </figure>
            <!--./ featured-media -->
            
            <div class="location-content">
              <h3 class="name">{{lang.section18}}</h3>
              <!--./ name --> 
            </div>
            <!--./ location-content --> 
            </a><!--~./ end location card item ~--> 
            
            <!--~~~~~ Start Location Card Item ~~~~~--> 
            <a href="#" class="location-card-item">
            <figure class="location-thumb"> <img src="assets/images/img-11.jpg" alt="Thmubnail"> </figure>
            <!--./ featured-media -->
            
            <div class="location-content">
              <h3 class="name">{{lang.section19}}</h3>
              <!--./ name --> 
            </div>
            <!--./ location-content --> 
            </a><!--~./ end location card item ~--> 
            
            <a href="#" class="location-card-item">
            <figure class="location-thumb"> <img src="assets/images/img-12.jpg" alt="Thmubnail"> </figure>
            <!--./ featured-media -->
            
            <div class="location-content">
              <h3 class="name">{{lang.section110}}</h3>
              <!--./ name --> 
            </div>
            <!--./ location-content --> 
            </a> </div>
        </div>
        <!-- /.col-12 --> 
      </div>
      <!-- /.row --> 
    </div>
    <!-- /.container-fluid --> 
  </div>
  <div class="todos-block bg-snow ptb-100">
    <div class="container ml-b-30">
      <div class="row align-items-center justify-content-center"> 
        <!--~~~~~ Start Section title ~~~~~-->
        <div class="col-10">
          <div class="section-title text-center">
            <p class="title-sub">{{lang.section21}}</p>
            <!--  /.title-sub -->
            <h2 class="title-main">{{lang.section22}}</h2>
            <!-- /.title-main -->
            <div class="divider"> <span class="icon-star-full"></span> <span class="icon-star-full"></span> <span class="icon-star-full"></span> <span class="icon-star-full"></span> <span class="icon-star-full"></span> </div>
            <!-- /.divider --> 
          </div>
          <!-- /.section-title --> 
        </div>
        <!--./ col-12 --> 
      </div>
      <div class="row">
        <div class="col-lg-6 col-md-6">
          <div class="todo-item">
            <div class="todo-thumbnail-area">
              <figure class="item-thumb"> <img src="assets/images/img-13.jpg" alt="Thmubnail"> </figure>
              <!--./ item-thumb -->
              <div class="todo-overlay-info">
                <div class="todo-type-cat"> <a href="#" class="offer">{{lang.section23}}</a> </div>
              </div>
            </div>
            <div class="todo-content">
              <h3 class="title"><a href="#">{{lang.section24}} {{lang.section25}}</a></h3>
              
              <!--./ todo-footer -->
              <div class="todo-meta">
                <div> <span class="bi bi-arrow-right-circle"></span>{{lang.section26}} </div>
                <!--./ todo-location -->
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section27}} </div>
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section28}}</div>
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section29}}</div>
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section210}}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6">
          <div class="todo-item status-closed">
            <div class="todo-thumbnail-area">
              <figure class="item-thumb"> <img src="assets/images/img-14.jpg" alt="Thmubnail"> </figure>
              <div class="todo-overlay-info">
                <div class="todo-type-cat"> <a href="#" class="offer">{{lang.section211}}</a> </div>
                <!--./ todo-type-cat --> 
                
                <!--./ todo-meta-bottom --> 
              </div>
              <!--./ section-header --> 
            </div>
            <!--./ todo-overlay-info -->
            <div class="todo-content">
              <h3 class="title"><a href="#">{{lang.section212}}</a></h3>
              
              <!--./ todo-footer -->
              <div class="todo-meta">
                <div> <span class="bi bi-arrow-right-circle"></span>{{lang.section213}}</div>
                <!--./ todo-location -->
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section214}}</div>
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section215}}</div>
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section216}}</div>
                <div> <span class="bi bi-arrow-right-circle"></span> {{lang.section217}}</div>
                <!--./ todo-number --> 
              </div>
              <!--./ todo-meta --> 
            </div>
            <!--./ todo-content --> 
          </div>
        </div>
        <div class="col-lg-12 col-md-12 text-center text-danger">
          <!-- <p class="title-sub">{{lang.section218}}</p> -->
          <p class="title-sub" v-if="language == 'cn'"><a href="assets/pdf/pdf-cn.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
          <p class="title-sub" v-else-if="language == 'es'"><a href="assets/pdf/pdf-es.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
          <p class="title-sub" v-else-if="language == 'pt'"><a href="assets/pdf/pdf-pt.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
          <p class="title-sub" v-else-if="language == 'th'"><a href="assets/pdf/pdf-th.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
          <p class="title-sub" v-else-if="language == 'vn'"><a href="assets/pdf/pdf-vn.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
          <p class="title-sub" v-else-if="language == 'zhHant'"><a href="assets/pdf/pdf-zhHant.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
          <p class="title-sub" v-else><a href="assets/pdf/pdf-en.pdf" class="color-primary" target="_blank"><span>*</span><span>{{lang.section218}}</span></a></p>
        </div>
      </div>
      <!--./ row --> 
    </div>
  </div>
  <div class="table-bg ptb-100" >
    <div class="container ml-b-30">
      <div class="row align-items-center justify-content-center "> 
        <!--~~~~~ Start Section title ~~~~~-->
        <div class="col-9 ">
          <div class="section-title text-center">
            <p class="title-sub">{{lang.section31}}</p>
            <!--  /.title-sub -->
            <h2 class="title-main text-white">{{lang.section32}}</h2>
            <!-- /.title-main --> 
            
            <!-- /.divider --> 
          </div>
          <!-- /.section-title --> 
        </div>
        <!--./ col-12 --> 
      </div>
		
      <div class="bg-white p-1 row">
        <table class="table text-start table-striped">
          <thead class="bg-primary text-white">
            <tr>
              <th scope="col">{{lang.section33}}</th>
              <th scope="col">{{lang.section34}}</th>
              <th scope="col">{{lang.section35}}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">{{lang.section36}}</th>
              <td>{{lang.section37}}<br>
                <hr>
                {{lang.section38}}<br>
                <hr>
                {{lang.section39}} </td>
              <td>{{lang.section340}}</td>
            </tr>
            <tr>
              <th scope="row">{{lang.section310}}</th>
              <td>{{lang.section311}}</td>
              <td>{{lang.section312}}</td>
            </tr>
            <tr>
              <th scope="row">{{lang.section313}}</th>
              <td>{{lang.section314}}</td>
              <td>{{lang.section315}}</td>
            </tr>
            <tr>
              <th scope="row">{{lang.section316}}</th>
              <td>{{lang.section317}}<br>
                <hr>
                {{lang.section318}}<br>
                <hr>
                {{lang.section319}}</td>
              <td>{{lang.section320}}<br>
                <hr>
                {{lang.section321}}<br>
                <hr>
                {{lang.section322}} </td>
            </tr>
            <tr>
              <th scope="row">{{lang.section323}}</th>
              <td>{{lang.section324}}<br>
                <hr>
                {{lang.section325}}<br>
                <hr>
                {{lang.section326}}</td>
              <td>{{lang.section327}}<br>
                <hr>
                {{lang.section328}}<br>
                <hr>
                {{lang.section329}}</td>
            </tr>
            <tr>
              <th scope="row">{{lang.section330}}</th>
              <td>{{lang.section331}}<br>
                <hr>
                {{lang.section332}}<br>
                <hr>
                {{lang.section333}} </td>
              <td>{{lang.section334}}<br>
                <hr>
                {{lang.section335}}<br>
                <hr>
                {{lang.section336}} </td>
            </tr>
            <tr>
              <th scope="row">{{lang.section337}}</th>
              <td>{{lang.section338}}</td>
              <td>{{lang.section339}}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <!--./ row --> 
    </div>
  </div>
  <div class="promo-video-block bg-image pd-t-100" style="background-image:url('assets/images/img-15.jpg')">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-10">
          <div class="promo-video-content text-center">
            <div class="promo-text "> <img src="assets/images/cwg-logo.svg" class="w-25" alt="cwg-logo">
              <h2 class="promo-title">{{lang.section41}}</h2>
              <!-- /.promo-title --> 
              <a class="btn btn-default btn-black mt-3" href="#" data-toggle="modal" data-target="#exampleModal"  @click="dialogFormVisible = true">{{lang.section42}}<span class="bi bi-arrow-right-short"></span></a> 
            </div>
            <!-- /.promo-text --> 
          </div>
          <!-- /.promo-video-content --> 
        </div>
        <!-- /.col-lg-6 --> 
      </div>
      <!-- /.row --> 
    </div>
    <!-- /.container --> 
  </div>
  <footer class="site-footer bg-blue-violet footer-default-style footer-style-one pb-1">
    <div class="footer-content-area">
      <div class="container">
        <div class="row align-items-center"> 
          
          <!--~./ col-lg-3 ~-->
          <div class="col-lg-12">
            <ul class="footer-menu">
              <li><a href="https://www.cwgvu.com/about-cwg" target="_blank">{{lang.footer1}}</a></li>
              <li><a href="https://www.cwgvu.com/doc/PrivacyPolicy2019-01.pdf" target="_blank">{{lang.footer2}}</a></li>
              <li><a href="https://www.cwgvu.com/doc/Terms-and-Conditions-2020-08.pdf" target="_blank">{{lang.footer3}}</a></li>
            </ul>
            <!--  /.footer-menu --> 
          </div>
        </div>
      </div>
    </div>
    <!--~./ end footer content area ~--> 
  </footer> 


  <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="assets/images/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="assets/images/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="assets/images/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 src="assets/js/jquery.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/main.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="assets/js/active1.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>
    <!-- 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>
<!-- <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog  modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body text-center"><img src="assets/images/cwg-logo-dark.svg" alt="site logo" class="w-50 mb-3">
        <h1 class="mb-5">Please fill out this field</h1>
        <div class="row">
			
          <div class="col-md-6">
            <input type="text" name="fname" placeholder="Select Location" class="gp-input">
            </div>
          <div class="col-md-6">
            <input type="text" name="fname" placeholder="Phone Number" class="gp-input">
           </div>
          <div class="col-md-6">
            <input type="text" name="fname" placeholder="Email" class="gp-input">
            </div>
          <div class="col-md-6">
            <input type="text" name="fname" placeholder="Email Varification Code" class="gp-input">
            </div>
          <div class="col-md-6">
            <input type="text" name="fname" placeholder="Set Password" class="gp-input">
            </div>
          <ul class="text-left">
            <li class="">Must be between 8 to 15 characters</li>
            <li class="">Contain both uppercase and lowercase letter</li>
            <li class="">Use a combination of numbers and letters</li>
          </ul>
        </div>
      </div>
      <div class="modal-footer"><a href="#" class="btn btn-default btn-black mt-3">Register</a><a href="#" class="btn btn-default btn-black mt-3">Already Have An Account</a></div>
    </div>
  </div>
</div> -->