dongfeng.sg
Open in
urlscan Pro
103.69.130.180
Public Scan
URL:
https://dongfeng.sg/
Submission: On November 03 via api from US — Scanned from SG
Submission: On November 03 via api from US — Scanned from SG
Form analysis
1 forms found in the DOMPOST ./
<form method="post" action="./" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="3Igg2s7z0Tzpbr9BNLRFgO/PPO4rKZJIq5P7vQTsEFB7ZUQNtn9VOXRTWgQOw6aLQRWB98HpU207HuYPphibwFTJN6Y2mV4mUiZk9lpE+cnQLJBGx0Q0jDcPjYvBSHvxxX0eI4kkRdE08H3nSlh5Nf1DlneyABKIgmQeCKj6sB2Rsp1RyzwLd4znckoNG8ETw2F7q29YqzRWNXvM3eWW2C17WU4e1Pl47U1dItw1ArCCl1mFXjE1pRmQCFMBcqDrWHbv3cLOi8M43lKoGxzUZU9+IrGxWBy8POFRBn/8aCQOjB2jTSZjb2Sx3kmDvwJMffqe+GgLPt4/oXlkYXvycrM5HZT3tonSpByGO0dkoDGNVquRlpdjmCb2Z9csD8cHgjbmUYAVvfk6/z9pcWEC1eAVdm3Fs4xzvhZngCiJIgiUrXcFR/o7wNYf468UnQXQzfVon4ccqDcWzSFAXulqRpqbCKwiFPA164T3ETy/bmbM09QiUlN6h7/8FUqaAJ36kZJOpAyYM+zaqwURz0K0tUgtMW06I/VG4gZUqKGX0i/1M21x1jWNoZg99azY73LuT7s3lFRLkPXiMWSy/Usxs9gTLN2nHjZ6WqaTsnP2Uv53LW0yKrlMxlAtCZqEksPfXHjBjA3v6sJS5Zqnyrs6clXkQAG3dZoN0bxr14x55WU548JFlz2eLH2Psrs1Qbka/Z5Uapc7NX600IL8CNbHLo9FTcQR3jOyv4Gq7z5b/53phcE3G5Z4+scGJW4I6DupJqOGJUwBK1Rv8ZbKtZgAJ7kDiyKLVUDrVUS5P+lJgMs+jNqbSofS0i6yJK38ahhZSYKgJf9sqnBooDhBNsDOmYBiTjH4vNZmo3BvHfX5q25mKBKa/3E/237TJHSIjlRps/MfOzDQjeTMaDCrmBA1AuFm4NzjaZ5Y+mqSY0A3HQfIvDRziPpXDNUI13ETEigcjTpgSRrGLLArl+ZRsiJ+sht4IP8u+/fkIBDZMepxCSBjDSn7C2cYK3tQj7SywH13tHUMTetTINryGknFUF+1n9IqlTZPS/jigAWLfrfn895CNUv/dt1mc+bNRIAG/30azgvyo8ohEqVCKFGyN+Ogluf1i2E/MiM06/H2RntY6Ul6Swa5Q+0Yj9CWz5DREqtdTHNAlpv1f5bPDiRx1D4haLikos5T3kKAoox312+UUesPjs65CEwBFu7i81EKzEFlo99NNBgS6d4Jagb2OCfIFEfgIhLE4EDXRsKL1IhuAE1pbMc71IAlF5lJFwexX8VABHmzSVXytA8YdVyZnz0zv4+BH6+nhMOXjgEf65Q7fuFgwsU1AQ0QSIhGAgPbhjH0q2OFn7uRZyCgibZHIAfsB0Os+lI5UZpiYPayaMVEpC+BFz2d8SpcMFA0xSwWJx32Gdun+Th+sFk4w2c9sEcyy/B0pH4ZIcq5ilHirsRSrjHc3bRsZTfdKfPa1X4VE/6+EwSavqN7hUoczMVnwCQmyAWRHUQqk26tdRUDyqlu2dle5szPQO1NIt5QoLMIjFXMz4zrxoywKKQxVJRW6GwzZZFh1XEsB8C7LFGYAiRRbGl33UiVEQfnvk5Kl8qNZTYiVQbhd5DVI44IKLy/nAxIi/NxVxHynxUtsqC854h6WYE=">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZM9HUk0sy7t30_Y7UMDXr8Gy3z8o1PiX1Fl4VyDPNKZ3W2G7q3eJLpjxqkRS3JvRTg2&t=638562849717896622" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=D9drwtSJ4hBA6O8UhT6CQlrbO_QeIwdxiWvPTFsRDivroyQ2KVvLRXCbwoU7sDWzVePhb09fCQJMDjB3hV_JwBIzXYJ5Hg25uIlLo2SrWCy3gWCqcaeGcdQQCSCFWVK2W5vDZcCNQEbF_IbkckoL8rd4N3OlfDl7_oTglNKvYro1&t=7a0cc936" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/ScriptResource.axd?d=JnUc-DEDOM5KzzVKtsL1tT95rs7mqxCdBEAlPVVEVcYSlvSzJQ3zmm_JSZgKFr-tGHQfhrib5p8sFIi18UtGVMdfNOQUuO4QT9CH10e9oZswM4DSwsnzPDcEs0H3z447AHwM8O3x0BlhnfUEOJ6E09GkkQSqL7v1PAGqjl7WD-PWNyHIue7tt3s9kSHyRm0V0&t=7a0cc936"
type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
</div>
<div id="SmoothScroll" style="">
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'form1', [], [], [], 90, 'ctl00');
//]]>
</script>
<div id="top-nav">
<div class="link-button menu-button">
<p class="link-texts white">MENU</p>
<img src="/images/master/burger.svg" class="burger img" alt="Dong Feng Motor, Singapore.">
</div>
<a href="/Dongfeng-Singapore-Ev-Dealership" class="logo" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/logo.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="/Book-A-Test-Drive" class="link-button" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts white">TEST DRIVE</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<nav>
<div class="nav-container">
<div class="link-button close-btn">
<p class="link-texts white">CLOSE</p>
<img src="/images/master/cross.svg" class="img cross-img" alt="Dong Feng Motor, Singapore.">
</div>
<a href="/Dongfeng-Singapore-Ev-Dealership" class="logo-container" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/coloured-logo.svg" class="img logo" alt="Dong Feng Motor, Singapore.">
</a>
</div>
<div class="bottom-nav-container">
<div class="nav-tabs-container nav-tabs-one">
<picture class="img">
<source srcset="/images/master/nav-inner-image.webp" type="image/webp">
<source srcset="/images/master/nav-inner-image.jpg" type="image/jpeg">
<img loading="lazy" src="/images/master/nav-inner-image.webp" class="img" alt="Dong Feng Motor, Singapore.">
</picture>
</div>
<div class="nav-tabs-container nav-tabs-two">
<div class="nav-tabs-item">
<div class="nav-tabs-discover">
<p class="nav-discover-text FZHeavy-14 blue" data-text="DISCOVER BOX">DISCOVER BOX</p>
<svg xmlns="http://www.w3.org/2000/svg" width="15.629" height="11.366" viewBox="0 0 15.629 11.366" class="img arrow-icon">
<path id="next_1_" data-name="next (1)" d="M15.421,6.185l-4.973,4.973a.71.71,0,1,1-1-1l3.76-3.76H.71a.71.71,0,1,1,0-1.421H13.2l-3.76-3.76a.71.71,0,1,1,1-1l4.973,4.973a.71.71,0,0,1,0,1Z"></path>
</svg>
</div>
<div class="nav-inner-discover">
<a href="/Dongfeng-Box-Features" class="nav-tabs-item FZHeavy-14 blue" data-text="FEATURES" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">FEATURES</a>
<a href="/Dongfeng-Technology" class="nav-tabs-item FZHeavy-14 blue" data-text="TECHNOLOGY" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">TECHNOLOGY</a>
<a href="/Dongfeng-Box-Specifications" class="nav-tabs-item FZHeavy-14 blue" data-text="SPECIFICATIONS" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">SPECIFICATIONS</a>
<a href="/Dongfeng-Box-Configure" class="nav-tabs-item FZHeavy-14 blue" data-text="CONFIGURE YOUR BOX" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">CONFIGURE YOUR BOX</a>
</div>
</div>
<a href="/Resources" class="nav-tabs-item FZHeavy-14 blue" data-text="RESOURCES" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">RESOURCES</a>
</div>
<div class="nav-tabs-container nav-tabs-two">
<a href="/Gallery" class="nav-tabs-item FZHeavy-14 blue" data-text="GALLERY" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">GALLERY</a>
<a href="/About-Us" class="nav-tabs-item FZHeavy-14 blue" data-text="ABOUT US" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">ABOUT US</a>
</div>
<div class="nav-tabs-container nav-tabs-three">
<a href="/Book-A-Test-Drive" class="nav-tabs-item-right FZHeavy-18 gray" data-text="BOOK A TEST DRIVE" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">BOOK A TEST DRIVE
<svg xmlns="http://www.w3.org/2000/svg" width="15.629" height="11.366" viewBox="0 0 15.629 11.366" class="img arrow-icon">
<path id="next_1_" data-name="next (1)" d="M15.421,6.185l-4.973,4.973a.71.71,0,1,1-1-1l3.76-3.76H.71a.71.71,0,1,1,0-1.421H13.2l-3.76-3.76a.71.71,0,1,1,1-1l4.973,4.973a.71.71,0,0,1,0,1Z"></path>
</svg>
</a>
<a href="/Contact-Us" class="nav-tabs-item-right FZHeavy-18 gray" data-text="CONTACT US" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">CONTACT US
<svg xmlns="http://www.w3.org/2000/svg" width="15.629" height="11.366" viewBox="0 0 15.629 11.366" class="img arrow-icon">
<path id="next_1_" data-name="next (1)" d="M15.421,6.185l-4.973,4.973a.71.71,0,1,1-1-1l3.76-3.76H.71a.71.71,0,1,1,0-1.421H13.2l-3.76-3.76a.71.71,0,1,1,1-1l4.973,4.973a.71.71,0,0,1,0,1Z"></path>
</svg>
</a>
<div class="nav-social-container">
<a href="https://www.facebook.com/SGDongfeng/" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/facebook-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.instagram.com/dongfengsg" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/instagram-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.linkedin.com/company/dongfeng-singapore/" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/linkin-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.youtube.com/@dongfengsg" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/youtube-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.tiktok.com/@dongfengsg" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/tiktok-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
</div>
</div>
</div>
<div class="mobile-nav-container">
<div class="nav-tabs-container mobile-nav-tabs-one">
<a href="/Book-A-Test-Drive" class="nav-tabs-item-right FZHeavy-18 gray" data-text="BOOK A TEST DRIVE" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">BOOK A TEST DRIVE
<img src="/images/master/next-arrow.svg" class="img arrow-icon" alt="Dong Feng Motor, Singapore."></a>
<a href="/Contact-Us" class="nav-tabs-item-right FZHeavy-18 gray" data-text="CONTACT US" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">CONTACT US
<img src="/images/master/next-arrow.svg" class="img arrow-icon" alt="Dong Feng Motor, Singapore."></a>
</div>
<div class="nav-tabs-container mobile-nav-tabs-two">
<a href="/Dongfeng-Box-Features" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">FEATURES</a>
<a href="/Dongfeng-Technology" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">TECHNOLOGY</a>
<a href="/Dongfeng-Box-Specifications" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">SPECIFICATIONS</a>
<a href="/Dongfeng-Box-Configure" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">CONFIGURE YOUR BOX</a>
<a href="/Resources" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">RESOURCES</a>
<a href="/Gallery" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">GALLERY</a>
<a href="/About-Us" class="nav-tabs-item FZHeavy-14 blue" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">ABOUT US</a>
</div>
<div class="nav-tabs-container mobile-nav-tabs-three">
<div class="nav-social-container">
<a href="https://www.facebook.com/SGDongfeng/" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/facebook-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.instagram.com/dongfengsg/" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/instagram-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.linkedin.com/company/dongfeng-singapore/" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/linkin-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.youtube.com/@dongfengsg" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/youtube-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
<a href="https://www.tiktok.com/@dongfengsg" class="social-link" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/tiktok-gray.svg" class="img" alt="Dong Feng Motor, Singapore."></a>
</div>
</div>
</div>
</nav>
<div class="loading">
<div class="logo">
</div>
</div>
<div id="videoModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<video id="localVideo" controls="">
<source src="/images/default/video.mp4" type="video/mp4">
</video>
</div>
</div>
<div id="videoModal2" class="modal">
<div class="modal-content">
<span class="close2">×</span>
<iframe id="video" src="" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
<div id="Banner">
<div class="ban-item">
<img src="/images/default/banner-2.jpg" class="img desktop-banner" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/mobile-banner2.png" class="img mobile-banner" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/banner-1-light-left.png" class="img left-light" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/banner-1-light-right.png" class="img right-light" alt="Dong Feng Motor, Singapore.">
<div class="rightlightbottom">
<img src="/images/default/bottomrightlight.png" class="img bottomrightlight" alt="Dong Feng Motor, Singapore.">
</div>
<div class="rightlightbottom">
<img src="/images/default/lightbottomleft.png" class="img bottomleftlight" alt="Dong Feng Motor, Singapore.">
</div>
<div class="rightlightbottom">
<img src="/images/default/lighttopleft.png" class="img topleftlight" alt="Dong Feng Motor, Singapore.">
</div>
<div class="rightlightbottom">
<img src="/images/default/lighttopright.png" class="img toprightlight" alt="Dong Feng Motor, Singapore.">
</div>
<div class="rightlightbottom">
<img src="/images/default/lighttopright.png" class="img toprightlight" alt="Dong Feng Motor, Singapore.">
</div>
<div class="rightlightbottom">
<img src="/images/default/middlelight.png" class="img middlelight" alt="Dong Feng Motor, Singapore.">
</div>
<div class="banner-1-text-container">
<p class="FZHeavy-36 light-white mb">INNOVATIVE .</p>
<p class="FZHeavy-36 light-white mb">EXQUISITE .</p>
<p class="FZHeavy-36 light-white">TRENDY .</p>
<p class="banner-1-desc FZRegular-14 light-white"> Experience sophisticated urban <br> luxury, within reach. </p>
<a href="/Dongfeng-Box-Features" class="link-button" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts white">EXPLORE BOX</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div class="banner-video" onclick="playVideo('2QaXH3soXcc')">
<video autoplay="autoplay" controlslist="nodownload" webkit-playsinline="" playsinline="" muted="muted" loop="loop">
<source src="video/DF%20-%20Main%20-%20MASTERS.mp4" type="video/mp4">
</video>
<img src="/images/default/play-video.svg" class="img play-video" alt="Dong Feng Motor, Singapore.">
</div>
</div>
<img src="/images/default/banner-bottom.jpg" class="img banner-bottom" alt="Dong Feng Motor, Singapore.">
<div class="banner-1-text-container-mobile">
<p class="FZHeavy-36 light-white title"> INNOVATIVE . <br> EXQUISITE . <br> TRENDY . </p>
<p class="banner-1-desc FZRegular-14 light-white"> Experience sophisticated urban <br> luxury, within reach. </p>
<a href="/Dongfeng-Box-Features" class="link-button" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts white">EXPLORE BOX</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div id="About">
<p class="title FZHeavy-36 light-gray is-inViewport" data-inviewport="contentSlideUp"> THE LEGACY OF <br> DONGFENG MOTOR </p>
<hr class="hr">
<div class="about-content-container">
<div class="about-image is-inViewport" data-inviewport="contentSlideRight">
<img src="/images/default/about-image.jpg" class="img" alt="Dong Feng Motor, Singapore.">
<a href="#" class="about-play-container FZHeavy-14 blue" data-text="PLAY VIDEO" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="play-text FZHeavy-14 blue" data-text="PLAY VIDEO">PLAY VIDEO</p>
<img src="/images/default/play-video.svg" class="img play-video" alt="Dong Feng Motor, Singapore.">
</a>
</div>
<div class="about-text-container is-inViewport" data-inviewport="contentSlideLeft">
<p class="about-subtitle FZRegular-14">More about the group</p>
<img src="/images/logo.svg" class="img about-logo" alt="Dong Feng Motor, Singapore.">
<p class="about-desc FZRegular-14 white">Headquartered in Wuhan, Hubei Province, Dongfeng Motor Corporation Limited stands as a cornerstone of China's automotive industry, tracing its roots back to the Second Automobile Manufacturing Plant
established in 1969.</p>
<a href="/About-Us" class="link-button" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts white">EXPLORE MORE</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
<div data-scrollmagic-pin-spacer="" class="scrollmagic-pin-spacer" style="inset: auto; margin: 0px; display: flex; position: relative; box-sizing: content-box; min-height: 768px; height: auto; padding-top: 0px; padding-bottom: 4000px;">
<div id="Car" style="position: relative; margin: auto; inset: auto; box-sizing: border-box; width: 100%;">
<p class="car-bg-text">Exquisite Lifestyle</p>
<div class="car-car">
<img src="/images/default/car.png" class="car-image" alt="Dong Feng Motor, Singapore.">
<div class="car-item reverse car-one">
<div class="car-dots">
<img src="/images/default/car-circle.svg" class="car-circle" alt="Dong Feng Motor, Singapore.">
</div>
<div class="car-text-container">
<p class="car-description white">CRYSTAL LED HEADLIGHTS</p>
<p class="FZRegular-14 white">Striking exterior</p>
</div>
</div>
<div class="car-item car-two">
<div class="car-dots">
<img src="/images/default/car-circle.svg" class="car-circle" alt="Dong Feng Motor, Singapore.">
</div>
<div class="car-text-container">
<p class="car-description white">SMART DRIVING TECHNOLOGY</p>
<p class="FZRegular-14 white">Automatic parking</p>
</div>
</div>
<div class="car-item car-three">
<div class="car-dots">
<img src="/images/default/car-circle.svg" class="car-circle" alt="Dong Feng Motor, Singapore.">
</div>
<div class="car-text-container">
<p class="car-description white">FRAMELESS DOOR</p>
<p class="FZRegular-14 white">Unmatched elegance</p>
</div>
</div>
<div class="car-item reverse car-four">
<div class="car-dots">
<img src="/images/default/car-circle.svg" class="car-circle" alt="Dong Feng Motor, Singapore.">
</div>
<div class="car-text-container">
<p class="car-description white">180° RECLINING SEATS</p>
<p class="FZRegular-14 white">Spacious</p>
</div>
</div>
<div class="car-item car-five">
<div class="car-dots">
<img src="/images/default/car-circle.svg" class="car-circle" alt="Dong Feng Motor, Singapore.">
</div>
<div class="car-text-container">
<p class="car-description white">BOOT CAPACITY</p>
<p class="FZRegular-14 white">945L with knock down rear seats</p>
</div>
</div>
<div class="car-item reverse car-six">
<div class="car-dots">
<img src="/images/default/car-circle.svg" class="car-circle" alt="Dong Feng Motor, Singapore.">
</div>
<div class="car-text-container">
<p class="car-description white">STYLISH RING TAIL LIGHT</p>
<p class="FZRegular-14 white">Striking visual appeal</p>
</div>
</div>
</div>
<div id="trigger-car-items"></div>
</div>
</div>
<div class="carcolor">
<div class="carcolor-wrapper">
<img src="/images/default/mountain.png" alt="Dong Feng Motor, Singapore." class="mountain">
<img src="/images/default/circletop.svg" class="circletop" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/test.png" alt="Dong Feng Motor, Singapore." class="circledown">
<div class="carcolor-content">
<div class="electric-container">
<img src="/images/default/electric-station.svg" alt="Dong Feng Motor, Singapore.">
</div>
<div class="text" data-inviewport="contentSlideUp">
<p class="FZRegular-14">Dongfeng</p>
<img src="/images/default/Boxword.svg" alt="Dong Feng Motor, Singapore." class="carmodel">
<span id="colorname" class="FZRegular-14">
<img src="/images/default/boxdot.svg" alt="Dong Feng Motor, Singapore." class="cardot"> Aurora Purple</span>
</div>
<div class="owl-color-wrapper" data-index="0" style="">
<div id="owl-BannerPurple" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all; width: 8508px;">
<div class="owl-item active" style="width: 1408px; margin-right: 10px;">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purple/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item" style="width: 1408px; margin-right: 10px;">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purple/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item" style="width: 1408px; margin-right: 10px;">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purple/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item" style="width: 1408px; margin-right: 10px;">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purple/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item" style="width: 1408px; margin-right: 10px;">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purple/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item" style="width: 1408px; margin-right: 10px;">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purple/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="owl-color-wrapper" data-index="1" style="display: none;">
<div id="owl-BannerColor" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all;">
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purplewhite/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purplewhite/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purplewhite/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purplewhite/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purplewhite/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/purplewhite/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="owl-color-wrapper" data-index="2" style="display: none;">
<div id="owl-BannerWhite" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all;">
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/white/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/white/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/white/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/white/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/white/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/white/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="owl-color-wrapper" data-index="3" style="display: none;">
<div id="owl-BannerBlue" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all;">
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/blue/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/blue/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/blue/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/blue/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/blue/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/blue/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="owl-color-wrapper" data-index="4" style="display: none;">
<div id="owl-BannerBlueWhite" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all;">
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/bluewhite/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/bluewhite/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/bluewhite/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/bluewhite/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/bluewhite/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/bluewhite/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="owl-color-wrapper" data-index="5" style="display: none;">
<div id="owl-BannerYellow" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all;">
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellow/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellow/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellow/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellow/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellow/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellow/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="owl-color-wrapper" data-index="6" style="display: none;">
<div id="owl-BannerYellowWhite" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all;">
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellowhite/side.png" alt="Dong Feng Motor, Singapore." class="sidecar">
<img src="/images/default/sideshadow.png" alt="Dong Feng Motor, Singapore." class="sideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellowhite/front.png" alt="Dong Feng Motor, Singapore." class="frontcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="frontshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellowhite/frontright.png" alt="Dong Feng Motor, Singapore." class="frontsidecar">
<img src="/images/default/frontsideshadow.png" alt="Dong Feng Motor, Singapore." class="frontsideshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellowhite/backright.png" alt="Dong Feng Motor, Singapore." class="backrightcar">
<img src="/images/default/backrightshadow.png" alt="Dong Feng Motor, Singapore." class="backrightshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellowhite/back.png" alt="Dong Feng Motor, Singapore." class="backcar">
<img src="/images/default/frontshadow.png" alt="Dong Feng Motor, Singapore." class="backshadow">
</div>
</div>
</div>
<div class="owl-item">
<div class="carousel-item">
<div class="car">
<img src="/images/default/yellowhite/backleft.png" alt="Dong Feng Motor, Singapore." class="backleftcar">
<img src="/images/default/backleftshadow.png" alt="Dong Feng Motor, Singapore." class="backleftshadow">
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
</div>
<div class="owl-dots disabled"></div>
</div>
</div>
<div class="colorPicker" data-inviewport="contentSlideLeft">
<div class="dot1" data-index="0">
<img src="/images/default/purpleactive.svg" class="dotactive active" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot1.svg" alt="Dong Feng Motor, Singapore.">
</div>
<div class="dot1" data-index="1">
<img src="/images/default/purplewhiteactive.svg" class="dotactive" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot2.svg" class="dot2" alt="Dong Feng Motor, Singapore.">
</div>
<div class="dot1" data-index="2">
<img src="/images/default/whiteactive.svg" class="dotactive" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot3.svg" alt="Dong Feng Motor, Singapore.">
</div>
<div class="dot1" data-index="3">
<img src="/images/default/blueactive.svg" class="dotactive" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot4.svg" alt="Dong Feng Motor, Singapore.">
</div>
<div class="dot1" data-index="4">
<img src="/images/default/bluewhiteactive.svg" class="dotactive" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot5.svg" class="dot2" alt="Dong Feng Motor, Singapore.">
</div>
<div class="dot1" data-index="5">
<img src="/images/default/yellowactive.svg" class="dotactive" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot6.svg" alt="Dong Feng Motor, Singapore.">
</div>
<div class="dot1" data-index="6">
<img src="/images/default/yellowwhiteactive.svg" class="dotactive" alt="Dong Feng Motor, Singapore.">
<img src="/images/default/dot7.svg" class="dot2" alt="Dong Feng Motor, Singapore.">
</div>
</div>
</div>
<div class="drag-container">
<div class="drag-item">
<div class="item" data-index="0"></div>
<div class="item" data-index="1"></div>
<div class="item" data-index="2"></div>
<div class="item" data-index="3"></div>
<div class="item" data-index="4"></div>
<div class="item" data-index="5"></div>
</div>
</div>
<div class="menu-button2 ui-draggable ui-draggable-handle">
<div class="back">
<img src="/images/default/color-arrow.svg" class="color-arrow" alt="Dong Feng Motor, Singapore.">
</div>
<div class="next">
<img src="/images/default/color-arrow.svg" class="color-arrow" alt="Dong Feng Motor, Singapore.">
</div>
</div>
<div class="carspecs">
<div class="spec1" data-inviewport="contentSlideUp">
<div class="specscontent">
<img src="/images/default/fast-forward.svg" class="fastforward" alt="Dong Feng Motor, Singapore.">
<div class="spectext">
<p class="title"><span id="surround-view">0</span> <span class="smalltext increase">°</span></p>
<p class="FZRegular-14 subtitle">Panoramic Camera</p>
</div>
</div>
</div>
<div class="spec2" data-inviewport="contentSlideUp">
<div class="specscontent">
<img src="/images/default/fast-forward.svg" class="fastforward" alt="Dong Feng Motor, Singapore.">
<div class="spectext">
<p class="title"><span id="fast-charging">0</span><span class="smalltext">mm</span></p>
<p class="FZRegular-14 subtitle">Wheelbase</p>
</div>
</div>
</div>
<div class="spec3" data-inviewport="contentSlideUp">
<div class="specscontent">
<img src="/images/default/fast-forward.svg" class="fastforward" alt="Dong Feng Motor, Singapore.">
<div class="spectext">
<p class="title" id="lighting">0</p>
<p class="FZRegular-14 subtitle">Customisable ambient interior lighting</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="car-carousel" data-inviewport="contentSlideUp">
<div class="mobile-arrows">
<div class="arrowbtn car-carousel-back">
<img src="/images/default/drag-arrow.svg" alt="Dong Feng Motor, Singapore.">
</div>
<div class="arrowbtn car-carousel-next">
<img src="/images/default/drag-arrow.svg" alt="Dong Feng Motor, Singapore.">
</div>
</div>
<div class="car-carousel-wrapper">
<div class="followmouse">
<img src="/images/default/drag-arrow.svg" alt="Dong Feng Motor, Singapore." class="arrow">
<span class="FZHeavy-14">DRAG</span>
<img src="/images/default/drag-arrow.svg" alt="Dong Feng Motor, Singapore." class="arrow">
</div>
<div id="owl-BannerDrag" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(-3280px, 0px, 0px); transition: all; width: 13100px; padding-left: 400px; padding-right: 400px;">
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg4.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg5.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg6.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg7.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item active" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/car-carousel1.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg3.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg2.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg4.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg5.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg6.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg7.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/car-carousel1.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg3.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg2.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
<div class="owl-item cloned" style="width: 800px; margin-right: 20px;">
<div class="carousel-item">
<img src="/images/default/carouselimg4.jpg" alt="Dong Feng Motor, Singapore." class="backarrow">
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
<div id="FAQ">
<div class="faq-container">
<p class="title FZHeavy-36 light-gray" data-inviewport="contentSlideUp">WHY SWITCH TO EV?</p>
<div class="faq-content-container">
<div class="faq-item" data-inviewport="contentSlideUp">
<img src="/images/default/cloud.svg" class="faq-image-one img" alt="Dong Feng Motor, Singapore.">
<p class="FZRegular-18 white">Minimising Carbon Footprint</p>
<img src="/images/default/faq-item-line.svg" class="faq-item-line img" alt="Dong Feng Motor, Singapore.">
<p class="faq-desc FZRegular-14 white">With zero tailpipe emissions, going electric significantly reduces greenhouse gases and pollutants. Breathe cleaner air when driving green.</p>
<img src="/images/default/faq-line.svg" class="faq-line" alt="Dong Feng Motor, Singapore.">
</div>
<div class="faq-item" data-inviewport="contentSlideUp">
<img src="/images/default/reduce-cost.svg" class="faq-image-two img" alt="Dong Feng Motor, Singapore.">
<p class="FZRegular-18 white">Lower Operating Costs</p>
<img src="/images/default/faq-item-line.svg" class="faq-item-line img" alt="Dong Feng Motor, Singapore.">
<p class="faq-desc FZRegular-14 white">EVs typically have lower running costs compared to petrol cars. They require less maintenance due to fewer moving parts and are more cost-effective to operate per kilometre.</p>
<img src="/images/default/faq-line.svg" class="faq-line" alt="Dong Feng Motor, Singapore.">
</div>
<div class="faq-item" data-inviewport="contentSlideUp">
<img src="/images/default/electicity-car-ev-electric car-vehicle.svg" class="faq-image-three img" alt="Dong Feng Motor, Singapore.">
<p class="FZRegular-18 white">Elevated Performance</p>
<img src="/images/default/faq-item-line.svg" class="faq-item-line img" alt="Dong Feng Motor, Singapore.">
<p class="faq-desc FZRegular-14 white">Experience smooth driving, quick acceleration and quieter rides.</p>
<img src="/images/default/faq-line.svg" class="faq-line" alt="Dong Feng Motor, Singapore.">
</div>
</div>
</div>
</div>
<div id="RTD-Container">
<picture class="img">
<source srcset="/images/default/rtd-bg.webp" type="image/webp">
<source srcset="/images/default/rtd-bg.jpg" type="image/jpeg">
<img loading="lazy" src="/images/default/rtd-bg.webp" class="img" alt="Dong Feng Motor, Singapore.">
</picture>
<div class="rtd-text-container">
<div class="rtd-text-content" data-inviewport="contentSlideUp">
<p class="FZHeavy-36 light-white title">READY TO DRIVE INTO THE FUTURE?</p>
<a href="https://api.whatsapp.com/send?phone=6592287999" target="_blank" class="link-button" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts white">CHAT WITH US</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
<div id="Two-Button">
<a href="https://maps.app.goo.gl/kB6dtsp9X4EWyjzu9" target="_blank" class="showroom-container" data-inviewport="contentSlideUp" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/showroom.jpg" class="img" alt="Dong Feng Motor, Singapore.">
<div class="showroom-text">
<p class="FZHeavy-18 white">OUR SHOWROOM</p>
<p class="showroom-desc FZRegular-14">Tai Seng Exchange, 1 Tai Seng Avenue, #01-23/24, Singapore 536464</p>
</div>
</a>
<a href="/Book-A-Test-Drive" class="showroom-container" data-inviewport="contentSlideUp" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/test-drive.jpg" class="img" alt="Dong Feng Motor, Singapore.">
<p class="showroom-text FZHeavy-18 white">BOOK A TEST DRIVE</p>
</a>
</div>
<div id="body_pnlNews">
<div id="News">
<p class="title FZHeavy-36 light-gray" data-inviewport="contentSlideUp"> NEWS </p>
<hr class="hr">
<div id="owl-News" class="owl-carousel owl-theme owl-loaded">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all; width: 1450px;">
<div class="owl-item active" style="width: 483.333px;">
<div class="news-item" data-inviewport="contentSlideUp">
<div class="upper-section">
<img src="/Upload/News/1/1.png?ver=241104062514" class="img news-image" alt="Dong Feng Motor, Singapore.">
<div class="news-button">
<a id="body_rptNews_A1_0" class="news-icon-size" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/pdf.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://youtu.be/2QaXH3soXcc" id="body_rptNews_A2_0" class="news-icon-size" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/link.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<div class="news-content-container">
<div class="news-top-section">
<div class="date-container">
<img src="/images/default/news-calendar.svg" class="news-calendar" alt="Dong Feng Motor, Singapore.">
<p class="date-text FZRegular-14 white">25 Sep 2024</p>
</div>
<div class="news-button">
<a href="https://youtu.be/2QaXH3soXcc" id="body_rptNews_newslink_0" class="news-icon-size hide-before" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/link.svg" class="newsimg" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<p class="news-title FZRegular-14 white">#BRINGYOUROWNGAME</p>
<p class="news-desc FZRegular-14 white">Imagine a dream playground where everything you love meets the extraordinary you. Bring your own game anywhere you want, with the Dongfeng Box.</p>
</div>
</div>
</div>
<div class="owl-item active" style="width: 483.333px;">
<div class="news-item" data-inviewport="contentSlideUp">
<div class="upper-section">
<img src="/Upload/News/2/2.png?ver=241104062514" class="img news-image" alt="Dong Feng Motor, Singapore.">
<div class="news-button">
<a id="body_rptNews_A1_1" class="news-icon-size" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/pdf.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://g.co/kgs/5jnVNyW" id="body_rptNews_A2_1" class="news-icon-size" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/link.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<div class="news-content-container">
<div class="news-top-section">
<div class="date-container">
<img src="/images/default/news-calendar.svg" class="news-calendar" alt="Dong Feng Motor, Singapore.">
<p class="date-text FZRegular-14 white">25 Sep 2024</p>
</div>
<div class="news-button">
<a href="https://g.co/kgs/5jnVNyW" id="body_rptNews_newslink_1" class="news-icon-size hide-before" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/link.svg" class="newsimg" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<p class="news-title FZRegular-14 white">Experience First-Hand</p>
<p class="news-desc FZRegular-14 white">Visit us at our Showroom: Tai Seng Exchange, 1 Tai Seng Avenue #01-23/24, Singapore 536464.</p>
</div>
</div>
</div>
<div class="owl-item active" style="width: 483.333px;">
<div class="news-item" data-inviewport="contentSlideUp">
<div class="upper-section">
<img src="/Upload/News/3/3.jpeg?ver=241104062514" class="img news-image" alt="Dong Feng Motor, Singapore.">
<div class="news-button">
<a id="body_rptNews_A1_2" class="news-icon-size" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/pdf.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://dongfeng.sg/Book-A-Test-Drive" id="body_rptNews_A2_2" class="news-icon-size" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/link.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<div class="news-content-container">
<div class="news-top-section">
<div class="date-container">
<img src="/images/default/news-calendar.svg" class="news-calendar" alt="Dong Feng Motor, Singapore.">
<p class="date-text FZRegular-14 white">25 Sep 2024</p>
</div>
<div class="news-button">
<a href="https://dongfeng.sg/Book-A-Test-Drive" id="body_rptNews_newslink_2" class="news-icon-size hide-before" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/default/link.svg" class="newsimg" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<p class="news-title FZRegular-14 white">Dongfeng Box Has Arrived</p>
<p class="news-desc FZRegular-14 white">Experience sophisticated urban luxury, within reach. Register your interest today.</p>
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
<div id="RTD">
<picture class="img">
<source srcset="/images/default/rtd-bg.webp" type="image/webp">
<source srcset="/images/default/rtd-bg.jpg" type="image/jpeg">
<img loading="lazy" src="/images/default/rtd-bg.webp" class="img" alt="Dong Feng Motor, Singapore.">
</picture>
<div class="rtd-text-container" data-inviewport="contentSlideUp">
<div class="rtd-text-content">
<p class="FZHeavy-36 light-white title">READY TO DRIVE INTO THE FUTURE?</p>
<a href="https://api.whatsapp.com/send?phone=6592287999" target="_blank" class="link-button" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts white">CHAT WITH US</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
<footer>
<img src="/images/master/footer-light.png" class="footer-light" alt="Dong Feng Motor, Singapore.">
<div class="footer-top-container">
<div class="footer-left-container">
<p class="footer-title" data-inviewport="contentSlideUp">GET IN TOUCH</p>
<div class="footer-left-tabs-container">
<a href="https://api.whatsapp.com/send?phone=6592287999" target="_blank" class="link-button" data-inviewport="contentSlideUp" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts gray">CHAT WITH US</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="/Book-A-Test-Drive" class="link-button" data-inviewport="contentSlideUp" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<p class="link-texts gray">BOOK A TEST DRIVE</p>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect x="0" y="0" width="20" height="20" rx="10" fill="#E60021"></rect>
<path class="button-arrow-01" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="button-arrow-02" d="M7,13l6-6 M13,7H8.108 M13,7v4.892" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div class="social-link-container">
<a href="https://www.facebook.com/SGDongfeng/" class="social-icons" data-inviewport="contentSlideUp" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/facebook.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://www.instagram.com/dongfengsg/" class="social-icons" data-inviewport="contentSlideUp" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/instagram.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://www.linkedin.com/company/dongfeng-singapore/" class="social-icons" data-inviewport="contentSlideUp" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/linkedin.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://www.youtube.com/@dongfengsg" class="social-icons" data-inviewport="contentSlideUp" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/youtube.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
<a href="https://www.tiktok.com/@dongfengsg" class="social-icons" data-inviewport="contentSlideUp" target="_blank" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore.">
<img src="/images/master/tiktok.svg" class="img" alt="Dong Feng Motor, Singapore.">
</a>
</div>
</div>
<div class="footer-right-container" data-inviewport="contentSlideUp">
<a href="/About-Us" class="footer-ref-text FZHeavy-14 white width1" data-text="ABOUT US" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>ABOUT US</span></a>
<a href="/Gallery" class="footer-ref-text FZHeavy-14 white width2" data-text="GALLERY" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>GALLERY</span></a>
<a href="/Dongfeng-Box-Configure" class="footer-ref-text FZHeavy-14 white width3" data-text="CONFIGURE YOUR BOX" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>CONFIGURE YOUR BOX</span></a>
<a href="/Dongfeng-Box-Features" class="footer-ref-text FZHeavy-14 white width1" data-text="FEATURES" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>FEATURES</span></a>
<a href="/Resources" class="footer-ref-text FZHeavy-14 white width2" data-text="RESOURCES" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>RESOURCES</span></a>
<a href="/Contact-Us" class="footer-ref-text FZHeavy-14 white width3" data-text="CONTACT US" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>CONTACT US</span></a>
<a href="/Dongfeng-Technology" class="footer-ref-text FZHeavy-14 white width1" data-text="TECHNOLOGY" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>TECHNOLOGY</span></a>
<a href="/Dongfeng-Box-Specifications" class="footer-ref-text FZHeavy-14 white width2" data-text="SPECIFICATIONS" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>SPECIFICATIONS</span></a>
<a href="/Book-A-Test-Drive" class="footer-ref-text FZHeavy-14 white width3" data-text="BOOK A TEST DRIVE" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>BOOK A TEST DRIVE</span></a>
</div>
</div>
<div class="footer-bottom-container" data-inviewport="contentSlideUp">
<div class="footer-bottom-left-container">
<p class="FZRegular-14 white copy-container">
<img src="/images/master/copyright-icon.svg" class="copy-icon" alt="Dong Feng Motor, Singapore.">2024 DongFeng. All Rights Reserved
</p>
<p class="white disclaimer-container"> *Disclaimer: All photos are for illustration purposes only. Please note that the actual interior and exterior colors of the vehicles may vary slightly from the images presented on the website. </p>
</div>
<a href="/Terms-and-Conditions" class="privacy FZRegular-14 white" data-text="Privacy Policy" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>Privacy Policy</span></a>
<div class="company-container FZRegular-14 white">
<p>Website designed and built by </p>
<a href="http://www.elveslab.com/" class="company-container FZRegular-14 white" target="_blank" data-text="Elveslab" alt="Dong Feng Motor, Singapore." aria-label="Dong Feng Motor, Singapore."><span>Elveslab</span><img src="/images/master/elveslab.svg" class="elveslab-logo img" alt="Dong Feng Motor, Singapore."></a>
</div>
</div>
</footer>
</div>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/jquery.nicescroll.min.js"></script>
<script>
$(document).ready(function() {
if (window.innerWidth > 768) {
$("body").niceScroll({
cursoropacitymax: 0,
scrollspeed: 60, // scrolling speed
mousescrollstep: 40, // scrolling speed with mouse wheel (pixel)
});
}
});
$(document).ready(function() {
$("img").attr("alt", "Dong Feng Motor, Singapore.");
$("a").attr("alt", "Dong Feng Motor, Singapore.");
$("a").attr("aria-label", "Dong Feng Motor, Singapore.");
onScroll();
$(document).click(function(event) {
if (!$(event.target).closest('.onScrollNav').length) {
$('.onScrollNav').removeClass('nav--open');
}
});
$('.onScrollNav').click(function(event) {
event.stopPropagation();
});
$('#top-nav').click(function(event) {
event.stopPropagation();
});
$(".nav-tabs-discover").click(function() {
$(this).parent().toggleClass("open-parent");
});
});
$(".menu-button").click(function() {
$(this).parents().children("nav").addClass("nav--open");
});
$(".close-btn").click(function() {
$(this).parents().children("nav").removeClass("nav--open");
});
function onScroll() { //OnScroll
$("body").getNiceScroll().resize()
var window_top_position = $(window).scrollTop();
if (window_top_position != 0) {
$("#top-nav").addClass("onScroll");
$("nav").addClass("onScrollNav");
} else {
$("#top-nav").removeClass("onScroll");
$("nav").removeClass("onScrollNav");
}
}
$(window).on('scroll resize', onScroll);
const inViewport = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting == true) {
entry.target.classList.add("is-inViewport");
}
});
};
const Obs = new IntersectionObserver(inViewport);
const obsOptions = {}; //See: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Intersection_observer_options
// Attach observer to every [data-inviewport] element:
const ELs_inViewport = document.querySelectorAll('[data-inviewport]');
ELs_inViewport.forEach(EL => {
Obs.observe(EL, obsOptions);
});
</script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/gsap.min.js"></script>
<script src="/js/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/TextPlugin.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<script src="/js/jquery.ui.touch-punch.js"></script>
<script>
var modal = document.getElementById("videoModal");
var localVideo = document.getElementById("localVideo");
var btn = document.querySelector(".about-play-container");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function(event) {
console.log("hello")
event.preventDefault();
modal.style.display = "block";
localVideo.play();
}
span.onclick = function() {
modal.style.display = "none";
localVideo.pause();
localVideo.currentTime = 0;
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
localVideo.pause();
localVideo.currentTime = 0;
}
}
var modal2 = document.getElementById("videoModal2");
var span2 = document.getElementsByClassName("close2")[0];
function playVideo(vid, from = "", to = "") {
if (from != "" && to != "") {
url = "https://www.youtube.com/embed/" + vid + "?start=" + from + "&end=" + to + "&rel=0";
} else {
url = "https://www.youtube.com/embed/" + vid + "?rel=0";
}
modal2.style.display = "block";
$('#video').prop('src', url)
}
span2.onclick = function() {
modal2.style.display = "none";
$('#video').prop('src', '');
}
window.onclick = function(event) {
if (event.target == modal2) {
modal2.style.display = "none";
$('#video').prop('src', '');
}
}
gsap.registerPlugin(ScrollTrigger);
function animateNumber(id, start, end, duration) {
gsap.fromTo(`#${id}`, {
innerText: start
}, {
innerText: end,
duration: duration,
snap: {
innerText: 1
},
ease: "expo.inOut",
onUpdate: function() {
document.getElementById(id).innerText = Math.floor(this.targets()[0].innerText);
},
scrollTrigger: {
trigger: `#${id}`,
start: "top 100%",
toggleActions: "play none none none"
}
});
}
animateNumber('surround-view', 0, 540, 5);
animateNumber('fast-charging', 0, 2660, 5);
animateNumber('lighting', 0, 32, 3);
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
if (window.innerWidth > 768) {
var controller = new ScrollMagic.Controller();
var carTween = gsap.to(".car-car", {
y: '-54vw',
duration: 3,
ease: "power1.inOut"
});
var carScene = new ScrollMagic.Scene({
triggerElement: "#Car",
triggerHook: 0.1,
duration: 4000
}).setTween(carTween).setPin("#Car").on("enter", function() {
document.body.style.overflow = 'hidden';
}).on("leave", function() {
document.body.style.overflow = '';
}).on("enter back", function() {
document.body.style.overflow = 'hidden';
}).on("leave back", function() {
document.body.style.overflow = '';
}).addTo(controller)
function animateCarItems() {
var carItems = document.querySelectorAll(".car-item");
carItems.forEach(function(item, index) {
var delay = index * 300;
setTimeout(function() {
item.classList.add("visible");
}, delay);
});
}
gsap.registerPlugin(ScrollTrigger);
ScrollTrigger.create({
trigger: "#Car",
start: "top -50%",
onEnter: animateCarItems,
onEnterBack: animateCarItems,
markers: false
});
} else {
var controller = new ScrollMagic.Controller();
var carTween = gsap.to(".car-car", {
y: '-54vw',
duration: 1,
ease: "power1.inOut"
});
var carScene = new ScrollMagic.Scene({
triggerElement: "#Car",
triggerHook: 0.1,
duration: 1000
}).setTween(carTween).setPin("#Car").on("enter", function() {
document.body.style.overflow = 'hidden';
}).on("leave", function() {
document.body.style.overflow = '';
}).on("enter back", function() {
document.body.style.overflow = 'hidden';
}).on("leave back", function() {
document.body.style.overflow = '';
}).addTo(controller)
function animateCarItems() {
var carItems = document.querySelectorAll(".car-item");
carItems.forEach(function(item, index) {
var delay = index * 100;
setTimeout(function() {
item.classList.add("visible");
}, delay);
});
}
gsap.registerPlugin(ScrollTrigger);
ScrollTrigger.create({
trigger: "#Car",
start: "top -50%",
onEnter: animateCarItems,
onEnterBack: animateCarItems,
markers: false
});
}
});
</script>
<script>
//$(document).ready(function () {
// function addClass() {
// $('.mobile-car-item').addClass('is-inViewport');
// setTimeout(removeClass, 6500);
// }
// function removeClass() {
// $('.mobile-car-item').removeClass('is-inViewport');
// setTimeout(addClass, 2500);
// }
// removeClass();
//});
$(window).on("load", function() {
setNews();
});
$(window).on('resize', function() {
setNews();
});
function setBanner() {
var $owlBanner = $("#Banner");
$owlBanner.owlCarousel({
rewind: false,
nav: false,
dots: false,
responsive: {
0: {
margin: 0,
items: 1,
}
}
});
};
function setNews() {
var $owlNews = $("#owl-News");
$owlNews.owlCarousel({
margin: 0,
rewind: false,
responsive: {
0: {
loop: false,
margin: 60,
nav: false,
dots: true,
items: 1,
},
769: {
items: 3,
nav: false,
dots: false,
touchDrag: false,
mouseDrag: false,
pullDrag: false,
dots: false,
}
}
});
};
const owlCarouselDrag = $('#owl-BannerDrag');
owlCarouselDrag.owlCarousel({
loop: true,
margin: 0,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
stagePadding: 20,
margin: 3,
},
768: {
items: 1,
},
1000: {
items: 1,
stagePadding: 250,
margin: 40,
},
1440: {
items: 1,
stagePadding: 300,
margin: 30,
},
1600: {
items: 1,
stagePadding: 400,
margin: 20,
},
}
});
$('.car-carousel-back').click(function() {
owlCarouselDrag.trigger('prev.owl.carousel');
});
$('.car-carousel-next').click(function() {
owlCarouselDrag.trigger('next.owl.carousel');
});
$(document).ready(function() {
const owlCarouselColor = $('#owl-BannerColor');
owlCarouselColor.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
var $menuButton = $(".menu-button2");
var $dragContainer = $(".drag-container");
var $items = $(".drag-item .item");
var containerWidth = $dragContainer.width();
var itemsCount = $items.length;
var itemWidth = containerWidth / itemsCount;
var currentSlide = 0
function updateDraggable() {
var visibleCarousel = $(".owl-color-wrapper .owl-carousel:visible");
if ($menuButton.hasClass('ui-draggable')) {
$menuButton.draggable("destroy");
}
$menuButton.draggable({
axis: "x",
containment: ".drag-container",
drag: function(event, ui) {
var draggedLeft = ui.position.left;
if ($(".drag-item .item").eq(0).offset().left >= draggedLeft && $(".drag-item .item").eq(1).offset().left > draggedLeft) {
visibleCarousel.trigger('to.owl.carousel', [1, 300]);
currentSlide = 1
} else if ($(".drag-item .item").eq(1).offset().left >= draggedLeft && $(".drag-item .item").eq(2).offset().left > draggedLeft) {
visibleCarousel.trigger('to.owl.carousel', [2, 300]);
currentSlide = 2
} else if ($(".drag-item .item").eq(2).offset().left >= draggedLeft && $(".drag-item .item").eq(3).offset().left > draggedLeft) {
visibleCarousel.trigger('to.owl.carousel', [3, 300]);
currentSlide = 3
} else if ($(".drag-item .item").eq(3).offset().left >= draggedLeft && $(".drag-item .item").eq(4).offset().left > draggedLeft) {
visibleCarousel.trigger('to.owl.carousel', [0, 300]);
currentSlide = 0
} else if ($(".drag-item .item").eq(4).offset().left >= draggedLeft && $(".drag-item .item").eq(5).offset().left > draggedLeft) {
visibleCarousel.trigger('to.owl.carousel', [4, 300]);
currentSlide = 4
} else if ($(".drag-item .item").eq(5).offset().left >= draggedLeft) {
visibleCarousel.trigger('to.owl.carousel', [5, 300]);
currentSlide = 5
}
}
});
}
const owlCarouselPurple = $('#owl-BannerPurple');
owlCarouselPurple.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
const owlCarouselBlue = $('#owl-BannerBlue');
owlCarouselBlue.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
const owlCarouselWhite = $('#owl-BannerWhite');
owlCarouselWhite.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
const owlCarouselBlueWhite = $('#owl-BannerBlueWhite');
owlCarouselBlueWhite.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
const owlCarouselYellow = $('#owl-BannerYellow');
owlCarouselYellow.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
const owlCarouselYellowWhite = $('#owl-BannerYellowWhite');
owlCarouselYellowWhite.owlCarousel({
loop: false,
animateOut: 'fadeOut',
margin: 10,
dots: false,
nav: false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
768: {
items: 1,
},
1000: {
items: 1,
}
}
});
$(".dot1").click(function() {
var index = $(this).data("index");
var newContent = '';
if (index == 0) {
newContent = '<img src="/images/default/dot1.svg" alt="arrow" class="cardot" /> Aurora Purple';
} else if (index == 1) {
newContent = '<img src="/images/default/dot2.svg" alt="arrow" class="cardot" /> Aurora Purple + White Roof'
} else if (index == 2) {
newContent = '<img src="/images/default/dot3.svg" alt="arrow" class="cardot" /> Twilight White'
} else if (index == 3) {
newContent = '<img src="/images/default/dot4.svg" alt="arrow" class="cardot" /> Icy Blue'
} else if (index == 4) {
newContent = '<img src="/images/default/dot5.svg" alt="arrow" class="cardot" /> Icy Blue + White Roof'
} else if (index == 5) {
newContent = '<img src="/images/default/dot6.svg" alt="arrow" class="cardot" /> Sunlit Green'
} else if (index == 6) {
newContent = '<img src="/images/default/dot6.svg" alt="arrow" class="cardot" /> Sunlit Green + White Roof'
}
if (newContent) {
$("#colorname").fadeOut(200, function() {
$(this).html(newContent);
$(this).fadeIn(200);
});
}
$(".owl-color-wrapper").hide()
$(".owl-color-wrapper[data-index='" + index + "']").fadeIn(500);
$(".dotactive").removeClass("active");
$(this).find(".dotactive").addClass("active");
var visibleCarousel = $(".owl-color-wrapper .owl-carousel:visible");
visibleCarousel.trigger('to.owl.carousel', [currentSlide, 0]);
updateDraggable();
});
updateDraggable()
});
$(".owl-color-wrapper").hide();
$(".owl-color-wrapper[data-index='0']").show();
document.addEventListener('DOMContentLoaded', (event) => {
const carCarousel = document.querySelector('.car-carousel-wrapper');
const followMouse = document.querySelector('.followmouse');
carCarousel.addEventListener('mouseenter', () => {
followMouse.style.opacity = '1';
});
carCarousel.addEventListener('mousemove', (e) => {
const rect = carCarousel.getBoundingClientRect();
const x = e.clientX - rect.left - (followMouse.offsetWidth / 2);
const y = e.clientY - rect.top - (followMouse.offsetHeight / 2);
requestAnimationFrame(() => {
followMouse.style.transform = `translate(${x}px, ${y}px)`;
});
});
carCarousel.addEventListener('mouseleave', () => {
followMouse.style.opacity = '0';
});
});
</script>
<script>
var imgExt = ".svg";
var imageID = 1;
$(document).ready(function() {
if (window.location.hash.substring(1).length > 0) {
var imgMod = window.location.hash.substring(1);
imageID = imgMod;
}
setTimeout(function() {
$("body").addClass("loaded");
}, 2800);
});
</script>
</form>
Text Content
MENU TEST DRIVE CLOSE DISCOVER BOX FEATURES TECHNOLOGY SPECIFICATIONS CONFIGURE YOUR BOX RESOURCES GALLERY ABOUT US BOOK A TEST DRIVE CONTACT US BOOK A TEST DRIVE CONTACT US FEATURES TECHNOLOGY SPECIFICATIONS CONFIGURE YOUR BOX RESOURCES GALLERY ABOUT US × × INNOVATIVE . EXQUISITE . TRENDY . Experience sophisticated urban luxury, within reach. EXPLORE BOX INNOVATIVE . EXQUISITE . TRENDY . Experience sophisticated urban luxury, within reach. EXPLORE BOX THE LEGACY OF DONGFENG MOTOR -------------------------------------------------------------------------------- PLAY VIDEO More about the group Headquartered in Wuhan, Hubei Province, Dongfeng Motor Corporation Limited stands as a cornerstone of China's automotive industry, tracing its roots back to the Second Automobile Manufacturing Plant established in 1969. EXPLORE MORE Exquisite Lifestyle CRYSTAL LED HEADLIGHTS Striking exterior SMART DRIVING TECHNOLOGY Automatic parking FRAMELESS DOOR Unmatched elegance 180° RECLINING SEATS Spacious BOOT CAPACITY 945L with knock down rear seats STYLISH RING TAIL LIGHT Striking visual appeal Dongfeng Aurora Purple ‹› ‹› ‹› ‹› ‹› ‹› ‹› 0 ° Panoramic Camera 0mm Wheelbase 0 Customisable ambient interior lighting DRAG ‹› WHY SWITCH TO EV? Minimising Carbon Footprint With zero tailpipe emissions, going electric significantly reduces greenhouse gases and pollutants. Breathe cleaner air when driving green. Lower Operating Costs EVs typically have lower running costs compared to petrol cars. They require less maintenance due to fewer moving parts and are more cost-effective to operate per kilometre. Elevated Performance Experience smooth driving, quick acceleration and quieter rides. READY TO DRIVE INTO THE FUTURE? CHAT WITH US OUR SHOWROOM Tai Seng Exchange, 1 Tai Seng Avenue, #01-23/24, Singapore 536464 BOOK A TEST DRIVE NEWS -------------------------------------------------------------------------------- 25 Sep 2024 #BRINGYOUROWNGAME Imagine a dream playground where everything you love meets the extraordinary you. Bring your own game anywhere you want, with the Dongfeng Box. 25 Sep 2024 Experience First-Hand Visit us at our Showroom: Tai Seng Exchange, 1 Tai Seng Avenue #01-23/24, Singapore 536464. 25 Sep 2024 Dongfeng Box Has Arrived Experience sophisticated urban luxury, within reach. Register your interest today. ‹› READY TO DRIVE INTO THE FUTURE? CHAT WITH US GET IN TOUCH CHAT WITH US BOOK A TEST DRIVE ABOUT US GALLERY CONFIGURE YOUR BOX FEATURES RESOURCES CONTACT US TECHNOLOGY SPECIFICATIONS BOOK A TEST DRIVE 2024 DongFeng. All Rights Reserved *Disclaimer: All photos are for illustration purposes only. Please note that the actual interior and exterior colors of the vehicles may vary slightly from the images presented on the website. Privacy Policy Website designed and built by Elveslab