gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

테마 버전3

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-03-18 20:58:27 +09:00
parent 2acb18268f
commit f5b64e5621
68 changed files with 335 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
product/pdp_display_theme3.html
View File

@@ -288,7 +288,7 @@
</div>
<div class="producOption scroll">
<h2>구성 상품</h2>
<div class="optionList noBox">
<div class="optionList">
<div class="checkBtn withVideo">
<input type="checkbox" name="check" id="check1" value="Atlanta Hawks" checked >
<label for="check1">
@@ -421,10 +421,10 @@
<div class="comp_body layer_up">
<div class="text_area">
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
누구보다 돋보이게 빛나고, <br>차별화 된 라이팅 패턴
누구보다 돋보이게 빛나고, 차별화 된 라이팅 패턴
</h3>
<div class="info" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
운전자가 다가가면 다이나믹하게 반응하는 라이팅 패턴으로 <br>내 차만의 특별한 존재감을 확인해 보세요.
운전자가 다가가면 다이나믹하게 반응하는 라이팅 패턴으로 내 차만의 특별한 존재감을 확인해 보세요.
</div>
</div>
</div>
@@ -433,36 +433,133 @@
<div class="comp_bottom">
<div class="com_bottm_inner">
<div class="swiper pdpDisplayThemeSwiper">
<ul class="swiper-wrapper">
<li class="swiper-slide dtthumb active" value="NBA_Theme1">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1.png" alt="Atlanta Hawks">
<div class="swiper-wrapper">
<div class="swiper-slide dtthumb" value="NBA_Theme1">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme01.png" alt="Atlanta Hawks">
<p>Atlanta Hawks</p>
</li>
<li class="swiper-slide dtthumb" value="NBA_Theme2">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme2.png" alt="Boston Celtics">
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme2">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme02.png" alt="Boston Celtics">
<p>Boston Celtics</p>
</li>
<li class="swiper-slide dtthumb" value="NBA_Theme3">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme3.png" alt="Chicago Bulls">
<p>Chicago Bulls</p>
</li>
<li class="swiper-slide dtthumb" value="NBA_Theme4">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme4.png" alt="Brooklyn Nets">
<p>Brooklyn Nets</p>
</li>
<li class="swiper-slide dtthumb" value="NBA_Theme5">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme5.png" alt="Charlotte Hornets">
<p>Charlotte Hornets</p>
</li>
<li class="swiper-slide dtthumb" value="NBA_Theme6">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme6.png" alt="Atlanta">
<p>Atlanta</p>
</li>
<li class="swiper-slide dtthumb" value="NBA_Theme7">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme7.png" alt="Cleveland Cavaliers">
<p>Cleveland Cavaliers</p>
</li>
</ul>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme3">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme03.png" alt="brooklyn nets">
<p>brooklyn nets</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme4">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme04.png" alt="CHICAGO BULLS">
<p>CHICAGO BULLS</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme5">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme05.png" alt="Charlotte hornets">
<p>Charlotte hornets</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme6">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme06.png" alt="cleveland cavaliers">
<p>cleveland cavaliers</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme7">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme07.png" alt="dallas mavericks">
<p>dallas mavericks</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme8">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme08.png" alt="Denver Nuggets">
<p>Denver Nuggets</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme9">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme09.png" alt="Detroit Pistons">
<p>Detroit Pistons</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme10">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme10.png" alt="Golden State Warriors">
<p>Golden State Warriors</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme11">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme11.png" alt="Houston Rockets">
<p>Houston Rockets</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme12">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme12.png" alt="Indiana Pacers">
<p>Indiana Pacers</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme13">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme13.png" alt="Los Angeles Clippers">
<p>Los Angeles Clippers</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme14">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme14.png" alt="Los Angeles Lakers">
<p>Los Angeles Lakers</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme15">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme15.png" alt="Memphis Grizzlies">
<p>Memphis Grizzlies</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme16">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme16.png" alt="Miami Heat">
<p>Miami Heat</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme17">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme17.png" alt="Milwaukee Bucks">
<p>Milwaukee Bucks</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme18">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme18.png" alt="Minnesota Timberwolves">
<p>Minnesota Timberwolves</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme19">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme19.png" alt="New Orleans Pelicans">
<p>New Orleans Pelicans</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme20">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme20.png" alt="New York Knicks">
<p>New York Knicks</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme21">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme21.png" alt="Oklahoma City Thunder">
<p>Oklahoma City Thunder</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme22">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme22.png" alt="Orlando Magic">
<p>Orlando Magic</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme23">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme23.png" alt="philadelphia 76ers">
<p>philadelphia 76ers</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme24">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme24.png" alt="Phoenix Suns">
<p>Phoenix Suns</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme25">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme25.png" alt="Portland Trailblazers">
<p>Portland Trailblazers</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme26">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme26.png" alt="Sacramento Kings">
<p>Sacramento Kings</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme27">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme27.png" alt="San Antonio Spurs">
<p>San Antonio Spurs</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme28">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme28.png" alt="Toronto Raptors">
<p>Toronto Raptors</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme29">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme29.png" alt="Utah Jazz">
<p>Utah Jazz</p>
</div>
<div class="swiper-slide dtthumb" value="NBA_Theme30">
<img src="../assets/images/kia/pdp/display_theme/NBA/logo_theme30.png" alt="Washington Wizards">
<p>Washington Wizards</p>
</div>
</div>
<!-- <div class="swiper-navigation">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div> -->
</div>
</div>
</div>
@@ -472,39 +569,50 @@
<div class="comp_wide comp_1x_b_v_s_b displayTheme">
<div class="comp_body dtlImgs">
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1-1.png" class="themeImg" alt="디스플레이 테마1">
</div>
<div class="text_area">
<h5>Cluster</h5>
<p>
해당 사양은 디지털 패턴 라이팅 그릴이 적용된 차량에 한해서 구매할 수 있습니다. 참고하시길 바랍니다.
</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1-2.png" class="themeImg" alt="디스플레이 테마1">
</div>
<div class="text_area">
<h5>Navigation</h5>
<p>
나만의 취향과 선호도에 맞게 앱 또는 차량 내에서 자유롭게 원하는 패턴을 선택할 수 있습니다.<br>
미래지향적인 디자인으로 차량을 더욱 세련되게 스타일링 할 수 있습니다.
</p>
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1-3.png" class="themeImg" alt="디스플레이 테마1">
</div>
<div class="text_area">
<h5>Profile</h5>
<p>
나만의 취향과 선호도에 맞게 앱 또는 차량 내에서 자유롭게 원하는 패턴을 선택할 수 있습니다.<br>
미래지향적인 디자인으로 차량을 더욱 세련되게 스타일링 할 수 있습니다.
</p>
<div class="swiper displayThemeDtl">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1-1.png" class="themeImg" alt="디스플레이 테마1">
</div>
<div class="text_area">
<h5>Cluster</h5>
<p>
해당 사양은 디지털 패턴 라이팅 그릴이 적용된 차량에 한해서 구매할 수 있습니다. 참고하시길 바랍니다.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1-2.png" class="themeImg" alt="디스플레이 테마2">
</div>
<div class="text_area">
<h5>Navigation</h5>
<p>
나만의 취향과 선호도에 맞게 앱 또는 차량 내에서 자유롭게 원하는 패턴을 선택할 수 있습니다.<br>
미래지향적인 디자인으로 차량을 더욱 세련되게 스타일링 할 수 있습니다.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/display_theme/NBA_Theme1-3.png" class="themeImg" alt="디스플레이 테마3">
</div>
<div class="text_area">
<h5>Profile</h5>
<p>
나만의 취향과 선호도에 맞게 앱 또는 차량 내에서 자유롭게 원하는 패턴을 선택할 수 있습니다.<br>
미래지향적인 디자인으로 차량을 더욱 세련되게 스타일링 할 수 있습니다.
</p>
</div>
</div>
</div>
<div class="swiper-navigation">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</div>
@@ -823,9 +931,3 @@
<!--//footer-->
</body>
</html>