Главная Обзор Помощь
Регистрация Вход
cwg-crm
/
cwg_crm_person_front_vu_realse
2
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Дерево: 87b36d8ff7
Ветки Метки
cwg_crm_pers...
/
activity
/
newYearRewardProgram
/
index.html

index.html 28 KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608 
  1. <!doctype html>
    2. 

  2. <html class="no-js" lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5. 	<title>New Year Reward Program for Daily Gold Stream</title>
    6. 

  6. 	<meta charset="utf-8">
    7. 

  7. 	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    8. 

  8. 	<meta name="author" content="">
    9. 

  9. 	<meta name="viewport" content="width=device-width,initial-scale=1.0" />
    10. 

  10. 	<meta name="description" content="">
    11. 

  11. 	<!-- favicon icon -->
    12. 

  12. 	<link rel="shortcut icon" href="imgs/favicon.ico">
    13. 

  13. 	<!-- google fonts preconnect -->
    14. 

  14. 	<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    15. 

  15. 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    16. 

  16. 	<!-- style sheets and font icons  -->
    17. 

  17. 	<link rel="stylesheet" href="css/vendors.min.css" />
    18. 

  18. 	<link rel="stylesheet" href="css/icon.min.css" />
    19. 

  19. 	<link rel="stylesheet" href="css/style.css" />
    20. 

  20. 	<link rel="stylesheet" href="css/responsive.css" />
    21. 

  21. 	<link rel="stylesheet" href="css/cwg-style.css" />
    22. 

  22. 	<link rel="stylesheet" href="../../css/element-ui.css" />
    23. 

  23. 	<link rel="stylesheet" href="../../css/element@2.12.2.css" />
    24. 

  24.     <link rel="stylesheet" href="../../css/preloading.css" />
    25. 

  25. 	<!-- <link rel="stylesheet" href="css/active5.css" /> -->
    26. 

  26. 	<link rel="stylesheet" href="assets/iconfont/iconfont.css" />
    27. 

  27. 	<!-- <script
    28. 

  28.       id="ze-snippet"
    29. 

  29.       src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
    30. 

  30.     ></script> -->
    31. 

  31. 	<script type="text/javascript">
    32. 

  32. 		window.__lc = window.__lc || {};
    33. 

  33. 		window.__lc.license = 18945964;
    34. 

  34. 		(function (n, t, c) {
    35. 

  35. 		  function i(n) {
    36. 

  36. 			return e._h ? e._h.apply(null, n) : e._q.push(n);
    37. 

  37. 		  }
    38. 

  38. 		  var e = {
    39. 

  39. 			_q: [],
    40. 

  40. 			_h: null,
    41. 

  41. 			_v: "2.0",
    42. 

  42. 			on: function () {
    43. 

  43. 			  i(["on", c.call(arguments)]);
    44. 

  44. 			},
    45. 

  45. 			once: function () {
    46. 

  46. 			  i(["once", c.call(arguments)]);
    47. 

  47. 			},
    48. 

  48. 			off: function () {
    49. 

  49. 			  i(["off", c.call(arguments)]);
    50. 

  50. 			},
    51. 

  51. 			get: function () {
    52. 

  52. 			  if (!e._h)
    53. 

  53. 				throw new Error(
    54. 

  54. 				  "[LiveChatWidget] You can't use getters before load."
    55. 

  55. 				);
    56. 

  56. 			  return i(["get", c.call(arguments)]);
    57. 

  57. 			},
    58. 

  58. 			call: function () {
    59. 

  59. 			  i(["call", c.call(arguments)]);
    60. 

  60. 			},
    61. 

  61. 			init: function () {
    62. 

  62. 			  var n = t.createElement("script");
    63. 

  63. 			  (n.async = !0),
    64. 

  64. 				(n.type = "text/javascript"),
    65. 

  65. 				(n.src = "https://cdn.livechatinc.com/tracking.js"),
    66. 

  66. 				t.head.appendChild(n);
    67. 

  67. 			},
    68. 

  68. 		  };
    69. 

  69. 		  !n.__lc.asyncInit && e.init(),
    70. 

  70. 			(n.LiveChatWidget = n.LiveChatWidget || e);
    71. 

  71. 		})(window, document, [].slice);
    72. 

  72. 	  </script>
    73. 

  73. 	  <noscript>
    74. 

  74. 		<a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
    75. 

  75. 		  >Chat with us</a
    76. 

  76. 		>, powered by
    77. 

  77. 		<a
    78. 

  78. 		  href="https://www.livechat.com/?welcome"
    79. 

  79. 		  rel="noopener nofollow"
    80. 

  80. 		  target="_blank"
    81. 

  81. 		  >LiveChat</a
    82. 

  82. 		>
    83. 

  83. 	  </noscript>
    84. 

  84. 	<script>
    85. 

  85. 	  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    86. 

  86. 	  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    87. 

  87. 	  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    88. 

  88. 	  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    89. 

  89. 	  })(window,document,'script','dataLayer','GTM-T8P44WHV');
    90. 

  90. 	</script>
    91. 

  91. </head>
    92. 

  92.   <style>
    93. 

  93.     [v-cloak] {
    94. 

  94.       display: none;
    95. 

  95.     }
    96. 

  96.   </style>
    97. 

  97. 

  98. <body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#383632" class="custom-cursor">
    99. 

  99. 	
    100. 

  100. 	<div
    101. 

  101. 	id="pre"
    102. 

  102. 	style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
    103. 

  103.   >
    104. 

  104. 	<div
    105. 

  105. 	  style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
    106. 

  106. 	>
    107. 

  107. 	  <div
    108. 

  108. 		style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
    109. 

  109. 	  >
    110. 

  110. 		<div class="line-scale">
    111. 

  111. 		  <div></div>
    112. 

  112. 		  <div></div>
    113. 

  113. 		  <div></div>
    114. 

  114. 		  <div></div>
    115. 

  115. 		  <div></div>
    116. 

  116. 		</div>
    117. 

  117. 	  </div>
    118. 

  118. 	</div>
    119. 

  119.   </div>
    120. 

  120. 	<div  id="active1" v-cloak  v-loading="pictLoading" element-loading-background = "rgba(43, 48, 67, 0.65)" element-loading-spinner = "el-icon-loading">
    121. 

  121. 		<div class="cursor-page-inner">
    122. 

  122. 			<div class="circle-cursor circle-cursor-inner"></div>
    123. 

  123. 			<div class="circle-cursor circle-cursor-outer"></div>
    124. 

  124. 		</div>
    125. 

  125. 		<header>
    126. 

  126. 			<!-- start navigation -->
    127. 

  127. 			<nav class="navbar navbar-expand-lg header-transparent bg-transparent header-reverse" data-header-hover="light">
    128. 

  128. 				<div class="container-fluid">
    129. 

  129. 					<div class="col-auto col-lg-2 me-lg-0 me-auto">
    130. 

  130. 						<a class="navbar-brand" href="javasscript:;"> 
    131. 

  131. 							<img src="imgs/cwg-logo-white.png" data-at2x="imgs/cwg-logo-white.png" alt="cwg-logo" class="default-logo"> <img src="imgs/cwg-logo.png" data-at2x="imgs/cwg-logo.png" alt="cwg-logo" class="alt-logo"> 
    132. 

  132. 							<img src="imgs/cwg-logo.png" data-at2x="imgs/cwg-logo.png" alt="cwg-logo" class="mobile-logo"> 
    133. 

  133. 						</a>
    134. 

  134. 					</div>
    135. 

  135. 					<div class="col-auto my-w" >
    136. 

  136. 						<!-- <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> -->
    137. 

  137. 						<div class="" id="navbarNav">
    138. 

  138. 							<ul class="navbar-nav alt-font ls-1px">
    139. 

  139. 								<li class="nav-item"> <a href="javascript: $zopim.livechat.window.show();" class="nav-link">{{lang.nav1}}</a> </li>
    140. 

  140. 								<!-- <li class="nav-item"> <a href="javasscript:;" class="nav-link">Language</a> </li> -->
    141. 

  141. 								<li class="nav-item"><a href="javascript:;" class="nav-link">
    142. 

  142. 									<div class="menu-logo chooseLang">
    143. 

  143. 										<!-- <img
    144. 

  144. 										  v-if="langList[language] == 'ENGLISH'"
    145. 

  145. 										  style="width: 15px; height: 10px; margin: 0 4px"
    146. 

  146. 										  src="../common/img/EN.jpg"
    147. 

  147. 										  alt=""
    148. 

  148. 										/>
    149. 

  149. 										<img
    150. 

  150. 										  v-if="langList[language] == '中文简体'"
    151. 

  151. 										  style="width: 15px; height: 10px; margin: 0 4px"
    152. 

  152. 										  src="../common/img/CN.jpg"
    153. 

  153. 										  alt=""
    154. 

  154. 										/> -->
    155. 

  155. 										<el-dropdown trigger="click" @command="chooseLang">
    156. 

  156. 										  <span class="menu">
    157. 

  157. 											{{langList[language]}}
    158. 

  158. 											<i class="el-icon-arrow-down el-icon--right"></i>
    159. 

  159. 										  </span>
    160. 

  160. 										  <el-dropdown-menu slot="dropdown">
    161. 

  161. 											<el-dropdown-item command="cn"
    162. 

  162. 										  >中文简体</el-dropdown-item
    163. 

  163. 										>
    164. 

  164. 										<el-dropdown-item command="zhHant"
    165. 

  165. 										  >中文繁體</el-dropdown-item
    166. 

  166. 										>
    167. 

  167. 										<el-dropdown-item command="en"
    168. 

  168. 										  >English</el-dropdown-item
    169. 

  169. 										>
    170. 

  170. 										<el-dropdown-item command="es"
    171. 

  171. 										  >Español</el-dropdown-item
    172. 

  172. 										>
    173. 

  173. 										<el-dropdown-item command="ar"
    174. 

  174. 										  >العربية</el-dropdown-item
    175. 

  175. 										>
    176. 

  176. 										<el-dropdown-item command="de"
    177. 

  177. 										  >Deutsch</el-dropdown-item
    178. 

  178. 										>
    179. 

  179. 										<el-dropdown-item command="id"
    180. 

  180. 										  >Indonesian</el-dropdown-item
    181. 

  181. 										>
    182. 

  182. 										<el-dropdown-item command="ko"
    183. 

  183. 										  >한국어</el-dropdown-item
    184. 

  184. 										>
    185. 

  185. 										<el-dropdown-item command="ms"
    186. 

  186. 										  >Melayu</el-dropdown-item
    187. 

  187. 										>
    188. 

  188. 										<el-dropdown-item command="th"
    189. 

  189. 										  >ภาษาไทย</el-dropdown-item
    190. 

  190. 										>
    191. 

  191. 										<el-dropdown-item command="vn"
    192. 

  192. 										  >Tiếng Việt</el-dropdown-item
    193. 

  193. 										>
    194. 

  194. 										<el-dropdown-item command="pt">Português</el-dropdown-item>
    195. 

  195. 										<el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
    196. 

  196. 										<el-dropdown-item command="tr">Türkçe</el-dropdown-item>
    197. 

  197. 										  </el-dropdown-menu>
    198. 

  198. 										</el-dropdown>
    199. 

  199. 									  </div>
    200. 

  200. 								  </a></li>
    201. 

  201. 								<li class="nav-item"> <a href="javasscript:;" class="nav-link" @click="dialogFormVisible = true">{{lang.nav2}}</a> </li>
    202. 

  202. 							</ul>
    203. 

  203. 						</div>
    204. 

  204. 					</div>
    205. 

  205. 				</div>
    206. 

  206. 			</nav>
    207. 

  207. 			<!-- end navigation -->
    208. 

  208. 		</header>
    209. 

  209. 		<section class="p-0 full-screen md-h-700px sm-h-600px ipad-top-space-margin cover-background" data-parallax-background-ratio="0.8">
    210. 

  210. 			<div class="container h-100">
    211. 

  211. 				<div class="row align-items-center h-100 justify-content-center">
    212. 

  212. 					<div class="col-12 position-relative text-center">
    213. 

  213. 						<div class="background-repeat bg-base-color border-radius-100 w-700px h-700px lg-w-550px lg-h-550px sm-w-450px sm-h-450px xs-w-320px xs-h-320px mx-auto position-relative d-flex justify-content-center align-items-center" data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 800, "delay": 100, "staggervalue": 100, "easing": "easeOutQuad" }'>
    214. 

  214. 							<div>
    215. 

  215. 								<p class="text-black alt-font fs-26 xs-fs-17 xs-lh-26 ls-1px text-uppercase mb-25px sm-mb-15px mt-10px">{{lang.headers1}}</p>
    216. 

  216. 								<!-- data-fancy-text='{ "effect": "rotate", "string": ["Daily Gold Stream", "Daily Gold Stream"] }' -->
    217. 

  217. 								<div class="alt-font fs-110 lh-100 xs-fs-80 xs-lh-70 mb-30px xs-mb-15px fancy-text-style-4"> <span class="text-outline text-outline text-outline-width-1px sm-text-outline-width-1px text-outline-color-white text-outline-base-color-background">{{lang.headers2}}</span> <span class="text-white ls-minus-2px">{{lang.headers3}}</span> </div>
    218. 

  218. 								<a href="javasscript:;" class="btn btn-extra-large btn-switch-text btn-black btn-round-edge btn-box-shadow mb-10px" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.nav3">{{lang.nav3}}</span> <span> <i class="feather icon-feather-arrow-right"></i> </span> </span>
    219. 

  219. 								</a>
    220. 

  220. 							</div>
    221. 

  221. 						</div>
    222. 

  222. 						
    223. 

  223. 						<div class="col-12 position-relative text-center my_tip">
    224. 

  224. 							{{lang.headers3_1}}
    225. 

  225. 						</div>
    226. 

  226. 					</div>
    227. 

  227. 				</div>
    228. 

  228. 			</div>
    229. 

  229. 		</section>
    230. 

  230. 		<section class="bg-white container mb-0 mt-30px pb-0 pt-0">
    231. 

  231. 			<div class="overflow-hidden overlap-height position-relative">
    232. 

  232. 				<div class="container overlap-gap-section">
    233. 

  233. 					<div class="position-absolute left-0px w-100 text-center top-0 lg-top-minus-60px xs-top-minus-20px opacity-2 ls-minus-10px lg-ls-minus-1px fs-300 lg-fs-250 xs-fs-200 text-nowrap alt-font text-uppercase">Gold Stream</div>
    234. 

  234. 					<div class="row align-items-center mb-4 lg-mb-6 lg-mt-5 pt-10">
    235. 

  235. 						<div class="col-xl-7 col-lg-6 text-center position-relative md-mb-50px xs-mb-30px" data-anime='{ "rotateZ": [-15, 0], "opacity": [0,1], "duration": 1500, "delay": 300, "staggervalue": 150, "easing": "easeOutQuad" }'> <img src="imgs/banner-01.png" alt="banner-01" class="img-fluid"> </div>
    236. 

  236. 						<div class="col-xl-5 col-lg-6" data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'> <span class="fs-15 fw-600 text-red text-uppercase mb-25px d-block"> <span class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>CWG Markets </span>
    237. 

  237. 							<h1 class="alt-font text-dark-gray mb-15px">{{lang.headers4}}</h1>
    238. 

  238. 							<p class="w-90">{{lang.headers5}}</p>
    239. 

  239. 							<div class="d-inline-block mt-10px xs-mt-0">
    240. 

  240. 								<a href="javasscript:;" class="btn btn-dark-gray btn-large btn-switch-text btn-round-edge btn-box-shadow me-30px xs-me-15px xs-mb-10px" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.nav3">{{lang.nav3}}</span> </span>
    241. 

  241. 								</a>
    242. 

  242. 							</div>
    243. 

  243. 						</div>
    244. 

  244. 					</div>
    245. 

  245. 				</div>
    246. 

  246. 			</div>
    247. 

  247. 			<div class="overflow-hidden position-relative pt-10 z-index-0">
    248. 

  248. 				<div class="container bg-white">
    249. 

  249. 					<div class="row row-cols-1 row-cols-xl-2 row-cols-lg-2 row-cols-md-2 justify-content-center" data-anime='{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
    250. 

  250. 						<!-- start features box item -->
    251. 

  251. 						<div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
    252. 

  252. 							<div class="feature-box feature-box-left-icon-middle">
    253. 

  253. 								<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-1.png" class="img-fluid" alt="icon"> </div>
    254. 

  254. 								<div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.headers6}}</span>
    255. 

  255. 									<p class="lh-22">{{lang.headers7}}</p>
    256. 

  256. 								</div>
    257. 

  257. 							</div>
    258. 

  258. 						</div>
    259. 

  259. 	
    260. 

  260. 						<div class="col icon-with-text-style-08">
    261. 

  261. 							<div class="feature-box feature-box-left-icon-middle">
    262. 

  262. 								<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-3.png" class="img-fluid" alt="icon"> </div>
    263. 

  263. 								<div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.headers8}}</span>
    264. 

  264. 									<p class="lh-22">{{lang.headers9}}</p>
    265. 

  265. 								</div>
    266. 

  266. 							</div>
    267. 

  267. 						</div>
    268. 

  268. 						<!-- end features box item -->
    269. 

  269. 					</div>
    270. 

  270. 					<div class="row row-cols-1 row-cols-xl-2 row-cols-lg-2 row-cols-md-2 justify-content-center mt-5" data-anime='{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
    271. 

  271. 						<!-- start features box item -->
    272. 

  272. 						<div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
    273. 

  273. 							<div class="feature-box feature-box-left-icon-middle">
    274. 

  274. 								<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-4.png" class="img-fluid" alt="icon"> </div>
    275. 

  275. 								<div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.headers10}}</span>
    276. 

  276. 									<p class="lh-22">{{lang.headers11}}</p>
    277. 

  277. 								</div>
    278. 

  278. 							</div>
    279. 

  279. 						</div>
    280. 

  280. 						<div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
    281. 

  281. 							<div class="feature-box feature-box-left-icon-middle">
    282. 

  282. 								<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-5.png" class="img-fluid" alt="icon"> </div>
    283. 

  283. 								<div class="feature-box-content last-paragraph-no-margin"> <span class="d-inline-block alt-font fs-26 text-dark-gray">{{lang.headers12}}</span>
    284. 

  284. 									<p class="lh-22">{{lang.headers13}}</p>
    285. 

  285. 								</div>
    286. 

  286. 							</div>
    287. 

  287. 						</div>
    288. 

  288. 					</div>
    289. 

  289. 				</div>
    290. 

  290. 			</div>
    291. 

  291. 			<div class="pb-5 pt-10">
    292. 

  292. 				<div class="container bg-white">
    293. 

  293. 					<div class="row align-items-center">
    294. 

  294. 						<div class="col-xl-12 col-lg-12 text-center"> <span class="fs-15 fw-600 text-red text-uppercase mb-25px 
    295. 

  295. 							   d-block"> <span class="w-70px xs-w-50px h-2px bg-red d-inline-block align-middle me-15px"></span>CWG Markets </span>
    296. 

  296. 							<h1 class="alt-font text-dark-gray mb-40px">{{lang.headers14}}</h1>
    297. 

  297. 							<table class="border table table-striped text-xl-start">
    298. 

  298. 								<thead class="bg-base-color">
    299. 

  299. 									<tr>
    300. 

  300. 										<th class="bg-gradient-orange-transparent text-bg-danger">{{lang.table1}}</th>
    301. 

  301. 										<th class="bg-gradient-orange-transparent text-bg-danger">{{lang.table2}}</th>
    302. 

  302. 										<!-- <th class="bg-gradient-orange-transparent text-bg-danger">{{lang.table3}}</th> -->
    303. 

  303. 										<th class="bg-gradient-orange-transparent text-bg-danger">{{lang.table4}}</th>
    304. 

  304. 									</tr>
    305. 

  305. 								</thead>
    306. 

  306. 								<tbody>
    307. 

  307. 									<tr>
    308. 

  308. 										<td>{{lang.table5}}</td>
    309. 

  309. 												<td>1.8%</td>
    310. 

  310. 												<!-- <td>0.15%</td> -->
    311. 

  311. 												<td>{{lang.table6}}</td>
    312. 

  312. 									</tr>
    313. 

  313. 									<tr>
    314. 

  314. 										<td>{{lang.table7}}</td>
    315. 

  315. 												<td>3%</td>
    316. 

  316. 												<!-- <td>0.25%</td> -->
    317. 

  317. 												<td>{{lang.table8}}</td>
    318. 

  318. 									</tr>
    319. 

  319. 									<tr>
    320. 

  320. 										<td>{{lang.table9}}</td>
    321. 

  321. 												<td>4.5%</td>
    322. 

  322. 												<!-- <td>0.375%</td> -->
    323. 

  323. 												<td>{{lang.table10}}</td>
    324. 

  324. 									</tr>
    325. 

  325. 									<tr>
    326. 

  326. 										<td>{{lang.table11}}</td>
    327. 

  327. 										<td>5.5%</td>
    328. 

  328. 										<!-- <td>0.4583%</td> -->
    329. 

  329. 										<td>{{lang.table12}}</td>
    330. 

  330. 									</tr>
    331. 

  331. 								</tbody>
    332. 

  332. 							</table>
    333. 

  333. 							<p class="fw-700 text-black text-center">{{lang.table13}}</p>
    334. 

  334. 							<a href="javasscript:;" class="btn btn-extra-large btn-switch-text btn-black btn-round-edge btn-box-shadow mb-10px" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.nav3">{{lang.nav3}}</span> <span> <i class="feather icon-feather-arrow-right"></i> </span> </span>
    335. 

  335. 							</a>
    336. 

  336. 						</div>
    337. 

  337. 					</div>
    338. 

  338. 				</div>
    339. 

  339. 			</div>
    340. 

  340. 			<div class="pb-5">
    341. 

  341. 				<div class="container bg-white">
    342. 

  342. 					<div class="row align-items-center">
    343. 

  343. 						<div class="col-xl-12 col-lg-12 text-center"> <span class="fs-15 fw-600 text-red text-uppercase mb-25px 
    344. 

  344. 							   d-block"> <span class="w-70px xs-w-50px h-2px bg-red d-inline-block align-middle me-15px"></span>CWG Markets </span>
    345. 

  345. 							<h1 class="alt-font text-dark-gray mb-0px">{{lang.item1}} <br>{{lang.item2}}</h1>
    346. 

  346. 							<p>{{lang.item3}}</p>
    347. 

  347. 						</div>
    348. 

  348. 						<div class="col-lg-6">
    349. 

  349. 							<!-- start features box item -->
    350. 

  350. 							<div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px" style="">
    351. 

  351. 								<div class="feature-box feature-box-left-icon-middle">
    352. 

  352. 									<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-1.png" class="img-fluid" alt="icon" data-no-retina=""> </div>
    353. 

  353. 									<div class="feature-box-content last-paragraph-no-margin"> <span class="alt-font d-inline-block fs-1 mt-3 text-dark-gray">{{lang.item4}}</span>
    354. 

  354. 										<p class="lh-22">{{lang.item5}}</p>
    355. 

  355. 									</div>
    356. 

  356. 								</div>
    357. 

  357. 							</div>
    358. 

  358. 							<div class="col icon-with-text-style-08 md-mb-50px mt-5 sm-mb-30px" style="">
    359. 

  359. 								<div class="feature-box feature-box-left-icon-middle">
    360. 

  360. 									<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-1.png" class="img-fluid" alt="icon" data-no-retina=""> </div>
    361. 

  361. 									<div class="feature-box-content last-paragraph-no-margin"> <span class="alt-font d-inline-block fs-1 mt-3 text-dark-gray">
    362. 

  362. 					{{lang.item6}}</span>
    363. 

  363. 										<p class="lh-22">{{lang.item7}} </p>
    364. 

  364. 									</div>
    365. 

  365. 								</div>
    366. 

  366. 							</div>
    367. 

  367. 							<div class="col icon-with-text-style-08 md-mb-50px mt-5 sm-mb-30px" style="">
    368. 

  368. 								<div class="feature-box feature-box-left-icon-middle">
    369. 

  369. 									<div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-white box-shadow-medium-bottom me-25px"> <img src="imgs/icon-1.png" class="img-fluid" alt="icon" data-no-retina=""> </div>
    370. 

  370. 									<div class="feature-box-content last-paragraph-no-margin"> <span class="alt-font d-inline-block fs-1 mt-3 text-dark-gray">{{lang.item8}}</span>
    371. 

  371. 										<p class="lh-22">{{lang.item9}}</p>
    372. 

  372. 									</div>
    373. 

  373. 								</div>
    374. 

  374. 							</div>
    375. 

  375. 						</div>
    376. 

  376. 						<div class="col-lg-6"> <img src="imgs/banner-08.png" alt="banner-08"> </div>
    377. 

  377. 					</div>
    378. 

  378. 				</div>
    379. 

  379. 			</div>
    380. 

  380. 			<div class="pb-5 pt-10">
    381. 

  381. 				<div class="container bg-white">
    382. 

  382. 					<div class="row align-items-center">
    383. 

  383. 						<div class="col-xl-12 col-lg-12 text-center"> <span class="fs-15 fw-600 text-red text-uppercase mb-25px 
    384. 

  384. 							   d-block"> <span class="w-70px xs-w-50px h-2px bg-red d-inline-block align-middle me-15px"></span>CWG Markets </span>
    385. 

  385. 							<h1 class="alt-font text-dark-gray mb-10px">{{lang.item10}}</h1>
    386. 

  386. 							<p>{{lang.item11}}</p>
    387. 

  387. 						</div>
    388. 

  388. 						<div class="col-xl-6 col-lg-6 text-center">
    389. 

  389. 							<table class="border table table-striped text-xl-start">
    390. 

  390. 								<thead class="bg-base-color">
    391. 

  391. 									<tr>
    392. 

  392. 										<th class="bg-gradient-orange-transparent text-bg-danger">{{lang.item12}}</th>
    393. 

  393. 										<th class="bg-gradient-orange-transparent text-bg-danger">{{lang.item13}}</th>
    394. 

  394. 									</tr>
    395. 

  395. 								</thead>
    396. 

  396. 								<tbody>
    397. 

  397. 									<tr>
    398. 

  398. 										<td>{{lang.item14}}</td>
    399. 

  399. 												<td>{{lang.item15}}</td>
    400. 

  400. 									</tr>
    401. 

  401. 									<tr>
    402. 

  402. 										<td>{{lang.item16}}</td>
    403. 

  403. 												<td>{{lang.item17}}</td>
    404. 

  404. 									</tr>
    405. 

  405. 									<tr>
    406. 

  406. 										<td>{{lang.item18}}</td>
    407. 

  407. 												<td>{{lang.item19}}</td>
    408. 

  408. 									</tr>
    409. 

  409. 									<tr>
    410. 

  410. 										<td>{{lang.item20}}</td>
    411. 

  411. 										<td>{{lang.item21}}</td>
    412. 

  412. 									</tr>
    413. 

  413. 								</tbody>
    414. 

  414. 							</table>
    415. 

  415. 						</div>
    416. 

  416. 						<div class="col-xl-6 col-lg-6 text-center position-relative md-mb-50px xs-mb-30px" data-anime='{ "rotateZ": [-15, 0], "opacity": [0,1], "duration": 1500, "delay": 300, "staggervalue": 150, "easing": "easeOutQuad" }'> <img src="imgs/banner-05.png" alt="banner-05"> </div>
    417. 

  417. 						<p class="fw-700 text-black text-center">{{lang.item22}}</p>
    418. 

  418. 					</div>
    419. 

  419. 				</div>
    420. 

  420. 			</div>
    421. 

  421. 			<div class="row justify-content-center mb-5">
    422. 

  422. 				<div class="col-lg-8 text-center appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }"> <span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block" style=""> <span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>CWG Markets<span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span> </span>
    423. 

  423. 					<h1 class="alt-font text-dark-gray mb-2" style="">{{lang.item23}} <br>{{lang.item24}}</h1> <img src="imgs/banner-07.png" alt="banner-07" data-no-retina="">
    424. 

  424. 					<h5 class="alt-font text-dark-gray mt-5" style="">{{lang.item25}}</h5>
    425. 

  425. 					<p>{{lang.item26}}</p>
    426. 

  426. 					<a href="javasscript:;" class="btn btn-extra-large btn-switch-text btn-black btn-round-edge btn-box-shadow mb-10px" @click="dialogFormVisible = true"> <span> <span class="btn-double-text" :data-text="lang.nav3">{{lang.nav3}}</span> <span> <i class="feather icon-feather-arrow-right"></i> </span> </span>
    427. 

  427. 					</a>
    428. 

  428. 				</div>
    429. 

  429. 			</div>
    430. 

  430. 			<div class="row bg-color-extra2">
    431. 

  431. 				<div class="fs-12 my-content">
    432. 

  432. 					<p class="mb-0">{{lang.footer1}}</p>
    433. 

  433. 					<p class="mb-0">{{lang.footer2}}</p>
    434. 

  434. 					<!-- <p class="mb-0">{{lang.footer3}}</p> -->
    435. 

  435. 					<p class="mb-0">{{lang.footer4}}</p>
    436. 

  436. 					<p class="mb-0">{{lang.footer5}}</p>
    437. 

  437. 					<p class="mb-0"><span>{{lang.footer6}}</span> <a target="_blank" href="https://www.cwgvu.com/doc/Risk-Disclosures-and-Acknowledgements-2020-08.pdf" class="text-danger">{{lang.footer7}}</a><span>{{lang.footer8}}</span></p>
    438. 

  438. 					<p class="mb-0">{{lang.footer9}}</p>
    439. 

  439. 					<p>{{lang.footer10}}</p>
    440. 

  440. 					<div class="text-center">
    441. 

  441. 						<p>© 2024 CWG MARKETS</p>
    442. 

  442. 					</div>
    443. 

  443. 				</div>
    444. 

  444. 			</div>
    445. 

  445. 		</section>
    446. 

  446. 		<div class="scroll-progress d-none d-xxl-block">
    447. 

  447. 			<a href="javasscript:;" class="scroll-top" aria-label="scroll"> <span class="scroll-text">Scroll</span> <span class="scroll-line"> <span class="scroll-point"></span> </span>
    448. 

  448. 			</a>
    449. 

  449. 		</div>
    450. 

  450. 

  451. 

  452. 		<el-dialog custom-class="crm-signup" :show-close="false" :visible.sync="dialogFormVisible">
    453. 

  453. 			<div class="banner-signup" v-loading="loading">
    454. 

  454. 			  <div class="close" @click="dialogFormVisible = false">
    455. 

  455. 				<i class="el-icon-close"></i>
    456. 

  456. 			  </div>
    457. 

  457. 			  <div class="title">
    458. 

  458. 				<img src="imgs/logo.png" class="img-responsive" alt="cwg-logo">
    459. 

  459. 				<h1 class="text-primary fw-bolder">{{lang.box1item4}}</h1>
    460. 

  460. 				<div class="title2">{{lang.box1item4_1}}</div>
    461. 

  461. 			  </div>
    462. 

  462. 			  <el-form
    463. 

  463. 				:model="params"
    464. 

  464. 				:rules="rules"
    465. 

  465. 				ref="params"
    466. 

  466. 				label-width="0"
    467. 

  467. 				class="form"
    468. 

  468. 			  >
    469. 

  469. 				<el-form-item prop="country" style="position: relative">
    470. 

  470. 				  <el-select
    471. 

  471. 					filterable
    472. 

  472. 					class="country"
    473. 

  473. 					v-model="params.country"
    474. 

  474. 					:placeholder="lang.box1item5"
    475. 

  475. 				  >
    476. 

  476. 					<el-option
    477. 

  477. 					  v-for="item in mock_optionsC"
    478. 

  478. 					  :key="item.id"
    479. 

  479. 					  :label="item.enName"
    480. 

  480. 					  :value="item.code"
    481. 

  481. 					  :disabled="notCountry.indexOf(item.code)!==-1"
    482. 

  482. 					></el-option>
    483. 

  483. 				  </el-select>
    484. 

  484. 				  <i class="iconfont icondingwei"></i>
    485. 

  485. 				</el-form-item>
    486. 

  486. 				<el-form-item prop="phone">
    487. 

  487. 				  <el-input
    488. 

  488. 					class="m-input"
    489. 

  489. 					v-model.trim="params.phone"
    490. 

  490. 					:placeholder="lang.box1item6"
    491. 

  491. 					prefix-icon="iconfont iconshouji"
    492. 

  492. 				  >
    493. 

  493. 				  </el-input>
    494. 

  494. 				</el-form-item>
    495. 

  495. 				<el-form-item prop="email">
    496. 

  496. 				  <el-input
    497. 

  497. 					class="m-input"
    498. 

  498. 					v-model.trim="params.email"
    499. 

  499. 					:placeholder="lang.box1item7"
    500. 

  500. 					prefix-icon="iconfont iconyouxiang1"
    501. 

  501. 				  >
    502. 

  502. 				  </el-input>
    503. 

  503. 				</el-form-item>
    504. 

  504. 				<el-form-item prop="emailCode">
    505. 

  505. 				  <el-row>
    506. 

  506. 					<el-col :span="14">
    507. 

  507. 					  <el-input
    508. 

  508. 						class="code"
    509. 

  509. 						v-model.trim="params.emailCode"
    510. 

  510. 						prefix-icon="iconfont iconyanzhengma"
    511. 

  511. 						:placeholder="lang.box1item8"
    512. 

  512. 					  ></el-input>
    513. 

  513. 					</el-col>
    514. 

  514. 					<el-col :span="9" :push="1">
    515. 

  515. 					  <!-- <span @click="getCode(1)" class="getCode"
    516. 

  516. 						>{{getCodeString}}</span
    517. 

  517. 					  > -->
    518. 

  518. 					  <a class="btn btn-gradient getCode" href="javascript:;" @click="getCode(1)">
    519. 

  519. 						 {{getCodeString}}
    520. 

  520. 					  </a>
    521. 

  521. 					</el-col>
    522. 

  522. 				  </el-row>
    523. 

  523. 				</el-form-item>
    524. 

  524. 				<el-form-item prop="password">
    525. 

  525. 				  <el-input
    526. 

  526. 					class="m-input"
    527. 

  527. 					show-password
    528. 

  528. 					v-model.trim="params.password"
    529. 

  529. 					autocomplete="off"
    530. 

  530. 					prefix-icon="iconfont iconmima"
    531. 

  531. 					:placeholder="lang.box1item9"
    532. 

  532. 				  ></el-input>
    533. 

  533. 				</el-form-item>
    534. 

  534. 				<el-form-item>
    535. 

  535. 				  <ul class="pwd">
    536. 

  536. 					<li :class="{ fit: rule1 }">{{lang.st1}}</li>
    537. 

  537. 					<li :class="{ fit: rule2 }">{{lang.nd2}}</li>
    538. 

  538. 					<li :class="{ fit: rule3 }">{{lang.rd3}}</li>
    539. 

  539. 				  </ul>
    540. 

  540. 				</el-form-item>
    541. 

  541. 				<el-form-item class="agree" prop="agree">
    542. 

  542. 				  <el-checkbox v-model="params.agree"> </el-checkbox>
    543. 

  543. 				  <span class="agree_title">{{lang.box1item10}}</span>
    544. 

  544. 				</el-form-item>
    545. 

  545. 				<el-form-item>
    546. 

  546. 				  <div class="banner-signup-btnBox">
    547. 

  547. 					<a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="register" style="margin-right: 5px;">
    548. 

  548. 					  <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item11}}
    549. 

  549. 					</a>
    550. 

  550. 					<a class="btn btn-gradient mt-5 sign-btn"  target="_blank" :href="'https://secure.'+ho+'.com'" style="margin-left: 5px;background: #4CAF50;">
    551. 

  551. 					  <img src="imgs/check.png" class="img-fluid" alt="check"> {{lang.box1item12}}
    552. 

  552. 					</a>
    553. 

  553. 				  </div>
    554. 

  554. 				</el-form-item>
    555. 

  555. 			  </el-form>
    556. 

  556. 			</div>
    557. 

  557. 		  </el-dialog>
    558. 

  558. 

  559. 		  <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
    560. 

  560. 			<div class="banner-signup">
    561. 

  561. 				<div class="close" @click="notRegisterMsgOpen = false">
    562. 

  562. 					<i class="el-icon-close"></i>
    563. 

  563. 				  </div>
    564. 

  564. 			  	<span class="" v-if="language == 'cn'">
    565. 

  565. 					<strong>重要声明:</strong>  <br> 根据本公司内部合规政策及适用地区监管机构的要求，CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符，且您并非马来西亚居民或法人，请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议，请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
    566. 

  566. 				</span>
    567. 

  567. 				<span class="" v-else>
    568. 

  568. 					<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.
    569. 

  569. 				</span>
    570. 

  570. 			</div>
    571. 

  571. 		  </el-dialog>
    572. 

  572. 

  573. 	</div>
    574. 

  574. 	
    575. 

  575. 	<!-- end scroll progress -->
    576. 

  576. 	<!-- javascript libraries -->
    577. 

  577. 	<script type="text/javascript" src="js/jquery.js"></script>
    578. 

  578. 	<script type="text/javascript" src="js/vendors.min.js"></script> 
    579. 

  579. 	<script src="../../js/vue.min.js"></script>
    580. 

  580. 	<script src="../../js/axios.min.js"></script>
    581. 

  581. 	<script src="../../js/element-ui.js"></script>
    582. 

  582. 	<script src="../../js/element@2.12.2.js"></script>
    583. 

  583. 	<script src="js/active1.js"></script>
    584. 

  584. 	<script type="text/javascript" src="js/main.js"></script>
    585. 

  585. 

  586. 	<script>
    587. 

  587. 		var $zopim = null;
    588. 

  588. 		rep = setInterval(aTimer, 10000);
    589. 

  589.   
    590. 

  590. 		function aTimer() {
    591. 

  591. 		  if ($zopim) {
    592. 

  592. 			$zopim(function() {
    593. 

  593. 			  if (sessionStorage.getItem("lang") == "cn") {
    594. 

  594. 				$zopim.livechat.setLanguage("zh_CN");
    595. 

  595. 			  } else {
    596. 

  596. 				$zopim.livechat.setLanguage("en");
    597. 

  597. 			  }
    598. 

  598. 			});
    599. 

  599. 		  }
    600. 

  600. 		}
    601. 

  601. 	  </script>
    602. 

  602. 

  603. 	<!-- Google Tag Manager (noscript) -->
    604. 

  604. 	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    605. 

  605. 	<!-- End Google Tag Manager (noscript) -->
    606. 

  606. </body>
    607. 

  607. 

  608. </html>
    609.