index.html 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3. <head>
  4. <title>CWG Financial Seminar</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="author" content="">
  8. <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  9. <meta name="description" content="">
  10. <!-- favicon icon -->
  11. <link rel="shortcut icon" href="imgs/favicon.ico">
  12. <!-- style sheets and font icons -->
  13. <link rel="stylesheet" href="css/vendors.min.css" />
  14. <link rel="stylesheet" href="css/icon.min.css" />
  15. <link rel="stylesheet" href="css/style.css" />
  16. <link rel="stylesheet" href="css/responsive.css" />
  17. <link rel="stylesheet" href="css/seminar-style.css" />
  18. <link rel="stylesheet" href="../../css/element-ui.css" />
  19. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  20. <link rel="stylesheet" href="../../css/preloading.css" />
  21. <!-- <script
  22. id="ze-snippet"
  23. src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
  24. ></script> -->
  25. <script type="text/javascript">
  26. window.__lc = window.__lc || {};
  27. window.__lc.license = 18945964;
  28. (function (n, t, c) {
  29. function i(n) {
  30. return e._h ? e._h.apply(null, n) : e._q.push(n);
  31. }
  32. var e = {
  33. _q: [],
  34. _h: null,
  35. _v: "2.0",
  36. on: function () {
  37. i(["on", c.call(arguments)]);
  38. },
  39. once: function () {
  40. i(["once", c.call(arguments)]);
  41. },
  42. off: function () {
  43. i(["off", c.call(arguments)]);
  44. },
  45. get: function () {
  46. if (!e._h)
  47. throw new Error(
  48. "[LiveChatWidget] You can't use getters before load."
  49. );
  50. return i(["get", c.call(arguments)]);
  51. },
  52. call: function () {
  53. i(["call", c.call(arguments)]);
  54. },
  55. init: function () {
  56. var n = t.createElement("script");
  57. (n.async = !0),
  58. (n.type = "text/javascript"),
  59. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  60. t.head.appendChild(n);
  61. },
  62. };
  63. !n.__lc.asyncInit && e.init(),
  64. (n.LiveChatWidget = n.LiveChatWidget || e);
  65. })(window, document, [].slice);
  66. </script>
  67. <noscript>
  68. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
  69. >Chat with us</a
  70. >, powered by
  71. <a
  72. href="https://www.livechat.com/?welcome"
  73. rel="noopener nofollow"
  74. target="_blank"
  75. >LiveChat</a
  76. >
  77. </noscript>
  78. <script>
  79. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  80. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  81. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  82. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  83. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  84. </script>
  85. <style>
  86. .el-message{
  87. z-index: 999999 !important;
  88. }
  89. </style>
  90. </head>
  91. <body>
  92. <div
  93. id="pre"
  94. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  95. >
  96. <div
  97. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  98. >
  99. <div
  100. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  101. >
  102. <div class="line-scale">
  103. <div></div>
  104. <div></div>
  105. <div></div>
  106. <div></div>
  107. <div></div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#383632" class="custom-cursor">
  113. <!-- start cursor -->
  114. <div class="cursor-page-inner">
  115. <div class="circle-cursor circle-cursor-inner"></div>
  116. <div class="circle-cursor circle-cursor-outer"></div>
  117. </div>
  118. <header>
  119. <!-- start navigation -->
  120. <nav class="navbar navbar-expand-lg header-transparent bg-transparent header-reverse" data-header-hover="light">
  121. <div class="container-fluid">
  122. <div class="col-auto col-lg-2 me-lg-0 me-auto">
  123. <a class="navbar-brand w-100" href="#">
  124. <img src="imgs/cwg-logo-white.svg" data-at2x="imgs/cwg-logo.svg" alt="cwg-logo" class="default-logo w-100">
  125. <img src="imgs/cwg-logo.svg" data-at2x="imgs/cwg-logo.svg" alt="cwg-logo" class="alt-logo w-100">
  126. <img src="imgs/cwg-logo.svg" data-at2x="imgs/cwg-logo.svg" alt="cwg-logo" class="mobile-logo w-100">
  127. </a>
  128. </div>
  129. <div class="col-auto menu-order position-static">
  130. <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
  131. <span class="navbar-toggler-line"></span>
  132. <span class="navbar-toggler-line"></span>
  133. <span class="navbar-toggler-line"></span>
  134. <span class="navbar-toggler-line"></span>
  135. </button>
  136. </div>
  137. <div class="col-auto col-lg-2 text-end d-none d-sm-flex">
  138. <div class="header-icon">
  139. <div class="header-button">
  140. <a class="bg-dark btn btn-box-shadow btn-extra-large popup-with-zoom-anim text-transform-none text-white" href="#modal-popup2">Register Now <span>
  141. <i class="feather icon-feather-arrow-right"></i>
  142. </span>
  143. </a>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </nav>
  149. <!-- end navigation -->
  150. </header>
  151. <section class="p-0 full-screen md-h-700px bg-dark-gray sm-h-600px ipad-top-space-margin cover-background position-relative" data-parallax-background-ratio="0.8" style="background-image: url('imgs/header-bg.jpg')">
  152. <!-- <video playsinline autoplay muted loop id="bgvid" controls src="https://www.youtube.com/watch?v=GZtA6B34pvo">
  153. </video> -->
  154. <div class='embed-container' style=" object-fit: cover;
  155. width: 100vw;
  156. height: 100vh;
  157. top: 0;
  158. left: 0;
  159. position: absolute;background-size: cover;
  160. display: table-cell;
  161. vertical-align: middle;">
  162. <iframe src="https://player.vimeo.com/video/982977303?autoplay=1&mute=1&loop=1&muted=1&autopause=1&title=0&byline=0&portrait=0&badge=0&player_id=0&app_id=58479" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="video_2024-07-12_15-37-42"></iframe>
  163. <!-- <iframe src='https://www.youtube.com/embed/ZIaXI2vC7_Y?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe> -->
  164. </div>
  165. <div class="opacity-light bg-dark-gray"></div>
  166. <div class="container h-100">
  167. <div class="row align-items-center h-100 justify-content-center">
  168. <div class="col-12 position-relative text-center">
  169. <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" style="background-image: url('imgs/icon.png')" data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 800, "delay": 100, "staggervalue": 100, "easing": "easeOutQuad" }'>
  170. <div>
  171. <h3 class="text-white alt-font xs-fs-17 xs-lh-26 ls-1px text-uppercase mb-25px sm-mb-15px mt-10px">Financial Seminar</h3>
  172. <div class="alt-font fs-110 lh-100 xs-fs-80 xs-lh-70 mb-30px xs-mb-15px fancy-text-style-4">
  173. <span class="text-outline text-outline text-outline-width-1px sm-text-outline-width-1px text-outline-color-white text-outline-base-color-background">Forex Master Class</span>
  174. <span data-fancy-text='{ "effect": "rotate", "string": ["experience", "skills "] }' class="text-white ls-minus-2px"></span>
  175. </div>
  176. <h3 class="text-white alt-font fs-2 xs-lh-26 ls-1px text-uppercase mb-25px sm-mb-15px mt-10px">Join Our Exclusive Seminars in Nigeria!</h3>
  177. <a class="bg-dark btn btn-box-shadow btn-extra-large popup-with-zoom-anim text-transform-none text-white" href="#modal-popup2">Register Now <span>
  178. <i class="feather icon-feather-arrow-right"></i>
  179. </span>
  180. </a>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </section>
  187. <section class="position-relative overflow-hidden z-index-0 bg-white">
  188. <div class="position-absolute left-0px w-100 text-center top-minus-90px lg-top-minus-60px xs-top-minus-20px opacity-2 ls-minus-10px lg-ls-minus-1px fs-350 lg-fs-250 xs-fs-200 text-nowrap alt-font text-uppercase">Financial Seminar</div>
  189. <div class="position-absolute left-minus-50px mt-15 d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="top">
  190. <img src="imgs/section-img.png" alt="" data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)">
  191. </div>
  192. <div class="position-absolute z-index-minus-1 right-minus-50px xxl-right-minus-100px xl-right-minus-50px xl-w-220px d-none d-xl-inline-block" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="bottom">
  193. <img src="imgs/section-img.png" alt="" data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)">
  194. </div>
  195. <div class="container mt-10">
  196. <div class="row align-items-center mb-4 lg-mb-6 lg-mt-5">
  197. <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" }'>
  198. <style>
  199. .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
  200. .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  201. </style>
  202. <div class='embed-container'><iframe src="https://player.vimeo.com/video/982963263?title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479" width="1920" height="1080" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="cwg-lagos-office-seminar"></iframe></div>
  203. </div>
  204. <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" }'>
  205. <style>
  206. .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
  207. .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  208. </style>
  209. <div class='embed-container'>
  210. <iframe src="https://player.vimeo.com/video/982977303?title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479" width="848" height="464" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="video_2024-07-12_15-37-42"></iframe>
  211. </div>
  212. </div>
  213. <div class="col-xl-12 col-lg-12" data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  214. <span class="fs-15 fw-600 text-red mb-25px d-block mt-15px">
  215. <span class="w-70px h-2px bg-red d-inline-block align-middle me-15px "></span>Learn from the experts with an award winning broker! </span>
  216. <h3 class="alt-font text-dark-gray mb-15px">Are you new to the forex markets or an experienced trader looking to sharpen your skills and expand your network?</h3>
  217. <p class="w-90">Join us every month at our Lagos office for an exclusive seminar hosted by CWG Markets, a multi-award-winning broker. Our expert-led sessions are designed for both beginners and seasoned traders seeking to enhance their strategies and connect with like-minded individuals.</p>
  218. <div class="d-inline-block mt-10px xs-mt-0">
  219. <a class="bg-dark btn btn-box-shadow btn-extra-large popup-with-zoom-anim text-transform-none text-white" href="#modal-popup2">Register Now <span>
  220. <i class="feather icon-feather-arrow-right"></i>
  221. </span>
  222. </a>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="row row-cols-1 row-cols-xl-3 row-cols-lg-3 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" }'>
  227. <!-- start features box item -->
  228. <div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
  229. <div class="feature-box feature-box-left-icon-middle">
  230. <div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-golden-yellow box-shadow-medium-bottom me-25px">
  231. <img src="imgs/icon-1.png">
  232. </div>
  233. <div class="feature-box-content last-paragraph-no-margin">
  234. <span class="d-inline-block alt-font fs-100 text-dark-gray">1+</span>
  235. <p class="lh-22">Million Clients Already a Part of Our Community</p>
  236. </div>
  237. </div>
  238. </div>
  239. <!-- end features box item -->
  240. <!-- start features box item -->
  241. <div class="col icon-with-text-style-08 md-mb-50px sm-mb-30px">
  242. <div class="feature-box feature-box-left-icon-middle">
  243. <div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-golden-yellow box-shadow-medium-bottom me-25px">
  244. <img src="imgs/icon-2.png">
  245. </div>
  246. <div class="feature-box-content last-paragraph-no-margin">
  247. <span class="d-inline-block alt-font fs-100 text-dark-gray">90+</span>
  248. <p class="lh-22">Awards From Prestigious Organizations</p>
  249. </div>
  250. </div>
  251. </div>
  252. <!-- end features box item -->
  253. <!-- start features box item -->
  254. <div class="col icon-with-text-style-08">
  255. <div class="feature-box feature-box-left-icon-middle">
  256. <div class="feature-box-icon feature-box-icon-rounded w-100px h-100px rounded-circle bg-golden-yellow box-shadow-medium-bottom me-25px">
  257. <img src="imgs/icon-3.png">
  258. </div>
  259. <div class="feature-box-content last-paragraph-no-margin">
  260. <span class="d-inline-block alt-font fs-100 text-dark-gray">150+</span>
  261. <p class="lh-22">Countries Under Multiple Local Licenses of CWG Markets Brand Companies</p>
  262. </div>
  263. </div>
  264. </div>
  265. <!-- end features box item -->
  266. </div>
  267. </div>
  268. </section>
  269. <section class="cover-background" style="background-image: url('imgs/header-bg.jpg'); background-attachment: fixed; background-size: cover;">
  270. <div class="container">
  271. <div class="row justify-content-center mb-1">
  272. <div class="col-lg-7 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  273. <span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block">
  274. <span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>CWG Financial Seminar <span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span>
  275. </span>
  276. <h1 class="alt-font text-white">What You'll Gain from Our Seminars:</h1>
  277. </div>
  278. </div>
  279. <div class="row justify-content-center">
  280. <div class="col-lg-6 sm-mb-20px">
  281. <ul class="pricing-table-style-12 pe-15px md-pe-0" data-anime='{ "el": "childs", "rotateX": [-40, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  282. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  283. <img src="imgs/icon-4.png" class="bg-golden-yellow rounded-circle" alt="">
  284. <div class="ms-30px xs-ms-0 flex-grow-1">
  285. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  286. <span class="fw-600 text-dark-gray">In-Depth Market Insights</span>
  287. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  288. </div>
  289. <p>Learn the fundamentals of forex trading and advanced techniques to improve your market analysis.</p>
  290. </div>
  291. </li>
  292. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  293. <img src="imgs/icon-5.png" class="bg-golden-yellow rounded-circle" alt="">
  294. <div class="ms-30px xs-ms-0 flex-grow-1">
  295. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  296. <span class="fw-600 text-dark-gray">Expert Guidance</span>
  297. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  298. </div>
  299. <p>Benefit from the knowledge and experience of our professional traders who will provide actionable tips and strategies.</p>
  300. </div>
  301. </li>
  302. </ul>
  303. </div>
  304. <div class="col-lg-6">
  305. <ul class="pricing-table-style-12 ps-15px md-ps-0" data-anime='{ "el": "childs", "rotateX": [-40, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  306. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  307. <img src="imgs/icon-6.png" class="bg-golden-yellow rounded-circle" alt="">
  308. <div class="ms-30px xs-ms-0 flex-grow-1">
  309. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  310. <span class="fw-600 text-dark-gray">Networking Opportunities</span>
  311. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  312. </div>
  313. <p>Connect with fellow traders and industry experts to share insights and build valuable relationships to each other.</p>
  314. </div>
  315. </li>
  316. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  317. <img src="imgs/icon-7.png" class="bg-golden-yellow rounded-circle" alt="">
  318. <div class="ms-30px xs-ms-0 flex-grow-1">
  319. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  320. <span class="fw-600 text-dark-gray"> Personalized Support</span>
  321. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  322. </div>
  323. <p>Get your questions answered and receive personalized advice to boost your trading performance.</p>
  324. </div>
  325. </li>
  326. </ul>
  327. </div>
  328. </div>
  329. <div class="row justify-content-center align-items-center" data-anime='{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  330. <div class="col-12 text-center last-paragraph-no-margin mt-1">
  331. <div class="d-inline-block align-middle bg-red fw-500 text-white border-radius-30px fs-14 me-10px sm-m-10px p-1">
  332. <a class="popup-with-zoom-anim text-transform-none text-white" href="#modal-popup2">Register Now
  333. </a>
  334. </div>
  335. <div class="d-inline-block align-middle text-white fs-18 fw-500">and Take the First Step Towards Trading Success!</div>
  336. </div>
  337. </div>
  338. </div>
  339. </section>
  340. <section class="overflow-hidden overlap-height position-relative bg-white">
  341. <div class="container-fluid overlap-gap-section">
  342. <div class="row justify-content-center mb-2">
  343. <div class="col-lg-7 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  344. <span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block">
  345. <span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>CWG FINANCIAL SEMINAR <span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span>
  346. </span>
  347. <h1 class="alt-font text-dark-gray">Our Events</h1>
  348. </div>
  349. </div>
  350. <div class="row">
  351. <div class="col-md-12 position-relative feather-shadow sm-feather-shadow-none">
  352. <div class="outside-box-right-15 outside-box-left-15 sm-outside-box-right-0 sm-outside-box-left-0" data-anime='{ "el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  353. <div class="swiper swiper-dark-pagination swiper-line-pagination-style-01 magic-cursor" data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loop": true, "autoplay": { "delay": 2500, "disableOnInteraction": false }, "pagination": { "el": ".slider-four-slide-pagination-1", "clickable": true }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 5 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 }, "576": { "slidesPerView": 2 } }, "effect": "slide" }'>
  354. <div class="swiper-wrapper">
  355. <!-- start slider item -->
  356. <div class="swiper-slide">
  357. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  358. <div class="position-relative box-image border-radius-6px">
  359. <img class="w-100 border-radius-6px" src="imgs/thumb-1.jpg" alt="">
  360. <div class="box-overlay bg-dark-gray"></div>
  361. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  362. </div>
  363. <div class="pt-30px bg-white text-center">
  364. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  365. <div class="w-100">
  366. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. <!-- end slider item -->
  372. <!-- start slider item -->
  373. <div class="swiper-slide">
  374. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  375. <div class="position-relative box-image border-radius-6px">
  376. <img class="w-100 border-radius-6px" src="imgs/thumb-2.jpg" alt="">
  377. <div class="box-overlay bg-dark-gray"></div>
  378. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  379. </div>
  380. <div class="pt-30px bg-white text-center">
  381. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  382. <div class="w-100">
  383. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  384. </div>
  385. </div>
  386. </div>
  387. </div>
  388. <!-- end slider item -->
  389. <!-- start slider item -->
  390. <div class="swiper-slide">
  391. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  392. <div class="position-relative box-image border-radius-6px">
  393. <img class="w-100 border-radius-6px" src="imgs/thumb-3.jpg" alt="">
  394. <div class="box-overlay bg-dark-gray"></div>
  395. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  396. </div>
  397. <div class="pt-30px bg-white text-center">
  398. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  399. <div class="w-100">
  400. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  401. </div>
  402. </div>
  403. </div>
  404. </div>
  405. <!-- end slider item -->
  406. <!-- start slider item -->
  407. <div class="swiper-slide">
  408. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  409. <div class="position-relative box-image border-radius-6px">
  410. <img class="w-100 border-radius-6px" src="imgs/thumb-4.jpg" alt="">
  411. <div class="box-overlay bg-dark-gray"></div>
  412. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  413. </div>
  414. <div class="pt-30px bg-white text-center">
  415. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  416. <div class="w-100">
  417. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422. <!-- end slider item -->
  423. <!-- start slider item -->
  424. <div class="swiper-slide">
  425. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  426. <div class="position-relative box-image border-radius-6px">
  427. <img class="w-100 border-radius-6px" src="imgs/thumb-5.jpg" alt="">
  428. <div class="box-overlay bg-dark-gray"></div>
  429. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  430. </div>
  431. <div class="pt-30px bg-white text-center">
  432. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  433. <div class="w-100">
  434. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. <!-- end slider item -->
  440. <!-- start slider item -->
  441. <div class="swiper-slide">
  442. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  443. <div class="position-relative box-image border-radius-6px">
  444. <img class="w-100 border-radius-6px" src="imgs/thumb-6.jpg" alt="">
  445. <div class="box-overlay bg-dark-gray"></div>
  446. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  447. </div>
  448. <div class="pt-30px bg-white text-center">
  449. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  450. <div class="w-100">
  451. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  452. </div>
  453. </div>
  454. </div>
  455. </div>
  456. <!-- end slider item -->
  457. <!-- start slider item -->
  458. <div class="swiper-slide">
  459. <div class="services-box-style-01 hover-box last-paragraph-no-margin">
  460. <div class="position-relative box-image border-radius-6px">
  461. <img class="w-100 border-radius-6px" src="imgs/thumb-7.jpg" alt="">
  462. <div class="box-overlay bg-dark-gray"></div>
  463. <span class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-130px h-130px rounded-circle bg-white box-shadow-extra-large text-uppercase alt-font fs-30 lh-28 text-red ps-15px pe-15px text-center">Financial Seminar</span>
  464. </div>
  465. <div class="pt-30px bg-white text-center">
  466. <span class="d-inline-block text-dark-gray fs-19 fw-600">Financial Seminar</span>
  467. <div class="w-100">
  468. <span class="d-inline-block align-middle"> Lagos, Nigeria</span>
  469. </div>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476. <!-- start slider pagination -->
  477. <!--<div class="swiper-pagination slider-four-slide-pagination-1 swiper-pagination-style-2 swiper-pagination-clickable swiper-pagination-bullets"></div>-->
  478. <!-- end slider pagination -->
  479. </div>
  480. </div>
  481. </div>
  482. </section>
  483. <section class="bg-body-tertiary position-relative big-section">
  484. <div class="container-fluid overlap-section">
  485. <div class="row position-relative mb-4" data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  486. <div class="col swiper swiper-width-auto text-center" data-slider-options='{ "slidesPerView": "auto", "spaceBetween":50, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'>
  487. <div class="swiper-wrapper marquee-slide">
  488. <!-- start slider item -->
  489. <div class="swiper-slide">
  490. <div class="fs-150 ls-minus-2px alt-font text-outline text-outline-color-base-color">Financial </div>
  491. </div>
  492. <!-- end slider item -->
  493. <!-- start slider item -->
  494. <div class="swiper-slide">
  495. <div class="fs-150 ls-minus-2px alt-font text-dark-gray">Seminar</div>
  496. </div>
  497. <!-- end slider item -->
  498. <!-- start slider item -->
  499. <div class="swiper-slide">
  500. <div class="fs-150 ls-minus-2px alt-font text-outline text-outline-color-base-color">Forex </div>
  501. </div>
  502. <!-- end slider item -->
  503. <!-- start slider item -->
  504. <div class="swiper-slide">
  505. <div class="fs-150 ls-minus-2px alt-font text-dark-gray">Master </div>
  506. </div>
  507. <!-- end slider item -->
  508. <!-- start slider item -->
  509. <div class="swiper-slide">
  510. <div class="fs-150 ls-minus-2px alt-font text-outline text-outline-color-base-color">Class</div>
  511. </div>
  512. <!-- end slider item -->
  513. <!-- start slider item -->
  514. <div class="swiper-slide">
  515. <div class="fs-150 ls-minus-2px alt-font text-dark-gray">Financial </div>
  516. </div>
  517. <!-- end slider item -->
  518. <!-- start slider item -->
  519. <div class="swiper-slide">
  520. <div class="fs-150 ls-minus-2px alt-font text-outline text-outline-color-base-color">Seminar</div>
  521. </div>
  522. <!-- end slider item -->
  523. <!-- start slider item -->
  524. <div class="swiper-slide">
  525. <div class="fs-150 ls-minus-2px alt-font text-dark-gray">Forex </div>
  526. </div>
  527. <!-- end slider item -->
  528. </div>
  529. </div>
  530. </div>
  531. </div>
  532. <div class="container">
  533. <div class="row justify-content-center">
  534. <div class="col-xl-6 col-lg-8 col-md-10" data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  535. <div class="swiper slider-custom-image swiper-pagination-bottom magic-cursor testimonials-style-03" data-slider-options='{ "loop": true, "pagination": { "el": ".slider-custom-image-pagination", "type": "bullets", "clickable": true }, "keyboard": { "enabled": true, "onlyInViewport": true }, "navigation": { "nextEl": ".swiper-button-next-nav", "prevEl": ".swiper-button-previous-nav", "effect": "fade" } }' data-thumbs='["imgs/testimonial-1.jpg","imgs/testimonial-1.jpg","imgs/testimonial-1.jpg"]'>
  536. <div class="swiper-wrapper">
  537. <!-- start testimonial item -->
  538. <div class="swiper-slide" data-bullet-thumb="background-image: url(https://via.placeholder.com/210x210)">
  539. <div class="d-flex flex-column">
  540. <div class="mb-28 align-self-center text-center w-100">
  541. <img src="imgs/testimonial.jpg" images/demo-restaurant-home-quotes-icon.jpg"" class="mb-30px rounded-circle" alt="">
  542. <h4 class="alt-font lh-42 text-dark-gray mb-10px">This company genuinely cares about clients making money from their trading.</h4>
  543. <span class="fs-20 fw-500 text-base-color d-block">Abel, Neigeria</span>
  544. <img src="imgs/trust-pilot-1.png">
  545. </div>
  546. </div>
  547. </div>
  548. <!-- end testimonial item -->
  549. <!-- start testimonial item -->
  550. <div class="swiper-slide" data-bullet-thumb="background-image: url(https://via.placeholder.com/148x148)">
  551. <div class="d-flex flex-column">
  552. <div class="mb-28 align-self-center text-center w-100">
  553. <img src="imgs/testimonial.jpg" class="mb-30px rounded-circle" alt="">
  554. <h4 class="alt-font lh-42 text-dark-gray mb-10px">With CWG, I have access to valuable educational materials that enhance my trading knowledge and skills.</h4>
  555. <span class="fs-20 fw-500 text-base-color d-block">Thu Dong, Neigeria</span>
  556. <img src="imgs/trust-pilot-1.png">
  557. </div>
  558. </div>
  559. </div>
  560. <!-- end testimonial item -->
  561. <!-- start testimonial item -->
  562. <div class="swiper-slide" data-bullet-thumb="background-image: url(https://via.placeholder.com/200x200)">
  563. <div class="d-flex flex-column">
  564. <div class="mb-28 align-self-center text-center w-100">
  565. <img src="imgs/testimonial.jpg" class="mb-30px rounded-circle" alt="">
  566. <h4 class="alt-font lh-42 text-dark-gray mb-10px">I have traded with multiple companies but still think CWG is the best option.</h4>
  567. <span class="fs-20 fw-500 text-base-color d-block">Bruce, Neigeria</span>
  568. <img src="imgs/trust-pilot-1.png">
  569. </div>
  570. </div>
  571. </div>
  572. <!-- end testimonial item -->
  573. </div>
  574. <!-- start slider pagination -->
  575. <div class="slider-custom-image-pagination swiper-pagination text-center pb-20px xs-pb-0px md-bottom-0px"></div>
  576. <!-- end slider pagination -->
  577. <!-- start slider navigation -->
  578. <div class="swiper-button-next-nav swiper-button-next mb-5px">
  579. <i class="line-icon-Arrow-OutRight icon-large text-light-gray"></i>
  580. </div>
  581. <div class="swiper-button-previous-nav swiper-button-prev mb-5px">
  582. <i class="line-icon-Arrow-OutLeft icon-large text-light-gray"></i>
  583. </div>
  584. <!-- end slider pagination -->
  585. </div>
  586. </div>
  587. </div>
  588. </div>
  589. </section>
  590. <section class="cover-background" style="background-image: url('imgs/header-bg.jpg'); background-attachment: fixed; background-size: cover;">
  591. <div class="container">
  592. <div class="row justify-content-center mb-1">
  593. <div class="col-lg-7 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  594. <span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block">
  595. <span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>CWG Financial Seminar <span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span>
  596. </span>
  597. <h1 class="alt-font text-white">Why Attend?</h1>
  598. </div>
  599. </div>
  600. <div class="row justify-content-center">
  601. <div class="col-lg-6 sm-mb-20px">
  602. <ul class="pricing-table-style-12 pe-15px md-pe-0" data-anime='{ "el": "childs", "rotateX": [-40, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  603. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  604. <img src="imgs/icon-8.png" class="bg-golden-yellow rounded-circle" alt="">
  605. <div class="ms-30px xs-ms-0 flex-grow-1">
  606. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  607. <span class="fw-600 text-dark-gray"> Exclusive Content</span>
  608. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  609. </div>
  610. <p>Gain access to industry knowledge and learn to develop long lasting trading strategies and navigate the markets.</p>
  611. </div>
  612. </li>
  613. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  614. <img src="imgs/icon-9.png" class="bg-golden-yellow rounded-circle" alt="">
  615. <div class="ms-30px xs-ms-0 flex-grow-1">
  616. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  617. <span class="fw-600 text-dark-gray">Interactive Learning</span>
  618. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  619. </div>
  620. <p>Participate in hands-on sessions and live demonstrations from experienced market professionals.</p>
  621. </div>
  622. </li>
  623. </ul>
  624. </div>
  625. <div class="col-lg-6">
  626. <ul class="pricing-table-style-12 ps-15px md-ps-0" data-anime='{ "el": "childs", "rotateX": [-40, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  627. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  628. <img src="imgs/icon-10.png" class="bg-golden-yellow rounded-circle" alt="">
  629. <div class="ms-30px xs-ms-0 flex-grow-1">
  630. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  631. <span class="fw-600 text-dark-gray">Continuous Growth</span>
  632. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  633. </div>
  634. <p>Stay ahead of the curve with ongoing seminars that keep you updated on the latest market trends and strategies.</p>
  635. </div>
  636. </li>
  637. <li class="bg-white last-paragraph-no-margin mb-10px p-15px">
  638. <img src="imgs/icon-11.png" class="bg-golden-yellow rounded-circle" alt="">
  639. <div class="ms-30px xs-ms-0 flex-grow-1">
  640. <div class="d-flex align-items-center w-100 fs-18 mb-5px">
  641. <span class="fw-600 text-dark-gray"> Special Giveaways</span>
  642. <div class="divider-style-03 divider-style-03-02 border-color-extra-medium-gray flex-grow-1 ms-20px me-20px"></div>
  643. </div>
  644. <p>Participate in our seminar for a chance to win exciting prizes and collect exclusive CWG Markets merchandise.</p>
  645. </div>
  646. </li>
  647. </ul>
  648. </div>
  649. </div>
  650. </div>
  651. </section>
  652. <section>
  653. <div class="container">
  654. <div class="row justify-content-center overlap-section mb-6 g-0">
  655. <div class="col-auto text-center last-paragraph-no-margin bg-white pt-20px pb-20px ps-6 pe-6 border-radius-100px" data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
  656. <div class="text-center bg-base-color text-white fs-16 lh-36 border-radius-30px d-inline-block ps-20px pe-20px align-middle me-10px">
  657. <i class="bi bi-star-fill"></i>
  658. <i class="bi bi-star-fill"></i>
  659. <i class="bi bi-star-fill"></i>
  660. <i class="bi bi-star-fill"></i>
  661. <i class="bi bi-star-fill"></i>
  662. </div>
  663. <div class="d-inline-block fs-18 text-dark-gray align-middle fw-500">
  664. <span class="text-decoration-line-bottom-medium fw-600">Limited Seats Available – Don't Miss Out!
  665. </div>
  666. </div>
  667. </div>
  668. <div class="row justify-content-center mb-4">
  669. <div class="col-lg-7 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  670. <span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block">
  671. <span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>From our blog <span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span>
  672. </span>
  673. <h1 class="alt-font text-dark-gray mb-0">Upcoming Seminar's</h1>
  674. </div>
  675. </div>
  676. <div class="row blog-metro">
  677. <div class="col-12">
  678. <ul class="blog-metro blog-wrapper grid-loading grid grid-2col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large" data-anime='{ "el": "childs", "translateY": [0, 0], "perspective": [1200,1200], "scale": [1.05, 1], "rotateX": [30, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }'>
  679. <li class="grid-sizer"></li>
  680. <!-- start blog item -->
  681. <li class="grid-item">
  682. <figure class="position-relative mb-0 overflow-hidden border-radius-6px">
  683. <div class="blog-image bg-dark-slate-blue">
  684. <a href="#">
  685. <img src="imgs/upcoming-saminar-2.png" alt="" />
  686. </a>
  687. </div>
  688. </figure>
  689. </li>
  690. <li class="grid-item">
  691. <figure class="position-relative mb-0 overflow-hidden border-radius-6px">
  692. <div class="blog-image bg-dark-slate-blue">
  693. <a href="#">
  694. <img src="imgs/upcoming-saminar-3.png" alt="" />
  695. </a>
  696. </div>
  697. </figure>
  698. </li>
  699. </ul>
  700. </div>
  701. </div>
  702. </div>
  703. </section>
  704. <section class="pt-0">
  705. <div class="container" data-anime='{ "el": "childs", "translateY": [-15, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }'>
  706. <div class="row justify-content-center mb-4">
  707. <div class="col-lg-8 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
  708. <span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block">
  709. <span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>CWG Seminar Registration <span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span>
  710. </span>
  711. <h1 class="alt-font text-dark-gray mb-2">Register Now and Take the First Step Towards Trading Success!</h1>
  712. <h4 class="alt-font text-dark-gray">Limited Seats Available – Don't Miss Out!</h4>
  713. </div>
  714. </div>
  715. <div class="row">
  716. <div class="col-12 pe-17 background-position-right-top background-no-repeat md-pe-15px">
  717. <div id="map" class="map sm-h-350px">
  718. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.6675244116286!2d3.4706539758164388!3d6.436730724163868!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103bf5b310652c05%3A0x21f6682fe24d5a9e!2s21%20Hunponu-Wusu%20Rd%2C%20Lekki%20Phase%20I%2C%20Lekki%20106104%2C%20Lagos%2C%20Nigeria!5e0!3m2!1sen!2suk!4v1719753475705!5m2!1sen!2suk" width="600" height="450" style="border:0; width:100%; height: 100%" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  719. </div>
  720. </div>
  721. </div>
  722. <div class="row align-items-end justify-content-center">
  723. <div class="col-xl-7 col-lg-6 align-self-start">
  724. <span class="alt-font d-block fs-150 fw-700 lg-fs-90 md-w-100 text-center text-lg-start text-very-light-gray xs-fs-90 xs-ls-minus-4px mt-15px">Lagos Nigeria</span>
  725. </div>
  726. <div class="col-xl-5 col-lg-6 col-md-12 contact-form-style-03 position-relative overlap-section-one-fourth md-mt-0">
  727. <div class="bg-very-light-gray p-14 position-relative overflow-hidden mt-50px md-mt-25px sm-mt-15px lg-p-10">
  728. <i class="bi bi-chat-text fs-140 text-base-color opacity-1 position-absolute top-minus-35px right-minus-20px"></i>
  729. <h2 class="alt-font text-dark-gray mb-15px">Sign Up Today and Secure Your Spot:</h2>
  730. <form id="active_1">
  731. <div class="position-relative form-group mb-10px">
  732. <span class="form-icon text-medium-gray">
  733. <i class="bi bi-emoji-smile"></i>
  734. </span>
  735. <input class="ps-0 border-radius-0px bg-transparent border-color-transparent-dark-very-light form-control required" type="text" name="name" placeholder="Your Name*" v-model="params.name">
  736. </div>
  737. <div class="position-relative form-group mb-10px">
  738. <span class="form-icon medium-gray">
  739. <i class="bi bi-envelope"></i>
  740. </span>
  741. <input class="ps-0 border-radius-0px bg-transparent border-color-transparent-dark-very-light form-control required" type="email" name="email" placeholder="Your Email*" v-model="params.email">
  742. </div>
  743. <div class="position-relative form-group mb-10px">
  744. <span class="form-icon medium-gray">
  745. <i class="bi bi-phone"></i>
  746. </span>
  747. <input class="ps-0 border-radius-0px bg-transparent border-color-transparent-dark-very-light form-control required" type="phone" name="phone" placeholder="Your Phone Number" v-model="params.phone">
  748. </div>
  749. <div class="header-button">
  750. <div class="bg-dark btn btn-box-shadow btn-extra-large text-transform-none text-white" @click="register">Submit <span>
  751. <i class="feather icon-feather-arrow-right"></i>
  752. </span>
  753. </div>
  754. </div>
  755. </form>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. </section>
  761. <footer class="pb-0 cover-background background-position-center-top sm-background-image-none" style="background-image: url('imgs/header-bg.jpg'); background-attachment: fixed; background-size: cover;">
  762. <div class="border-top border-color-transparent-dark-very-light pt-25px pb-25px">
  763. <div class="container">
  764. <div class="row align-items-center">
  765. <div class="col-md-12 col-sm-12 fs-15 last-paragraph-no-margin text-center order-3 order-sm-2 order-md-1 ">
  766. <p class="text-white">Copyright 2024 <a href="#" target="_blank" class="text-decoration-line-bottom fw-600 text-white">CWG Markets</a>
  767. </p>
  768. </div>
  769. </div>
  770. </div>
  771. </div>
  772. </footer>
  773. <div class="scroll-progress d-none d-xxl-block">
  774. <a href="#" class="scroll-top" aria-label="scroll">
  775. <span class="scroll-text">Scroll</span>
  776. <span class="scroll-line">
  777. <span class="scroll-point"></span>
  778. </span>
  779. </a>
  780. </div>
  781. <div id="modal-popup2" class="zoom-anim-dialog mfp-hide col-xl-3 col-lg-6 col-md-7 col-11 mx-auto bg-white modal-popup-main ">
  782. <div class="col-xl-12 col-lg-12 col-md-12 contact-form-style-03 position-relative overlap-section-one-fourth md-mt-0">
  783. <div class="bg-very-light-gray p-14 position-relative overflow-hidden mt-50px md-mt-25px sm-mt-15px lg-p-10">
  784. <i class="bi bi-chat-text fs-140 text-base-color opacity-1 position-absolute top-minus-35px right-minus-20px"></i>
  785. <h2 class="alt-font text-dark-gray mb-15px">Sign Up Today and Secure Your Spot:</h2>
  786. <form id="active_2">
  787. <div class="position-relative form-group mb-10px">
  788. <span class="form-icon text-medium-gray">
  789. <i class="bi bi-emoji-smile"></i>
  790. </span>
  791. <input class="ps-0 border-radius-0px bg-transparent border-color-transparent-dark-very-light form-control required" type="text" name="name" placeholder="Your Name*" v-model="params.name">
  792. </div>
  793. <div class="position-relative form-group mb-10px">
  794. <span class="form-icon medium-gray">
  795. <i class="bi bi-envelope"></i>
  796. </span>
  797. <input class="ps-0 border-radius-0px bg-transparent border-color-transparent-dark-very-light form-control required" type="email" name="email" placeholder="Your Email*" v-model="params.email">
  798. </div>
  799. <div class="position-relative form-group mb-10px">
  800. <span class="form-icon medium-gray">
  801. <i class="bi bi-phone"></i>
  802. </span>
  803. <input class="ps-0 border-radius-0px bg-transparent border-color-transparent-dark-very-light form-control required" type="phone" name="phone" placeholder="Your Phone Number" v-model="params.phone">
  804. </div>
  805. <div class="header-button">
  806. <div class="bg-dark btn btn-box-shadow btn-extra-large text-transform-none text-white" @click="register">
  807. Submit
  808. <span>
  809. <i class="feather icon-feather-arrow-right"></i>
  810. </span>
  811. </a>
  812. </div>
  813. </form>
  814. </div>
  815. </div>
  816. </div>
  817. </div>
  818. <!-- end scroll progress -->
  819. <!-- javascript libraries -->
  820. <script type="text/javascript" src="js/jquery.js"></script>
  821. <script type="text/javascript" src="js/vendors.min.js"></script>
  822. <script type="text/javascript" src="js/main.js"></script>
  823. <script src="../../js/vue.min.js"></script>
  824. <script src="../../js/axios.min.js"></script>
  825. <script src="../../js/element-ui.js"></script>
  826. <script src="../../js/element@2.12.2.js"></script>
  827. <script src="js/active1.js"></script>
  828. <script>
  829. var $zopim = null;
  830. rep = setInterval(aTimer, 10000);
  831. function aTimer() {
  832. if ($zopim) {
  833. $zopim(function() {
  834. if (sessionStorage.getItem("lang") && sessionStorage.getItem("lang") == "cn") {
  835. $zopim.livechat.setLanguage("zh_CN");
  836. } else {
  837. $zopim.livechat.setLanguage("en");
  838. }
  839. });
  840. }
  841. }
  842. </script>
  843. <!-- Google Tag Manager (noscript) -->
  844. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  845. <!-- End Google Tag Manager (noscript) -->
  846. </body>
  847. </html>