It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.dollarcross.com

  1.  
  2.  
  3. <!doctype html>
  4. <html lang="en">
  5. <head>
  6. <!-- Required meta tags -->
  7. <meta charset="utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <meta name="author" content="Andhika Adhitia N">
  10. <meta name="generator" content="Powered by Aruna Development Project Framework PHP">
  11. <meta name="copyright" content="KOTATOGEL | KOTATOGEL LOGIN | SITUS MACAU 2025">
  12. <meta name="title" content="KOTATOGEL | KOTATOGEL LOGIN | SITUS MACAU">
  13. <meta name="description" content="Kotatogel merupakan bandar toto macau yang terdaftar resmi dan terpercaya. Temukan prediksi macau, result macau, dan live draw macau hari ini">
  14. <meta name="keywords" content="kotatogel, kotatogel login, situs macau" />
  15. <link rel="amphtml" href="https://pleasantviewretirement.pages.dev/" />
  16. <meta name="google-site-verification" content="vEbij3BvEtbGrpX6lN1GMsLXUbVQto38g7pZlz5296c" />
  17.  
  18.  
  19.  
  20. <!-- Open Graph / Facebook -->
  21. <meta property="og:type" content="website">
  22. <meta property="og:url" content="https://www.pleasantviewretirement.com/">
  23. <meta property="og:title" content="KOTATOGEL | KOTATOGEL LOGIN | SITUS MACAU">
  24. <meta property="og:description" content="Kotatogel merupakan bandar toto macau yang terdaftar resmi dan terpercaya. Temukan prediksi macau, result macau, dan live draw macau hari ini">
  25. <meta property="og:image" content="https://www.mgmotor.id/contents/userfiles/photos/202307/269812468f54b87d654b7577bed7ffe2.png">
  26.  
  27. <!-- Twitter -->
  28. <meta property="twitter:card" content="summary_large_image">
  29. <meta property="twitter:url" content="https://www.pleasantviewretirement.com/">
  30. <meta property="twitter:title" content="KOTATOGEL | KOTATOGEL LOGIN | SITUS MACAU">
  31. <meta property="twitter:description" content="Kotatogel merupakan bandar toto macau yang terdaftar resmi dan terpercaya. Temukan prediksi macau, result macau, dan live draw macau hari ini">
  32. <meta property="twitter:image" content="https://www.mgmotor.id/contents/userfiles/photos/202307/269812468f54b87d654b7577bed7ffe2.png">
  33.  
  34. <!-- Favicons -->
  35. <link rel="apple-touch-icon" href="https://www.mgmotor.id/assets/favicons/mg-icon-180x180.png" sizes="180x180">
  36. <link rel="icon" href="https://www.mgmotor.id/assets/favicons/mg-icon-48x48.png" sizes="48x48" type="image/png">
  37. <link rel="icon" href="https://www.mgmotor.id/assets/favicons/mg-icon-32x32.png" sizes="32x32" type="image/png">
  38. <link rel="icon" href="https://www.mgmotor.id/assets/favicons/mg-icon-24x24.png" sizes="24x24" type="image/png">
  39. <link rel="icon" href="https://www.mgmotor.id/assets/favicons/mg-icon-16x16.png" sizes="16x16" type="image/png">
  40. <link rel="mask-icon" href="https://www.mgmotor.id/assets/favicons/mg_icon.png" color="#ec1c24">
  41. <link rel="shortcut icon" href="https://www.mgmotor.id/mg_icon_new.ico" type="image/x-icon">
  42.  
  43. <!-- Bootstrap CSS -->
  44. <link rel="stylesheet" href="https://www.mgmotor.id/assets/plugins/bootstrap/5.3.1/css/bootstrap.min.css">
  45.  
  46. <!-- Font Lato CSS -->
  47. <link rel="preconnect" href="https://fonts.googleapis.com">
  48. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  49. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap">
  50.  
  51. <!-- Font Nunito CSS -->
  52. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap">
  53.  
  54. <!-- Font Open Sans CSS -->
  55. <link rel="preconnect" href="https://fonts.googleapis.com">
  56. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  57. <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
  58.  
  59. <!-- Custom CSS -->
  60. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css">
  61. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
  62. <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css">
  63.  
  64. <link rel="stylesheet" href="https://unpkg.com/vue-select@latest/dist/vue-select.css">
  66. <link rel="stylesheet" href="https://www.mgmotor.id/assets/plugins/owlcarousel2/dist/assets/owl.carousel.min.css">
  67. <link rel="stylesheet" href="https://www.mgmotor.id/assets/plugins/owlcarousel2/dist/assets/owl.theme.default.min.css">
  68.  
  69. <link rel="stylesheet" href="https://www.mgmotor.id/assets/plugins/fontawesome/5.15.3/css/all.min.css">
  70. <link rel="stylesheet" href="https://www.mgmotor.id/assets/css/aruna-v3.css?v=1745398744">
  71. <link rel="stylesheet" href="https://www.mgmotor.id/assets/css/phoenix-cms.css?v=1745398744">
  72.  
  73. <title>KOTATOGEL | KOTATOGEL LOGIN | SITUS MACAU</title>
  74.  
  75. <style>
  76. /* Default Custom CSS from PHOENIX CMS*/
  77. .ph-navbar
  78. {
  79. transition: all 300ms ease 0s;
  80. background-color: transparent !important;
  81. }
  82.  
  83. .ph-navbar .nav-link
  84. {
  85. color: white;
  86. border-top-left-radius: 50rem;border-top-right-radius: 50rem;border-bottom-left-radius: 50rem;border-bottom-right-radius: 50rem;
  87. background-color: transparent;
  88. }
  89.  
  90. .ph-navbar .nav-link:hover,
  91. .ph-navbar .nav-link:focus
  92. {
  93. color: white;
  94. background-color: #cc1f1f;
  95. }
  96.  
  97. .ph-navbar .nav-link.active,
  98. .ph-navbar .nav-link.show,
  99. .ph-navbar .show > .nav-link
  100. {
  101. color: white;
  102. background-color: #cc1f1f;
  103. }
  104.  
  105. .ph-navbar-transparent .navbar-brand
  106. {
  107. filter: brightness(0) invert(1);
  108. }
  109.  
  110. .ph-navbar-white
  111. {
  112. background-color: white !important;
  113. }
  114.  
  115. .ph-navbar-white .navbar-brand
  116. {
  117. filter: none;
  118. }
  119.  
  120. .ph-navbar-white .nav-link
  121. {
  122. color: #000;
  123. }
  124.  
  125. .ph-navbar .megamenu
  126. {
  127. padding: 4rem;
  128. }
  129.  
  130. .ph-navbar .megamenu a
  131. {
  132. color: #212529;
  133. text-decoration: none;
  134. }
  135.  
  136. .ph-navbar .megamenu a:focus,
  137. .ph-navbar .megamenu a:active
  138. {
  139. background-color: transparent;
  140. }
  141.  
  142. @media (max-width: 575.98px)
  143. {
  144. .ph-navbar .nav-link,
  145. .ph-navbar-white svg
  146. {
  147. color: #000;
  148. }
  149. }
  150.  
  151. @media all and (min-width: 992px)
  152. {
  153. .ph-navbar .has-megamenu
  154. {
  155. position: static !important;
  156. }
  157.  
  158. .ph-navbar .megamenu
  159. {
  160. left: 0;
  161. right: 0;
  162. width: 100%;
  163. margin-top: 0;
  164. }
  165. }
  166.  
  167. @media(max-width: 991px)
  168. {
  169. .ph-navbar.fixed-top .ph-navbar-collapse, .ph-navbar.sticky-top .ph-navbar-collapse
  170. {
  171. overflow-y: auto;
  172. max-height: 90vh;
  173. margin-top:10px;
  174. }
  175. }
  176.  
  177. .has-megamenu .dropdown-menu
  178. {
  179. border: 0;
  180. border-radius: 0;
  181. background-color: #fff;
  182. }
  183.  
  184. .dropdown-toggle[data-bs-toggle="dropdown"]
  185. {
  186. position: relative;
  187. }
  188.  
  189. .dropdown-toggle[data-bs-toggle="dropdown"]::after
  190. {
  191. padding: 3px;
  192. border: solid;
  193. margin-left: .75rem;
  194. vertical-align: .1rem
  195. display: inline-block;
  196. transform: rotate(46.8deg);
  197. transition: all .2s ease-out;
  198. border-width: 0 .1rem .1rem 0;
  199. }
  200.  
  201. .dropdown-toggle[data-bs-toggle="dropdown"][aria-expanded="true"]::after
  202. {
  203. transform: rotate(-135deg);
  204. vertical-align: .0rem
  205. }
  206.  
  207. .ph-dropdown-menu
  208. {
  209. width: 210px;
  210. padding: .25rem;
  211. border: 1px #ececec solid;
  212. border-radius: 0.5rem 0.75rem;
  213. background: #fff;
  214. box-shadow: var(--bs-box-shadow) !important;
  215. }
  216.  
  217. .ph-dropdown-menu li a:hover
  218. {
  219. color: #fff;
  220. border-radius: 7.5px;
  221. background: #cc1f1f;
  222. }
  223.  
  224. .ph-dropdown-menu li a.dropdown-item
  225. {
  226. padding: .7rem .9rem;
  227. }
  228.  
  229. .ph-dropdown-menu2
  230. {
  231. width: 200px;
  232. padding: 0;
  233. border: 0;
  234. border-radius: .5rem;
  235. background: #fff;
  236. box-shadow: var(--bs-box-shadow) !important;
  237. }
  238.  
  239. .ph-dropdown-menu2 li a:hover
  240. {
  241. color: #fff;
  242. background: #cc1f1f;
  243. }
  244.  
  245. .ph-dropdown-menu2 li:first-child a:hover
  246. {
  247. border-top-left-radius: 7.5px;
  248. border-top-right-radius: 7.5px;
  249. }
  250.  
  251. .ph-dropdown-menu2 li:last-child a:hover
  252. {
  253. border-bottom-left-radius: 7.5px;
  254. border-bottom-right-radius: 7.5px;
  255. }
  256.  
  257. .ph-dropdown-menu2 li a.dropdown-item
  258. {
  259. padding: .75rem 1rem;
  260. }
  261.  
  262. .ph-footer
  263. {
  264. background: #272727;
  265. }
  266.  
  267. .ph-footer p
  268. {
  269. font-size: inherit;
  270. }
  271.  
  272. .ph-footer .list-group-flush .list-group-item
  273. {
  274. color: #fff;
  275. border-color: #fff;
  276. text-decoration: none;
  277. }
  278. </style>
  279. </head>
  280. <body class="ph-custom-css">
  281. <header class="ph-navbar ph-navbar-transparent fixed-top  navbar navbar-expand-lg bg-light" style="border-bottom: 1px transparent solid">
  282. <div class="container">
  283. <a class="navbar-brand me-lg-4" href="https://www.pleasantviewretirement.com/">
  284. <img src="https://www.mgmotor.id/contents/userfiles/logo/202309/date_27/cf3bd56ce9f15d153496fc0163fd1cbd.png" class="d-none d-md-block" style="width: 80px">
  285. <img src="https://www.mgmotor.id/contents/userfiles/logo/202309/date_27/ac6c1b0e39b851b65dff01f8d5cf5f4f.png" class="d-block d-md-none" style="width: 90px">
  286. </a>
  287.  
  288. <div class="d-flex d-md-none me-auto ms-2">
  289. <a href="javascript:void(0)" class="d-block d-lg-none text-white" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdNavbar" aria-controls="bdNavbar" aria-label="Toggle navigation">
  290. <i class="fal fa-bars" style="font-size: 1.8rem;"></i>
  291. </a>
  292. </div>
  293.  
  294. <div class="d-lg-flex justify-content-lg-start d-none">
  295. <ul class="navbar-nav">
  297. <li class="nav-item dropdown has-megamenu" style="margin: 0px 2.5px 0px 2.5px">
  298. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="mgmodels" role="button" data-bs-toggle="dropdown" aria-expanded="false">MG Models</a>
  300. <div class="dropdown-menu megamenu shadow font-size-inherit" style="overflow-y: scroll;height: 90dvh;">
  301. <div class="d-flex flex-row flex-lg-column justify-content-center">
  302. <div class="mb-3 mb-lg-5">
  303. <h3 class="mb-4"><img src="https://www.mgmotor.id/assets/icons/electric-icon.svg" class="me-2" style="vertical-align: middle;"> Electric</h3>
  304.  
  305. <div class="row g-4">
  306. <div class="col-lg-auto text-center">
  307. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mg4ev">
  308. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202309/f9b5500fa1bad24b89969bcf98904205.png" class="img-fluid mb-2" style="width: 325px">
  309.  
  310. <p class="fs-6 fw-semibold m-0">MG 4 EV</p>
  311. </a>
  312. </div>
  313. <div class="col-lg-auto text-center">
  314. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/newmgzsev">
  315. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202309/c4dbd4f0244bc19a7f65fd92ccfeec1a.png" class="img-fluid mb-2" style="width: 325px">
  316.  
  317. <p class="fs-6 fw-semibold m-0">New MG ZS EV</p>
  318. </a>
  319. </div>
  320. <div class="col-lg-auto text-center">
  321. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mgcyberster">
  322. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202407/0f51620bb28d68498b5fc08c136de6a3.png" class="img-fluid mb-2" style="width: 325px">
  323.  
  324. <p class="fs-6 fw-semibold m-0">MG Cyberster</p>
  325. </a>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="mb-3 mb-lg-5">
  330. <h3 class="mb-4"><img src="https://www.mgmotor.id/assets/icons/hybrid-icon.svg" class="me-2" style="vertical-align: middle;"> Hybrid</h3>
  331.  
  332. <div class="row g-4">
  333. <div class="col-lg-auto text-center">
  334. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mgvssuperhybrid">
  335. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202408/1fcb4c1e27539aa4fe07459bc7bc485b.png" class="img-fluid mb-2" style="width: 325px">
  336.  
  337. <p class="fs-6 fw-semibold m-0">MG VS Super Hybrid</p>
  338. </a>
  339. </div>
  340. </div>
  341. </div>
  342. <div class="mb-3 mb-lg-5">
  343. <h3 class="mb-4"><img src="https://www.mgmotor.id/assets/icons/petrol-icon.svg" class="me-2" style="vertical-align: middle;"> Petrol</h3>
  344.  
  345. <div class="row g-4">
  346. <div class="col-lg-auto text-center">
  347. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/newmgzs">
  348. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202307/271da19037e6e30f4de804970e2922b6.png" class="img-fluid mb-2" style="width: 325px">
  349.  
  350. <p class="fs-6 fw-semibold m-0">New MG ZS</p>
  351. </a>
  352. </div>
  353. <div class="col-lg-auto text-center">
  354. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mg5gt">
  355. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202307/d98778d3d7d54dec1f818414bd226a6b.png" class="img-fluid mb-2" style="width: 325px">
  356.  
  357. <p class="fs-6 fw-semibold m-0">MG 5 GT</p>
  358. </a>
  359. </div>
  360. <div class="col-lg-auto text-center">
  361. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/newmghs">
  362. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202309/25a225eac7f12d57a6ea03038c87ad97.png" class="img-fluid mb-2" style="width: 325px">
  363.  
  364. <p class="fs-6 fw-semibold m-0">New MG HS</p>
  365. </a>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. </li>
  372. <li class="nav-item" style="margin: 0px 2.5px 0px 2.5px">
  373. <a class="nav-link " style="padding-right: 1rem;padding-left: 1rem;" href="https://www.mgmotor.id/promotion">Promotion</a>
  374. </li>
  375. <li class="nav-item dropdown" style="margin: 0px 2.5px 0px 2.5px">
  376. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="newsevent" role="button" data-bs-toggle="dropdown" aria-expanded="false">News & Event</a>
  378. <ul class="dropdown-menu ph-dropdown-menu font-size-inherit">
  379. <li><a class="dropdown-item" href="https://www.mgmotor.id/news">News</a></li>
  380. <li><a class="dropdown-item" href="https://www.mgmotor.id/event">Event</a></li>
  381. </ul>
  382. </li>
  383. <li class="nav-item dropdown has-megamenu" style="margin: 0px 2.5px 0px 2.5px">
  384. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="https://www.mgmotor.id/innovation" role="button" data-bs-toggle="dropdown" aria-expanded="false">Innovation</a>
  386. <div class="dropdown-menu megamenu shadow font-size-inherit" style="overflow-y: scroll;height: 90dvh;">
  387. <div class="d-flex flex-row flex-lg-column justify-content-center">
  388. <div class="mb-3 mb-lg-5">
  389. <div class="row g-4">
  390. <div class="col-lg d-flex justify-content-center">
  391. <a class="dropdown-item" href="https://www.mgmotor.id/innovation/ismart">
  392. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202308/66cf565a3dacdacf4cfcf11898c83198.png" class="img-fluid mb-2" style="width: 215px">
  393.  
  394. <p class="fs-6 fw-semibold m-0">I-SMART</p>
  395. </a>
  396. </div>
  397. <div class="col-lg d-flex justify-content-center">
  398. <a class="dropdown-item" href="https://www.mgmotor.id/innovation/brit">
  399. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202308/71efd63d15d6f7b9644169537c963554.png" class="img-fluid mb-2" style="width: 215px">
  400.  
  401. <p class="fs-6 fw-semibold m-0">Brit Dynamic</p>
  402. </a>
  403. </div>
  404. <div class="col-lg d-flex justify-content-center">
  405. <a class="dropdown-item" href="https://www.mgmotor.id/innovation/ev">
  406. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202308/c8a684af22463dc1c95c7d6a44a51964.png" class="img-fluid mb-2" style="width: 215px">
  407.  
  408. <p class="fs-6 fw-semibold m-0">EV Innovation</p>
  409. </a>
  410. </div>
  411. <div class="col-lg d-flex justify-content-center">
  412. <a class="dropdown-item" href="https://www.mgmotor.id/innovation/futurecars">
  413. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202308/9f9b7cb5aa737ff56ac196e103925967.jpg" class="img-fluid mb-2" style="width: 215px">
  414.  
  415. <p class="fs-6 fw-semibold m-0">Future Cars</p>
  416. </a>
  417. </div>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422. </li>
  423. <li class="nav-item dropdown" style="margin: 0px 2.5px 0px 2.5px">
  424. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="mgdealer" role="button" data-bs-toggle="dropdown" aria-expanded="false">MG Dealer</a>
  426. <ul class="dropdown-menu ph-dropdown-menu font-size-inherit">
  427. <li><a class="dropdown-item" href="https://www.mgmotor.id/mgdealer">Find MG Dealer</a></li>
  428. <li><a class="dropdown-item" href="https://www.mgmotor.id/joinmg">Join MG Dealer</a></li>
  429. </ul>
  430. </li>
  431. <li class="nav-item" style="margin: 0px 2.5px 0px 2.5px">
  432. <a class="nav-link " style="padding-right: 1rem;padding-left: 1rem;" href="https://www.mgmotor.id/mgcare">MG Care</a>
  433. </li>
  434. </ul>
  435. </div>
  436.  
  437. <div class="offcanvas offcanvas-end d-lg-none flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
  438. <div class="offcanvas-header px-4 pb-0">
  439. <h5 class="offcanvas-title" id="offcanvasTopLabel">
  440. <a href="https://www.pleasantviewretirement.com/">
  441. <img src="https://www.mgmotor.id/contents/userfiles/logo/202309/date_27/ac6c1b0e39b851b65dff01f8d5cf5f4f.png" class="d-block d-md-none" style="width: 90px">
  442. </a>
  443. </h5>
  445. <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
  446. </div>
  447.  
  448. <div class="offcanvas-body" id="navbarNavDropdown">
  449. <ul class="navbar-nav">
  451. <li class="nav-item dropdown" style="margin: 0px 2.5px 0px 2.5px">
  452. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="mgmodels" role="button" data-bs-toggle="dropdown" aria-expanded="false">MG Models</a>
  453.  
  454. <div class="dropdown-menu border-0 p-3">
  455. <div class="mb-5">
  456. <h3 class="border-bottom pb-3 mb-3"><img src="https://www.mgmotor.id/assets/icons/electric-icon.svg" class="me-2" style="vertical-align: middle;"> Electric</h3>
  457.  
  458. <div class="row gy-4 font-size-inherit">
  459. <div class="col-12 text-center">
  460. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mg4ev">
  461. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202309/f9b5500fa1bad24b89969bcf98904205.png" class="img-fluid mb-2" style="width: 325px">
  462.  
  463. <p class="fs-6 fw-semibold m-0">MG 4 EV</p>
  464. </a>
  465. </div>
  466. <div class="col-12 text-center">
  467. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/newmgzsev">
  468. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202309/c4dbd4f0244bc19a7f65fd92ccfeec1a.png" class="img-fluid mb-2" style="width: 325px">
  469.  
  470. <p class="fs-6 fw-semibold m-0">New MG ZS EV</p>
  471. </a>
  472. </div>
  473. <div class="col-12 text-center">
  474. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mgcyberster">
  475. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202407/0f51620bb28d68498b5fc08c136de6a3.png" class="img-fluid mb-2" style="width: 325px">
  476.  
  477. <p class="fs-6 fw-semibold m-0">MG Cyberster</p>
  478. </a>
  479. </div>
  480. </div>
  481. </div>
  482. <div class="mb-5">
  483. <h3 class="border-bottom pb-3 mb-3"><img src="https://www.mgmotor.id/assets/icons/hybrid-icon.svg" class="me-2" style="vertical-align: middle;"> Hybrid</h3>
  484.  
  485. <div class="row gy-4 font-size-inherit">
  486. <div class="col-12 text-center">
  487. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mgvssuperhybrid">
  488. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202408/1fcb4c1e27539aa4fe07459bc7bc485b.png" class="img-fluid mb-2" style="width: 325px">
  489.  
  490. <p class="fs-6 fw-semibold m-0">MG VS Super Hybrid</p>
  491. </a>
  492. </div>
  493. </div>
  494. </div>
  495. <div class="mb-5">
  496. <h3 class="border-bottom pb-3 mb-3"><img src="https://www.mgmotor.id/assets/icons/petrol-icon.svg" class="me-2" style="vertical-align: middle;"> Petrol</h3>
  497.  
  498. <div class="row gy-4 font-size-inherit">
  499. <div class="col-12 text-center">
  500. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/newmgzs">
  501. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202307/271da19037e6e30f4de804970e2922b6.png" class="img-fluid mb-2" style="width: 325px">
  502.  
  503. <p class="fs-6 fw-semibold m-0">New MG ZS</p>
  504. </a>
  505. </div>
  506. <div class="col-12 text-center">
  507. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/mg5gt">
  508. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202307/d98778d3d7d54dec1f818414bd226a6b.png" class="img-fluid mb-2" style="width: 325px">
  509.  
  510. <p class="fs-6 fw-semibold m-0">MG 5 GT</p>
  511. </a>
  512. </div>
  513. <div class="col-12 text-center">
  514. <a class="dropdown-item p-0" href="https://www.mgmotor.id/mgmodels/newmghs">
  515. <img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202309/25a225eac7f12d57a6ea03038c87ad97.png" class="img-fluid mb-2" style="width: 325px">
  516.  
  517. <p class="fs-6 fw-semibold m-0">New MG HS</p>
  518. </a>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. </li>
  524. <li class="nav-item" style="margin: 0px 2.5px 0px 2.5px">
  525. <a class="nav-link " style="padding-right: 1rem;padding-left: 1rem;" href="https://www.mgmotor.id/promotion">Promotion</a>
  526. </li>
  527. <li class="nav-item dropdown" style="margin: 0px 2.5px 0px 2.5px">
  528. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="newsevent" role="button" data-bs-toggle="dropdown" aria-expanded="false">News & Event</a>
  530. <ul class="dropdown-menu ph-dropdown-menu font-size-inherit">
  531. <li><a class="dropdown-item" href="https://www.mgmotor.id/news">News</a></li>
  532. <li><a class="dropdown-item" href="https://www.mgmotor.id/event">Event</a></li>
  533. </ul>
  534. </li>
  535. <li class="nav-item dropdown" style="margin: 0px 2.5px 0px 2.5px">
  536. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="https://www.mgmotor.id/innovation" role="button" data-bs-toggle="dropdown" aria-expanded="false">Innovation</a>
  538. <ul class="dropdown-menu ph-dropdown-menu font-size-inherit">
  539. <li><a class="dropdown-item" href="https://www.mgmotor.id/innovation/ismart">I-SMART</a></li>
  540. <li><a class="dropdown-item" href="https://www.mgmotor.id/innovation/brit">Brit Dynamic</a></li>
  541. <li><a class="dropdown-item" href="https://www.mgmotor.id/innovation/ev">EV Innovation</a></li>
  542. <li><a class="dropdown-item" href="https://www.mgmotor.id/innovation/futurecars">Future Cars</a></li>
  543. </ul>
  544. </li>
  545. <li class="nav-item dropdown" style="margin: 0px 2.5px 0px 2.5px">
  546. <a class="nav-link dropdown-toggle " style="padding-right: 1rem;padding-left: 1rem;" href="mgdealer" role="button" data-bs-toggle="dropdown" aria-expanded="false">MG Dealer</a>
  548. <ul class="dropdown-menu ph-dropdown-menu font-size-inherit">
  549. <li><a class="dropdown-item" href="https://www.mgmotor.id/mgdealer">Find MG Dealer</a></li>
  550. <li><a class="dropdown-item" href="https://www.mgmotor.id/joinmg">Join MG Dealer</a></li>
  551. </ul>
  552. </li>
  553. <li class="nav-item" style="margin: 0px 2.5px 0px 2.5px">
  554. <a class="nav-link " style="padding-right: 1rem;padding-left: 1rem;" href="https://www.mgmotor.id/mgcare">MG Care</a>
  555. </li>
  556. </ul>
  557. </div>
  558. </div>
  559.  
  560. <ul class="navbar-nav flex-row flex-wrap ms-lg-auto">
  562. <li class="nav-item" style="margin: 0px 2.5px 0px 2.5px">
  563. <a class="nav-link d-flex active " style="padding-right: 1rem;padding-left: 1rem;" href="https://rebrand.ly/login-kotatogel"><img src="https://www.mgmotor.id/contents/userfiles/menu_icon/202307/3cdbbeef2a2baea9b1ef483ba7cdb1f8.svg" class="img-fluid me-2" style="width: 17px"> <span class="align-self-center">VISIT KOTATOGEL</span></a>
  564. </li>
  565. </ul>
  566. </div>
  567. </header>
  568. <style>
  569. .ph-homepage-card-innovation::before
  570. {
  571. position: absolute;
  572. width: 100%;
  573. height: 100%;
  574. display: block;
  575. left: 0;
  576. top: 0;
  577. content: "";
  578. z-index: 0 !important;
  579. background-color: rgba(0,0,0,0.3);
  580. }
  581.  
  582. .ph-homepage-card-listcars::before
  583. {
  584. position: absolute;
  585. width: 100%;
  586. height: 100%;
  587. display: block;
  588. left: 0;
  589. top: 0;
  590. content: "";
  591. z-index: 0 !important;
  592. background-color: rgba(0,0,0,0.1);
  593. }
  594.  
  595. .ph-homepage-card-listcars .ph-homepage-card-text
  596. {
  597. top: 15%;
  598. left: 0;
  599. right: 0;
  600. }
  601.  
  602. .ph-homepage-card-listcars .ph-homepage-card-title
  603. {
  604. font-size: 3.125rem;
  605. }
  606.  
  607. .swiper-slide .ph-homepage-card-text-swiper
  608. {
  609. top: 15%;
  610. left: 0;
  611. right: 0;
  612. }
  613.  
  614. @media (max-width: 575.98px)
  615. {
  616. .container-fluid
  617. {
  618. padding-left: 0;
  619. padding-right: 0;
  620. }
  621.  
  622. .ph-homepage-card-listcars .ph-homepage-card-title
  623. {
  624. font-size: 1.625rem;
  625. }
  626.  
  627. .ph-homepage-card-listcars .ph-homepage-card-text
  628. {
  629. top: 10%;
  630. left: 0;
  631. right: 0;
  632. }
  633.  
  634. .plyr video
  635. {
  636. min-width: 100% !important;
  637. width: auto !important;
  638. height: auto !important;
  639. }
  640.  
  641. .plyr video.player-alternative
  642. {
  643. width: 100% !important;
  644. height: auto !important;
  645. }
  646. }
  647.  
  648. .swiperHomepageSection1 .swiper-slide img
  649. {
  650. display: block;
  651. width: 100%;
  652. height: 100%;
  653. object-fit: cover;
  654. }
  655.  
  656. .swiperHomepageSection1 .swiper-slide
  657. {
  658. overflow: hidden;
  659. }
  660. </style>
  661.  
  663. <style>
  664. :root
  665. {
  666. --swiper-navigation-color: #fff !important;
  667. --swiper-navigation-size: 25px !important;
  668. }
  669.  
  670. .swiper-autoheight,
  671. .swiper-autoheight .swiper-slide
  672. {
  673. height: auto;
  674. }
  675.  
  676. .swiper-slide .container
  677. {
  678. z-index: 1;
  679. }
  680.  
  681. .swiper-pagination-bullets.swiper-pagination-horizontal
  682. {
  683. bottom: 30px !important;
  684. }
  685.  
  686. .swiper-pagination-bullet
  687. {
  688. border-radius: 0 !important;
  689. width: 23px !important;
  690. height: 3px !important;
  691. background-color: rgba(255, 255, 255, 1) !important;
  692. }
  693.  
  694. .swiper-pagination-bullet .swiper-pagination-bullet-active
  695. {
  696. background-color: #fff !important;
  697. }
  698.  
  699. .swiper-button-next
  700. {
  701. right: 25px !important;
  702. }
  703.  
  704. .swiper-button-prev
  705. {
  706. left: 25px !important;
  707. }
  708. .swiper-slide-0::before
  709. {
  710. position: absolute;
  711. width: 100%;
  712. height: 100%;
  713. display: block;
  714. left: 0;
  715. top: 0;
  716. content: "";
  717. z-index: 0 !important;
  718. background-color: rgba(0, 0, 0, 0.3);
  719. }
  720.  
  721. .swiper-slide-0::after
  722. {
  723. position: absolute;
  724. width: 100%;
  725. height: 100%;
  726. display: block;
  727. left: 0;
  728. top: 0;
  729. content: "";
  730. background-color: rgba(0, 0, 0, 0.3);
  731. }
  732. .swiper-slide-1::before
  733. {
  734. position: absolute;
  735. width: 100%;
  736. height: 100%;
  737. display: block;
  738. left: 0;
  739. top: 0;
  740. content: "";
  741. z-index: 0 !important;
  742. background-color: transparent;
  743. }
  744.  
  745. .swiper-slide-1::after
  746. {
  747. position: absolute;
  748. width: 100%;
  749. height: 100%;
  750. display: block;
  751. left: 0;
  752. top: 0;
  753. content: "";
  754. background-color: transparent;
  755. }
  756. .swiper-slide-2::before
  757. {
  758. position: absolute;
  759. width: 100%;
  760. height: 100%;
  761. display: block;
  762. left: 0;
  763. top: 0;
  764. content: "";
  765. z-index: 0 !important;
  766. background-color: rgba(0, 0, 0, 0.313);
  767. }
  768.  
  769. .swiper-slide-2::after
  770. {
  771. position: absolute;
  772. width: 100%;
  773. height: 100%;
  774. display: block;
  775. left: 0;
  776. top: 0;
  777. content: "";
  778. background-color: rgba(0, 0, 0, 0.313);
  779. }
  780. .swiper-slide-3::before
  781. {
  782. position: absolute;
  783. width: 100%;
  784. height: 100%;
  785. display: block;
  786. left: 0;
  787. top: 0;
  788. content: "";
  789. z-index: 0 !important;
  790. background-color: rgba(0, 0, 0, 0.314);
  791. }
  792.  
  793. .swiper-slide-3::after
  794. {
  795. position: absolute;
  796. width: 100%;
  797. height: 100%;
  798. display: block;
  799. left: 0;
  800. top: 0;
  801. content: "";
  802. background-color: rgba(0, 0, 0, 0.314);
  803. }
  804. .swiper-slide-4::before
  805. {
  806. position: absolute;
  807. width: 100%;
  808. height: 100%;
  809. display: block;
  810. left: 0;
  811. top: 0;
  812. content: "";
  813. z-index: 0 !important;
  814. background-color: rgba(0, 0, 0, 0.3);
  815. }
  816.  
  817. .swiper-slide-4::after
  818. {
  819. position: absolute;
  820. width: 100%;
  821. height: 100%;
  822. display: block;
  823. left: 0;
  824. top: 0;
  825. content: "";
  826. background-color: rgba(0, 0, 0, 0.3);
  827. }
  828. .swiper-slide-5::before
  829. {
  830. position: absolute;
  831. width: 100%;
  832. height: 100%;
  833. display: block;
  834. left: 0;
  835. top: 0;
  836. content: "";
  837. z-index: 0 !important;
  838. background-color: rgba(0, 0, 0, 0.3);
  839. }
  840.  
  841. .swiper-slide-5::after
  842. {
  843. position: absolute;
  844. width: 100%;
  845. height: 100%;
  846. display: block;
  847. left: 0;
  848. top: 0;
  849. content: "";
  850. background-color: rgba(0, 0, 0, 0.3);
  851. }
  852. .swiper-slide-6::before
  853. {
  854. position: absolute;
  855. width: 100%;
  856. height: 100%;
  857. display: block;
  858. left: 0;
  859. top: 0;
  860. content: "";
  861. z-index: 0 !important;
  862. background-color: rgba(0, 0, 0, 0.3);
  863. }
  864.  
  865. .swiper-slide-6::after
  866. {
  867. position: absolute;
  868. width: 100%;
  869. height: 100%;
  870. display: block;
  871. left: 0;
  872. top: 0;
  873. content: "";
  874. background-color: rgba(0, 0, 0, 0.3);
  875. }
  876. </style>
  877.  
  878. <div class="swiper swiper-slideshow">
  879. <div class="swiper-wrapper">
  880. <div class="swiper-slide swiper-slide-0 ph-swiper-main-slider position-relative" data-slide-type="video">
  881. <video id="player" class="players_Plyr_0" volume="0" muted playsinline>
  882. <source src="https://www.mgmotor.id/contents/userfiles/slideshow/202309/d0ea0e742c70270d2f0defea19dab2e1.mp4" type="video/mp4">
  883. </video>
  884.  
  885. <div class="container position-absolute top-50 start-50 start-lg-35 translate-middle text-white">
  886. <div class="row">
  887. <div class="col-md-8 col-9 mx-auto text-start">
  888. <h1 class="font-weight-bold mb-3"><div class="ph-font-gill-sans-mt">LINK ALTERNATIF</div></h1>
  889. <h4 class="font-weight-light mb-3">KOTATOGEL</h4>
  890.  
  891. <a href="https://rebrand.ly/daftarkotatogel" class="btn btn-outline-light rounded-pill" style="border-width: 2px">Daftar</a><a href="https://rebrand.ly/login-kotatogel" class="btn btn-outline-light rounded-pill ms-3" style="border-width: 2px">Login</a>
  892. </div>
  893. </div>
  894. </div>
  895.  
  896. <div class="container position-absolute  translate-middle text-white">
  897. <div class="row">
  898. <div class="col-md-auto col-9 mx-auto">
  900. </div>
  901. </div>
  902. </div>
  903. </div>
  905.  
  906. <div class="container position-absolute  translate-middle text-white">
  907. <div class="row">
  908. <div class="col-md-auto col-9 mx-auto">
  910. </div>
  911. </div>
  912. </div>
  913. </div>
  914. </div>
  915.  
  916. <!-- If we need pagination -->
  917. <div class="swiper-pagination"></div>
  918.  
  919. <!-- If we need navigation buttons -->
  920. <div class="swiper-button-prev"></div>
  921. <div class="swiper-button-next"></div>
  922. </div>
  923. <script src="https://www.mgmotor.id/assets/js/jquery-3.6.0.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  924. <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  925. <script src="https://cdn.plyr.io/3.7.8/plyr.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  926.  
  927. <script type="17474f0dd01cb79b2c073469-text/javascript">
  928. const swiper = new Swiper(".swiper-slideshow",
  929. {
  930. // slidesPerView
  931. slidesPerView: 1,
  932.  
  933. // Effect
  935.  
  936. // autoPlay
  937. autoplay: { delay: 3000, disableOnInteraction: true },
  938.  
  939. // Auto height
  940. autoHeight: true,
  941. calculateHeight: true,
  942.  
  943. // Optional parameters
  944. direction: "horizontal",
  945. loop: true,
  946.  
  947. // Navigation arrows
  948. navigation:
  949. {
  950. nextEl: ".swiper-button-next",
  951. prevEl: ".swiper-button-prev",
  952. },
  953.  
  954. // If we need pagination
  955. pagination:
  956. {
  957. el: ".swiper-pagination",
  958. type: "bullets",
  959. clickable: true
  960. }
  961. });
  962.  
  963. swiper.updateAutoHeight(100);
  965. // document.addEventListener("DOMContentLoaded", () =>
  966. // {
  967. const players_Plyr = [];
  968. const mainSlider = document.querySelectorAll(".ph-swiper-main-slider");
  969.  
  970. const currentIndex = swiper.activeIndex;
  971. const currentSlide = $(swiper.slides[currentIndex]);
  972. const currentSlideType = currentSlide.data("slide-type");
  973.  
  974. const previousIndex = swiper.previousIndex;
  975. const previousSlide = $(swiper.slides[previousIndex]);
  976. const previousSlideType = previousSlide.data("slide-type");
  977.  
  978. const VIDEO_PLAYING_STATE1 =
  979. {
  980. "PLAYING": "PLAYING",
  981. "PAUSE": "PAUSE"
  982. }
  983.  
  984. let videoPlayStatus1 = VIDEO_PLAYING_STATE1.PAUSE;
  985. let timeout1 = null;
  986. let waiting1 = 3000;
  987.  
  988. for (let i = 0; i < mainSlider.length; i++)
  989. {
  990. if (mainSlider[i].getAttribute("data-slide-type") == "video")
  991. {
  992. players_Plyr[i] = Plyr.setup(".players_Plyr_"+i);
  993. }
  994. }
  995.  
  996. if (mainSlider[0].getAttribute("data-slide-type") == "video")
  997. {
  998. if (players_Plyr[0][0])
  999. {
  1000. players_Plyr[0][0].play();
  1001.  
  1002. swiper.autoplay.stop();
  1003. }
  1004. }
  1005.  
  1006. const LastIndexPlyr = players_Plyr.length-1;
  1007.  
  1008. // console.log(players_Plyr.length-1);
  1009.  
  1010. for (let i = 0; i < players_Plyr.length; i++)
  1011. {
  1012. if (players_Plyr[i] !== undefined)
  1013. {
  1014. players_Plyr[i][0].on("timeupdate", event =>
  1015. {
  1016. if (players_Plyr[i][0].currentTime == players_Plyr[i][0].duration)
  1017. {
  1018. if (i !== LastIndexPlyr)
  1019. {
  1020. // console.log(LastIndexPlyr);
  1021.  
  1022. swiper.slideNext();
  1023. }
  1024.  
  1025. // console.log(i);
  1026.  
  1027. // console.log("Video ended");
  1028. // console.log("Time: "+players_Plyr[i][0].currentTime+" - "+players_Plyr[i][0].duration);
  1029. }
  1030. });
  1031. }
  1032. }
  1033.  
  1034. // swiper object
  1035. swiper.on("slideChangeTransitionEnd", function()
  1036. {
  1037. const currentIndex = swiper.activeIndex;
  1038. const realIndex = swiper.realIndex;
  1039. const currentSlide = $(swiper.slides[currentIndex]);
  1040. const currentSlideType = currentSlide.data("slide-type");
  1041.  
  1042. // incase user click next before video ended
  1043. if (videoPlayStatus1 === VIDEO_PLAYING_STATE1.PLAYING)
  1044. {
  1045. players_Plyr[swiper.previousIndex][0].pause();
  1046. }
  1047.  
  1048. clearTimeout(timeout1)
  1049.  
  1050. switch (currentSlideType)
  1051. {
  1052. case "image":
  1053. runNext1();
  1054. break;
  1055. case "video":
  1056. players_Plyr[realIndex][0].currentTime = 0;
  1057. players_Plyr[realIndex][0].play();
  1058.  
  1059. swiper.autoplay.stop();
  1060.  
  1061. videoPlayStatus1 = VIDEO_PLAYING_STATE1.PLAYING;
  1062. break;
  1063. default:
  1065. throw new Error("Invalid slide type");
  1066. }
  1067. });
  1068.  
  1069. function prev1()
  1070. {
  1071. swiper.slidePrev();
  1072. }
  1073.  
  1074. function next1()
  1075. {
  1076. swiper.slideNext();
  1077. }
  1078.  
  1079. function runNext1()
  1080. {  
  1081. timeout1 = setTimeout(function()
  1082. {
  1083. next1();
  1084. }, waiting1);
  1085. }
  1086.  
  1087. // });
  1088. </script>
  1089.  
  1090. <div class="container-fluid mt-3 mb-1 my-md-3">
  1091. <div>
  1092. <div class="row gy-1 gx-0 g-md-3">
  1093. <div class="col-md-6">
  1094. <div class="position-relative">
  1095. <div class="ph-homepage-card-listcars text-center">
  1096. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/410026e08c3ae7764ae5685f7f925bb1.jpg" class="img-fluid w-100 d-none d-md-block">
  1097. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/7e0820eeb89e201d00d33962dd959353.jpg" class="img-fluid w-100 d-block d-md-none">
  1098.  
  1099. <div class="ph-homepage-card-text position-absolute text-white">
  1100. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG Cyberster</h1>
  1101. <p class="ph-font-gill-sans-mt fs-6">A Legend Reborn</p>
  1102. <a href="https://www.mgmotor.id/mgmodels/mgcyberster" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1103. <a href="https://www.mgmotor.id/book?model=mgcyberster" class="text-white ms-3">Book Now <i class="far fa-angle-right fa-fw"></i></a>
  1104. </div>
  1105. </div>
  1106. </div>
  1107. </div>
  1108. <div class="col-md-6">
  1109. <div class="position-relative">
  1110. <div class="ph-homepage-card-listcars text-center">
  1111. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/fdedcb6d0591cf583aee43145fb04d61.png" class="img-fluid w-100 d-none d-md-block">
  1112. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/5e9716f729c5db20110bb46ad19180fc.png" class="img-fluid w-100 d-block d-md-none">
  1113.  
  1114. <div class="ph-homepage-card-text position-absolute text-white">
  1115. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG 4 EV</h1>
  1116. <p class="ph-font-gill-sans-mt fs-6">Evolution Forward</p>
  1117. <a href="https://www.mgmotor.id/mgmodels/mg4ev" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1118. <a href="https://www.mgmotor.id/testdrive?model=mg4ev" class="text-white ms-3">Test Drive <i class="far fa-angle-right fa-fw"></i></a>
  1119. </div>
  1120. </div>
  1121. </div>
  1122. </div>
  1123. <div class="col-md-6">
  1124. <div class="position-relative">
  1125. <div class="ph-homepage-card-listcars text-center">
  1126. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/7ea7635c618080c833e84e9912921d5c.png" class="img-fluid w-100 d-none d-md-block">
  1127. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/9a6f1e2a5a6b6ed7aeb9bd53e7807f38.png" class="img-fluid w-100 d-block d-md-none">
  1128.  
  1129. <div class="ph-homepage-card-text position-absolute text-white">
  1130. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">NEW MG ZS EV</h1>
  1131. <p class="ph-font-gill-sans-mt fs-6">Recharge Your Life</p>
  1132. <a href="https://www.mgmotor.id/mgmodels/newmgzsev" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1133. <a href="https://www.mgmotor.id/testdrive?model=newmgzsev" class="text-white ms-3">Test Drive <i class="far fa-angle-right fa-fw"></i></a>
  1134. </div>
  1135. </div>
  1136. </div>
  1137. </div>
  1138. <div class="col-md-6">
  1139. <div class="position-relative">
  1140. <div class="ph-homepage-card-listcars text-center">
  1141. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202403/e1911aa0ad6067f1b1af5d7711ed5ab5.png" class="img-fluid w-100 d-none d-md-block">
  1142. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202406/fd17348344be79ce57ef7ea56469c47c.png" class="img-fluid w-100 d-block d-md-none">
  1143.  
  1144. <div class="ph-homepage-card-text position-absolute text-white">
  1145. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG VS Super Hybrid</h1>
  1146. <p class="ph-font-gill-sans-mt fs-6">Peak Performance with Absolute Efficiency</p>
  1147. <a href="https://www.mgmotor.id/mgmodels/mgvshev" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1148. <a href="https://www.mgmotor.id/testdrive?model=mgvshev" class="text-white ms-3">Test Drive <i class="far fa-angle-right fa-fw"></i></a>
  1149. </div>
  1150. </div>
  1151. </div>
  1152. </div>
  1153. <div class="col-md-6">
  1154. <div class="position-relative">
  1155. <div class="ph-homepage-card-listcars text-center">
  1156. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202309/7aaadae6d55e29b23735c3095f9d8470.jpg" class="img-fluid w-100 d-none d-md-block">
  1157. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202406/37fc5d0f7c632fb2d70f615782db6951.png" class="img-fluid w-100 d-block d-md-none">
  1158.  
  1159. <div class="ph-homepage-card-text position-absolute text-white">
  1160. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">NEW MG ZS</h1>
  1161. <p class="ph-font-gill-sans-mt fs-6">Amazing Style of You</p>
  1162. <a href="https://www.mgmotor.id/mgmodels/newmgzs" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1163. <a href="https://www.mgmotor.id/testdrive?model=newmgzs" class="text-white ms-3">Test Drive <i class="far fa-angle-right fa-fw"></i></a>
  1164. </div>
  1165. </div>
  1166. </div>
  1167. </div>
  1168. <div class="col-md-6">
  1169. <div class="position-relative">
  1170. <div class="ph-homepage-card-listcars text-center">
  1171. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202308/066559e93c14ec1c9ab260f2f6cbc5fd.png" class="img-fluid w-100 d-none d-md-block">
  1172. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202406/602ccee191a4ce60b6034cd5824d0c5c.png" class="img-fluid w-100 d-block d-md-none">
  1173.  
  1174. <div class="ph-homepage-card-text position-absolute text-white">
  1175. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG 5 GT</h1>
  1176. <p class="ph-font-gill-sans-mt fs-6">Light Up Desire</p>
  1177. <a href="https://www.mgmotor.id/mgmodels/mg5gt" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1178. <a href="https://www.mgmotor.id/testdrive?model=mg5gt" class="text-white ms-3">Test Drive <i class="far fa-angle-right fa-fw"></i></a>
  1179. </div>
  1180. </div>
  1181. </div>
  1182. </div>
  1183. <div class="col-12">
  1184. <div class="position-relative">
  1185. <div class="ph-homepage-card-listcars text-center">
  1186. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/338185790e6de8a35f313510f81d63eb.png" class="img-fluid w-100 d-none d-md-block">
  1187. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202407/0f5d4081214269ac7c545edcfa80f37d.png" class="img-fluid w-100 d-block d-md-none">
  1188.  
  1189. <div class="ph-homepage-card-text position-absolute text-white">
  1190. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">NEW MG HS</h1>
  1191. <p class="ph-font-gill-sans-mt fs-6">Beyond Magnificent</p>
  1192. <a href="https://www.mgmotor.id/mgmodels/newmghs" class="text-white">Learn More <i class="far fa-angle-right fa-fw"></i></a>
  1193. <a href="https://www.mgmotor.id/testdrive?model=newmghs" class="text-white ms-3">Test Drive <i class="far fa-angle-right fa-fw"></i></a>
  1194. </div>
  1195. </div>
  1196. </div>
  1197. </div>
  1198. </div>
  1199. </div>
  1200. </div>
  1201. <div class="container-fluid px-0 my-md-5">
  1202. <div>
  1203. <div class="swiper swiperHomepageSection1">
  1204. <div class="swiper-wrapper">
  1205. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1206. <video id="player" class="player-alternative players_Plyr2_0 w-100" muted playsinline>
  1207. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202407/e28abacd4bd6ed33893a9ceae299fd32.mp4" type="video/mp4">
  1208. </video>
  1209. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1210. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG Cyberster</h1>
  1211. <a href="https://www.mgmotor.id/mgmodels/mgcyberster#ph-model-performance" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1212. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202407/49f0618cfe5a8e1a4b0a67c1d06d62a2.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1213. </div>
  1214. </div>
  1215. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1216. <video id="player" class="player-alternative players_Plyr2_1 w-100" muted playsinline>
  1217. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202407/af0e8891e903856887581722b706161c.mp4" type="video/mp4">
  1218. </video>
  1219. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1220. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG 4 EV</h1>
  1221. <a href="https://www.mgmotor.id/mgmodels/mg4ev#ph-model-specification" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1222. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202308/68538f62caec270c0eecdac56fc07542.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1223. </div>
  1224. </div>
  1225. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1226. <video id="player" class="player-alternative players_Plyr2_2 w-100" muted playsinline>
  1227. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202407/285e8ccf2ba9d98c420e2ab379190878.mp4" type="video/mp4">
  1228. </video>
  1229. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1230. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">NEW MG ZS EV</h1>
  1231. <a href="https://www.mgmotor.id/mgmodels/newmgzsev#ph-model-specification" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1232. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202401/9dc1ad48e3524541a4b827f232342325.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1233. </div>
  1234. </div>
  1235. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1236. <video id="player" class="player-alternative players_Plyr2_3 w-100" muted playsinline>
  1237. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202403/56ff7f47130973e2f9a8d814fcd744be.mp4" type="video/mp4">
  1238. </video>
  1239. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1240. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG VS Super Hybrid</h1>
  1241. <a href="https://www.mgmotor.id/mgmodels/mgvshev#ph-model-specification" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1242. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202403/0a331f20bba219416d80890837681929.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1243. </div>
  1244. </div>
  1245. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1246. <video id="player" class="player-alternative players_Plyr2_4 w-100" muted playsinline>
  1247. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202309/65e87a83d47cab01ca27878c92d87613.mp4" type="video/mp4">
  1248. </video>
  1249. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1250. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">NEW MG ZS</h1>
  1251. <a href="https://www.mgmotor.id/mgmodels/newmgzs#ph-model-specification" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1252. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202308/9e6f62ac27e0a7980f76c2a56597dc86.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1253. </div>
  1254. </div>
  1255. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1256. <video id="player" class="player-alternative players_Plyr2_5 w-100" muted playsinline>
  1257. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202309/07bad7d3fb8ab093daeedaa84313a4d5.mp4" type="video/mp4">
  1258. </video>
  1259. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1260. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">MG 5 GT</h1>
  1261. <a href="https://www.mgmotor.id/mgmodels/mg5gt#ph-model-specification" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1262. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202308/8f0e0ef33e491e9792e306aadfaa53c5.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1263. </div>
  1264. </div>
  1265. <div class="swiper-slide ph-swiper-second-slider text-center position-relative" data-slide-type="video">
  1266. <video id="player" class="player-alternative players_Plyr2_6 w-100" muted playsinline>
  1267. <source src="https://www.mgmotor.id/contents/userfiles/content_inpages/videos/202309/faeef868ff56b2b9ab2f8a8dce1a5850.mp4" type="video/mp4">
  1268. </video>
  1269. <div class="ph-homepage-card-text-swiper position-absolute text-white">
  1270. <h1 class="ph-font-gill-sans-mt ph-homepage-card-title fw-bold">NEW MG HS</h1>
  1271. <a href="https://www.mgmotor.id/mgmodels/newmghs#ph-model-specification" class="text-white">Get Spec <i class="far fa-angle-right fa-fw"></i></a>
  1272. <a href="https://www.mgmotor.id/contents/userfiles/mgmodels/brochure/202308/906c6a78829227aa3259d7c94ee182d1.pdf" class="text-white ms-3">Get Brochure <i class="far fa-angle-right fa-fw"></i></a>
  1273. </div>
  1274. </div>
  1275.  
  1276. </div>
  1277.  
  1278. <!-- If we need pagination -->
  1279. <div class="swiper-pagination"></div>
  1280.  
  1281. <!-- If we need navigation buttons -->
  1282. <div class="swiper-button-prev"></div>
  1283. <div class="swiper-button-next"></div>
  1284. </div>
  1285. </div>
  1286. </div>
  1287.  
  1288. <div class="container-fluid my-5">
  1289. <div>
  1290. <div class="h2 fw-bold text-center mb-5">Explore Our Innovation</div>
  1291.  
  1292. <div class="row g-0 g-md-3">
  1293. <div class="col-lg-3 position-relative text-center">
  1294. <div class="position-relative">
  1295. <div class="ph-homepage-card-innovation">
  1296. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202308/0cdd464fba85d8f6a97df5217e8f469f.jpg" class="img-fluid w-100">
  1297.  
  1298. <div class="position-absolute text-white" style="top: 25%;left: 0;right: 0">
  1299. <h2 class="ph-font-gill-sans-mt fw-bold">i-SMART</h2>
  1300. <p class="ph-font-gill-sans-mt fs-6">A True Intelligent Operating System</p>
  1301. <a href="https://www.mgmotor.id/innovation/ismart" class="text-white">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1302. </div>
  1303. </div>
  1304. </div>
  1305. </div>
  1306.  
  1307. <div class="col-lg-3 position-relative text-center">
  1308. <div class="position-relative">
  1309. <div class="ph-homepage-card-innovation">
  1310. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202308/f3b0b1f2d90c671988218054f7e9a23b.png" class="img-fluid w-100">
  1311.  
  1312. <div class="position-absolute text-white" style="top: 25%;left: 0;right: 0">
  1313. <h2 class="ph-font-gill-sans-mt fw-bold">BRIT Dynamic</h2>
  1314. <p class="ph-font-gill-sans-mt fs-6">British Automotive Standard</p>
  1315. <a href="https://www.mgmotor.id/innovation/brit" class="text-white">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1316. </div>
  1317. </div>
  1318. </div>
  1319. </div>
  1320.  
  1321. <div class="col-lg-3 position-relative text-center">
  1322. <div class="position-relative">
  1323. <div class="ph-homepage-card-innovation">
  1324. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202308/ced89f3cade6aa0fa6ecd93f878488b9.jpg" class="img-fluid w-100">
  1325.  
  1326. <div class="position-absolute text-white" style="top: 25%;left: 0;right: 0">
  1327. <h2 class="ph-font-gill-sans-mt fw-bold">Innovation of EVs</h2>
  1328. <p class="ph-font-gill-sans-mt fs-6">The Leader in Intelligent Automotive</p>
  1329. <a href="https://www.mgmotor.id/innovation/ev" class="text-white">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1330. </div>
  1331. </div>
  1332. </div>
  1333. </div>
  1334.  
  1335. <div class="col-lg-3 position-relative text-center">
  1336. <div class="position-relative">
  1337. <div class="ph-homepage-card-innovation">
  1338. <img src="https://www.mgmotor.id/contents/userfiles/content_inpages/images/202308/003fcd209183f5d1ac99a9fb3ae7232f.png" class="img-fluid w-100">
  1339.  
  1340. <div class="position-absolute text-white" style="top: 25%;left: 0;right: 0">
  1341. <h2 class="ph-font-gill-sans-mt fw-bold">Future Cars</h2>
  1342. <p class="ph-font-gill-sans-mt fs-6">Always Innovation for The Future</p>
  1343. <a href="https://www.mgmotor.id/innovation/futurecars" class="text-white">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1344. </div>
  1345. </div>
  1346. </div>
  1347. </div>
  1348. </div>
  1349. </div>
  1350. </div>
  1351.  
  1352. <div class="container my-5">
  1353. <div class="py-md-5">
  1354. <div class="row">
  1355. <div class="col-lg-3 text-start text-md-center mb-5 mb-md-0 d-none">
  1356. <div class="row">
  1357. <div class="col-auto col-md-12">
  1358. <img src="https://www.mgmotor.id/assets/statics/homepage/Trophy.svg" class="img-fluid">
  1359. </div>
  1360.  
  1361. <div class="col-auto col-md-12 mt-md-2">
  1362. <div class="fw-semibold">
  1363. <h5>MG Refer</h5>
  1364. <a href="#!" class="text-dark">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1365. </div>
  1366. </div>
  1367. </div>
  1368. </div>
  1369.  
  1370. <div class="col-lg-4 text-start text-md-center mb-5 mb-md-0">
  1371. <div class="row">
  1372. <div class="col-auto col-md-12">
  1373. <img src="https://www.mgmotor.id/assets/statics/homepage/Compass.svg" class="img-fluid">
  1374. </div>
  1375.  
  1376. <div class="col-auto col-md-12 mt-md-2">
  1377. <div class="fw-semibold">
  1378. <h5>Find MG Dealer</h5>
  1379. <a href="https://www.mgmotor.id/mgdealer" class="text-dark">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1380. </div>
  1381. </div>
  1382. </div>
  1383. </div>
  1384.  
  1385. <div class="col-lg-4 text-start text-md-center mb-5 mb-md-0">
  1386. <div class="row">
  1387. <div class="col-auto col-md-12">
  1388. <img src="https://www.mgmotor.id/assets/statics/homepage/Headset.svg" class="img-fluid">
  1389. </div>
  1390.  
  1391. <div class="col-auto col-md-12 mt-md-2">
  1392. <div class="fw-semibold">
  1393. <h5>MG Care</h5>
  1394. <a href="https://www.mgmotor.id/mgcare" class="text-dark">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1395. </div>
  1396. </div>
  1397. </div>
  1398. </div>
  1399.  
  1400. <div class="col-lg-4 text-start text-md-center">
  1401. <div class="row">
  1402. <div class="col-auto col-md-12">
  1403. <img src="https://www.mgmotor.id/assets/statics/homepage/ChatsCircle.svg" class="img-fluid">
  1404. </div>
  1405.  
  1406. <div class="col-auto col-md-12 mt-md-2">
  1407. <div class="fw-semibold">
  1408. <h5>Join MG Dealer</h5>
  1409. <a href="https://www.mgmotor.id/joinmg" class="text-dark">Learn more <i class="far fa-angle-right fa-fw"></i></a>
  1410. </div>
  1411. </div>
  1412. </div>
  1413. </div>
  1414. </div>
  1415. </div>
  1416. </div>
  1417. <footer class="ph-footer text-white px-2 py-4 p-md-5">
  1418. <div class="container">
  1419. <div class="row mb-5">
  1420. <div class="col-md-4">
  1421. <h1 class="text-white mb-4"><img src="https://www.mgmotor.id/contents/userfiles/logo/202408/cfa717d7738ef0f8f44bec26e7e5ec84.png" class="img-fluid" style="width: 50px"></h1>
  1422. <p class="fs-6">SAIC Motor Indonesia</p>
  1423. </div>
  1424.  
  1425. <div class="col-md-8 pl-md-5 mt-5 mt-xl-0">
  1426. <div class="row g-1">
  1427. <div class="col-6 col-md-4 d-lg-flex justify-content-lg-end mb-5 mb-xl-0">
  1428. <div>
  1429. <h6 class="mb-3">Models</h6>
  1431. <div class="list-group list-group-flush text-truncate">
  1432. <a href="https://www.mgmotor.id/mgmodels/mgcyberster" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">MG Cyberster</a>
  1433. <a href="https://www.mgmotor.id/mgmodels/mg4ev" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">MG 4 EV</a>
  1434. <a href="https://www.mgmotor.id/mgmodels/newmgzsev" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">New MG ZS EV</a>
  1435. <a href="https://www.mgmotor.id/mgmodels/mgvshev" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">MG VS Super Hybrid</a>
  1436. <a href="https://www.mgmotor.id/mgmodels/newmgzs" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">New MG ZS</a>
  1437. <a href="https://www.mgmotor.id/mgmodels/mg5gt" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">MG 5 GT</a>
  1438. <a href="https://www.mgmotor.id/mgmodels/newmghs" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">New MG HS</a>
  1439. </div>
  1440. </div>
  1441. </div>
  1442.  
  1443. <div class="col-6 col-md-4 d-lg-flex justify-content-lg-end mb-5 mb-xl-0">
  1444. <div>
  1445. <h6 class="mb-3">Explore</h6>
  1447. <div class="list-group list-group-flush text-truncate">
  1448. <a href="https://www.mgmotor.id/mgdealer" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">Find MG Dealer</a>
  1449. <a href="https://www.mgmotor.id/mgcare" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">MG Care</a>
  1450. <a href="https://www.mgmotor.id/joinmg" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">Join MG Dealer</a>
  1451. <a href="https://www.pleasantviewretirement.com/" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50"></a>
  1452. <a href="https://www.pleasantviewretirement.com/" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50"></a>
  1453. </div>
  1454. </div>
  1455. </div>
  1456.  
  1457. <div class="col-md-4 d-lg-flex justify-content-lg-end mb-5 mb-xl-0">
  1458. <div>
  1459. <h6 class="mb-3">More</h6>
  1461. <div class="list-group list-group-flush text-truncate">
  1462. <a href="https://www.mgmotor.id/about" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">About MG</a>
  1463. <a href="https://www.mgmotor.id/history" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">Our History</a>
  1464. <a href="https://www.mgmotor.id/contact" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50">Contact Us</a>
  1465. <a href="https://www.pleasantviewretirement.com/" rel="noreferrer" class="list-group-item bg-transparent px-0 border-0 opacity-50"></a>
  1466. </div>
  1467. </div>
  1468. </div>
  1469. </div>
  1470. </div>
  1471. </div>
  1472.  
  1473. <div class="row mt-2">
  1474. <div class="col-6 text-center text-md-start mb-2 mb-md-3 mb-xl-0 opacity-50">
  1475. <a href="https://www.mgmotor.id/privacy" class="text-decoration-none text-white">Privacy & Legal</a> <span class="mx-2">&middot;</span> <a href="https://www.mgmotor.id/faq" class="text-decoration-none text-white">FAQ</a>
  1476. </div>
  1477.  
  1478. <div class="col-6 text-center text-md-end opacity-50">
  1479. Bahasa Indonesia
  1480. </div>
  1481. </div>
  1482.  
  1483. <hr class="ar-delimiter my-4">
  1484.  
  1485. <div class="row mt-3">
  1486. <div class="col-md-6 order-2 order-md-1 text-start opacity-50">
  1487. © 2024 PT. SAIC Motor Indonesia
  1488. </div>
  1489.  
  1490. <div class="col-md-6 order-1 order-md-2 text-center text-md-end mb-3 mb-xl-0 d-flex justify-content-start justify-content-md-end opacity-50">
  1491. <ul class="nav">
  1492. <li class="nav-item">
  1493. <a class="nav-link p-0 mx-2" href="https://www.facebook.com/MGmotorID"><img src="https://www.mgmotor.id/assets/icons/facebook.svg" class="img-fluid"></a>
  1494. </li>
  1495.  
  1496. <li class="nav-item">
  1497. <a class="nav-link p-0 mx-2" href="https://www.instagram.com/mgmotor.id"><img src="https://www.mgmotor.id/assets/icons/instagram.svg" class="img-fluid"></a>
  1498. </li>
  1499.  
  1500. <li class="nav-item">
  1501. <a class="nav-link p-0 mx-2" href="https://www.youtube.com/channel/UCjkeHB0_DeugKDwRdQ4ug2Q"><img src="https://www.mgmotor.id/assets/icons/youtube.svg" class="img-fluid"></a>
  1502. </li>
  1503.  
  1504. <li class="nav-item">
  1505. <a class="nav-link p-0 mx-2" href="https://www.linkedin.com/company/mgmotorid"><img src="https://www.mgmotor.id/assets/icons/linkedin.svg" class="img-fluid"></a>
  1506. </li>
  1507.  
  1508. <li class="nav-item">
  1509. <a class="nav-link p-0 mx-2" href="https://www.tiktok.com/@mgmotorid"><img src="https://www.mgmotor.id/assets/icons/tiktok.svg" class="img-fluid"></a>
  1510. </li>
  1511.  
  1512. <li class="nav-item d-none">
  1513. <a class="nav-link p-0 mx-2" href="#"><img src="https://www.mgmotor.id/assets/icons/twitter.svg" class="img-fluid"></a>
  1514. </li>
  1515. </ul>
  1516. </div>
  1517. </div>
  1518. </div>
  1519. </footer>
  1520. <!-- Optional JavaScript -->
  1521. <!-- VueJS first, the second jQuery, then Bootstrap JS, and other -->
  1522. <script type="17474f0dd01cb79b2c073469-text/javascript">let baseurl = "https://www.pleasantviewretirement.com/"; let siteurl = "https://www.pleasantviewretirement.com/";</script>
  1523.  
  1524. <script src="https://www.mgmotor.id/assets/js/croppie-2.6.5.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1525. <script src="https://www.mgmotor.id/assets/plugins/axios/0.27.2/axios.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1526. <script src="https://www.mgmotor.id/assets/js/vue-select-3.18.3.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1527. <script src="https://www.mgmotor.id/assets/js/lodash-4.17.21.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1528. <script src="https://www.mgmotor.id/assets/js/vuejs-2.7.14.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1529. <script src="https://www.mgmotor.id/assets/js/vuejs-paginate-2.1.0.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1530. <script src="https://www.mgmotor.id/assets/js/vue-lazyload-1.3.3.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1531. <script src="https://www.mgmotor.id/assets/js/vue-cookies-1.8.3.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1532. <script src="https://www.mgmotor.id/assets/js/aruna-vue2022.js?v=1745398745" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1533.  
  1534. <script src="https://www.mgmotor.id/assets/js/jquery-3.6.0.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1535. <script src="https://www.mgmotor.id/assets/plugins/bootbox/5.5.2/bootbox.all.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1536. <script src="https://www.mgmotor.id/assets/plugins/bootstrap/5.3.1/js/bootstrap.bundle.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1537. <script src="https://www.mgmotor.id/assets/plugins/fontawesome/5.15.3/js/all.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1538. <script src="https://www.mgmotor.id/assets/plugins/parallax/1.5.0/parallax.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1539. <script src="https://www.mgmotor.id/assets/plugins/owlcarousel2/dist/owl.carousel.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1540. <script src="https://www.mgmotor.id/assets/js/aruna-admin-v5.js?v=1.0.2" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1541. <script src="https://www.mgmotor.id/assets/js/simplebar-5.3.6.min.js" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1542.  
  1543. <!--- Daterange Picker --->
  1544. <script type="17474f0dd01cb79b2c073469-text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
  1545. <script type="17474f0dd01cb79b2c073469-text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  1546.  
  1547. <script type="17474f0dd01cb79b2c073469-text/javascript">
  1548. if (document.querySelector(".g-recaptcha") !== null)
  1549. {
  1550. if (window.grecaptcha)
  1551. {
  1552. grecaptcha.ready(function()
  1553. {
  1554. grecaptcha.execute("6Lcz0xYiAAAAAElxA7UzZTB3uh0MWahANFyPdIxn", {action: "form_submission"}).then(function(token)
  1555. {
  1556. document.querySelector(".g-recaptcha").value = token;
  1557. });
  1558. });
  1559. }
  1560. }
  1561.  
  1562. if (document.querySelector("#staticBackdrop") !== null)
  1563. {
  1564. const modalToggleAds = new bootstrap.Modal("#staticBackdrop");
  1565.  
  1566. modalToggleAds.show();
  1567. }
  1568.  
  1569. const radioButtons = document.querySelectorAll('input[name="model_car"]');
  1570.  
  1571. for (const radioButton of radioButtons)
  1572. {
  1573. radioButton.addEventListener("change", showSelected);
  1574. }
  1575.  
  1576. function showSelected(e)
  1577. {
  1578. if (this.checked)
  1579. {
  1580. window.history.pushState("", "", "?model="+this.value);
  1581. }
  1582. }
  1584. $(document).ready(function()
  1585. {
  1586. $(".parallax-window").parallax({ "positionY": "center", "androidFix": false });
  1587.  
  1588. if (document.querySelector(".ph-navbar-transparent") !== null)
  1589. {
  1590. if (window.pageYOffset != 0)
  1591. {
  1592. $(".ph-navbar").addClass("ph-navbar-white");
  1593. $(".ph-navbar").removeClass("ph-navbar-transparent");
  1594. }
  1595.  
  1596. $(window).scroll(function()
  1597. {
  1598. if ($(window).scrollTop() == 0)
  1599. {
  1600. $(".ph-navbar").addClass("ph-navbar-transparent");
  1601. $(".ph-navbar").removeClass("ph-navbar-white");
  1602. }
  1603. else
  1604. {
  1605. $(".ph-navbar").addClass("ph-navbar-white");
  1606. $(".ph-navbar").removeClass("ph-navbar-transparent");
  1607. }
  1608. });
  1609. }
  1610.  
  1611. $('input[name="prefered_date"]').daterangepicker(
  1612. {
  1613. dateLimit: { days: 10 }
  1614. });
  1615. });
  1617. if (typeof Swiper !== "undefined")
  1618. {
  1619. const swiperHomepageSection1 = new Swiper(".swiperHomepageSection1",
  1620. {
  1621. // slidesPerView
  1622. slidesPerView: 1.5,
  1623.  
  1624. // swiperCenteredSlides
  1625. centeredSlides: true,
  1626.  
  1627. // spaceBetween
  1628. spaceBetween: 10,
  1629.  
  1630. // centerInsufficientSlides: false,
  1631.  
  1632. initialSlide: 0,
  1633.  
  1634. // Auto height
  1635. autoHeight: true,
  1636. calculateHeight: true,
  1637.  
  1638. // Optional parameters
  1639. direction: "horizontal",
  1640. loop: true,
  1641.  
  1642. // Navigation arrows
  1643. navigation:
  1644. {
  1645. nextEl: ".swiper-button-next",
  1646. prevEl: ".swiper-button-prev",
  1647. },
  1648.  
  1649. // If we need pagination
  1650. pagination:
  1651. {
  1652. el: ".swiper-pagination",
  1653. type: "bullets",
  1654. clickable: true
  1655. }
  1656. });
  1657.  
  1658. swiperHomepageSection1.updateAutoHeight(100);
  1659.  
  1660. if (document.querySelector(".player-alternative") !== null)
  1661. {
  1662. const players_Plyr2 = [];
  1663. const secondSlider = document.querySelectorAll(".ph-swiper-second-slider");
  1664.  
  1665. const VIDEO_PLAYING_STATE =
  1666. {
  1667. "PLAYING": "PLAYING",
  1668. "PAUSE": "PAUSE"
  1669. }
  1670.  
  1671. let videoPlayStatus = VIDEO_PLAYING_STATE.PAUSE;
  1672. let timeout = null;
  1673. let waiting = 4000;
  1674.  
  1675. for (let i = 0; i < secondSlider.length; i++)
  1676. {
  1677. if (secondSlider[i].getAttribute("data-slide-type") == "video")
  1678. {
  1679. players_Plyr2[i] = Plyr.setup(".players_Plyr2_"+i);
  1680. }
  1681. }
  1682.  
  1683. // if (secondSlider[0].getAttribute("data-slide-type") == "video")
  1684. // {
  1685. // if (players_Plyr2[0][0])
  1686. // {
  1687. // players_Plyr2[0][0].play();
  1688.  
  1689. // swiperHomepageSection1.autoplay.stop();
  1690. // }
  1691. // }
  1692.  
  1693. for (let i = 0; i < players_Plyr2.length; i++)
  1694. {
  1695. if (players_Plyr2[i] !== undefined)
  1696. {
  1697. players_Plyr2[i][0].on("timeupdate", event =>
  1698. {
  1699. if (players_Plyr2[i][0].currentTime == players_Plyr2[i][0].duration)
  1700. {
  1701. swiperHomepageSection1.slideNext();
  1702. }
  1703. });
  1704. }
  1705. }
  1706.  
  1707. swiperHomepageSection1.on("slideChangeTransitionEnd", function()
  1708. {
  1709. const index = swiperHomepageSection1.activeIndex;
  1710. const realIndex = swiperHomepageSection1.realIndex;
  1711. const currentSlide = $(swiperHomepageSection1.slides[index]);
  1712. const currentSlideType = currentSlide.data("slide-type");
  1713.  
  1714. console.log(swiperHomepageSection1.previousRealIndex);
  1715.  
  1716. if (videoPlayStatus === VIDEO_PLAYING_STATE.PLAYING)
  1717. {
  1718. players_Plyr2[swiperHomepageSection1.previousRealIndex][0].pause();
  1719. }
  1720.  
  1721. clearTimeout(timeout)
  1722.  
  1723. switch (currentSlideType)
  1724. {
  1725. case "image":
  1726. runNext();
  1727. break;
  1728. case "video":
  1729. players_Plyr2[realIndex][0].currentTime = 0;
  1730. players_Plyr2[realIndex][0].play();
  1731.  
  1732. swiperHomepageSection1.autoplay.stop();
  1734. videoPlayStatus = VIDEO_PLAYING_STATE.PLAYING;
  1735. break;
  1736. default:
  1738. throw new Error("invalid slide type");
  1739. }
  1740. });
  1741.  
  1742. function prev()
  1743. {
  1744. swiperHomepageSection1.slidePrev();
  1745. }
  1746.  
  1747. function next()
  1748. {
  1749. swiperHomepageSection1.slideNext();
  1750. }
  1751.  
  1752. function runNext()
  1753. {  
  1754. timeout = setTimeout(function ()
  1755. {
  1756. next();
  1757. }, waiting);
  1758. }
  1759. }
  1760. }
  1761. </script>
  1762.  
  1763.  
  1764. <!-- Google Tag Manager -->
  1765. <script type="17474f0dd01cb79b2c073469-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":
  1766. new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],
  1767. j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src=
  1768. "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f);
  1769. })(window,document,"script","dataLayer","GTM-MMBKCTN");</script>
  1770. <!-- End Google Tag Manager -->
  1771.  
  1772. <!-- Google Tag Manager (noscript) -->
  1773. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMBKCTN"
  1774. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  1775. <!-- End Google Tag Manager (noscript) -->
  1776.  
  1777. <!-- Google tag (gtag.js) -->
  1778. <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z2EH54LH1H" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1779. <script type="17474f0dd01cb79b2c073469-text/javascript">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "G-Z2EH54LH1H");</script>
  1780.  
  1781. <!-- Google tag (gtag.js) -->
  1782. <script async src="https://www.googletagmanager.com/gtag/js?id=DC-11735253" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1783. <script type="17474f0dd01cb79b2c073469-text/javascript">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "DC-11735253");</script>
  1784.  
  1785. <!-- Google tag (gtag.js) -->
  1786. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10865541694" type="17474f0dd01cb79b2c073469-text/javascript"></script>
  1787. <script type="17474f0dd01cb79b2c073469-text/javascript"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "AW-10865541694"); </script>
  1788.  
  1789. <!-- Hotjar Tracking Code for https://www.mgmotor.id -->
  1790. <script type="17474f0dd01cb79b2c073469-text/javascript">
  1791. (function(h,o,t,j,a,r){
  1792. h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  1793. h._hjSettings={hjid:3881025,hjsv:6};
  1794. a=o.getElementsByTagName("head")[0];
  1795. r=o.createElement("script");r.async=1;
  1796. r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  1797. a.appendChild(r);
  1798. })(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");
  1799. </script>
  1800.  
  1801. <!-- Facebook Pixel Code -->
  1802. <script type="17474f0dd01cb79b2c073469-text/javascript">
  1803. !function(f,b,e,v,n,t,s)
  1804. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  1805. n.callMethod.apply(n.arguments):n.queue.push(arguments)};
  1806. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";
  1807. n.queue=[];t=b.createElement(e);t.async=!0;
  1808. t.src=v;s=b.getElementsByTagName(e)[0];
  1809. s.parentNode.insertBefore(t,s)}(window,document,"script",
  1810. "https://connect.facebook.net/en_US/fbevents.js");
  1811. fbq("init", "974867287256825");
  1812. fbq("track", "PageView");
  1813. fbq("track", "Lead");
  1814. </script>
  1815. <noscript>
  1816. <img height="1" width="1" src="https://www.facebook.com/tr?id=974867287256825&ev=PageView&noscript=1"/>
  1817. </noscript>
  1818. <!-- End Facebook Pixel Code -->
  1819.  
  1821. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="17474f0dd01cb79b2c073469-|49" defer></script></body>
  1822. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda