미키 수정
This commit is contained in:
@@ -4522,7 +4522,7 @@
|
||||
padding: 0 0 10rem;
|
||||
}
|
||||
}
|
||||
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box.box1 {
|
||||
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box.active {
|
||||
display: block;
|
||||
}
|
||||
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box .discover {
|
||||
|
||||
@@ -5141,7 +5141,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.box1 {
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
@@ -17,7 +17,8 @@ $(document).ready(function () {
|
||||
$thisBtn.closest("li").addClass("active");
|
||||
|
||||
// 탭 콘텐츠 show/hide
|
||||
$tabContents.hide().eq(currentIndex).show();
|
||||
$tabContents.removeClass("active");
|
||||
$tabContents.eq(currentIndex).addClass("active");
|
||||
|
||||
// 스크롤 이동
|
||||
$("html, body").animate(
|
||||
|
||||
@@ -582,16 +582,154 @@
|
||||
<div class="inner">
|
||||
<div class="btn-select">디즈니 겨울왕국</div>
|
||||
<ul>
|
||||
<li class="active">
|
||||
<span class="tab-btn">디즈니 겨울왕국</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="tab-btn">디즈니 미키와 친구들</span>
|
||||
</li>
|
||||
<li class="active">
|
||||
<span class="tab-btn">디즈니 겨울왕국</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-box box1">
|
||||
<div class="index-area">
|
||||
<div class="inner">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index.png" class="web" alt="index" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index_m.png" class="mobile" alt="index" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="discover-area">
|
||||
<div class="comp_top">
|
||||
<h3>디즈니 테마, 직접 확인해보세요!</h3>
|
||||
</div>
|
||||
<div class="discover">
|
||||
<div class="inner">
|
||||
<div class="item welcome-goodbye aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
|
||||
<div class="image_area">
|
||||
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.mov" type="video/quicktime" />
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.webm" type="video/webm" />
|
||||
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||
</video>
|
||||
</div>
|
||||
<div class="image_area">
|
||||
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.mov" type="video/quicktime" />
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.webm" type="video/webm" />
|
||||
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||
</video>
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Welcome & Goodbye Video</h4>
|
||||
<p>디즈니 미키와 친구들 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Cluster</h4>
|
||||
<p>선택한 디즈니 테마가 클러스터 화면에 적용됩니다. 디즈니만의 사랑스럽고 유쾌한 그래픽과 게이지 디자인을 확인해 보세요. </p>
|
||||
<p><span class="add">※ 차종에 따라 클러스터 화면 디자인이 상기 이미지와 다를 수 있습니다.</span></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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Navigation</h4>
|
||||
<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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Homecard</h4>
|
||||
<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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Profile</h4>
|
||||
<p>디즈니 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="three-reasons">
|
||||
<div class="tit-area">
|
||||
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<p>디즈니 테마를 놓쳐서는 안 될</p>
|
||||
<h3>세 가지 이유</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reasons">
|
||||
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<ol>
|
||||
<li>
|
||||
<p>
|
||||
<strong>익숙한 공간에 스며드는 특별함</strong>
|
||||
디즈니 테마와 함께,<br class="br-m" />
|
||||
매 순간 드라이브의 즐거움을 느껴보세요.
|
||||
</p>
|
||||
<div class="img-area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1.png" class="web" alt="" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1_m.png" class="mobile" alt="" />
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>취향은 달라도, 즐거움은 함께</strong>
|
||||
디즈니 겨울왕국, 미키와 친구들 등<br class="br-m" />
|
||||
디즈니를 사랑하는 팬이라면<br />
|
||||
더 많은 캐릭터들의 등장을 놓치지 마세요.
|
||||
<span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
|
||||
</p>
|
||||
<div class="img-area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2.png" class="web" alt="" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2_m.png" class="mobile" alt="" />
|
||||
</div>
|
||||
<!-- <div class="img-area">
|
||||
<span class="img-msg">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reason_mickey.png" alt="" />
|
||||
<span class="msg"
|
||||
>Our Themes<br />
|
||||
Are Expanding</span
|
||||
>
|
||||
</span>
|
||||
</div> -->
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>드라이브가 새로워지는 순간</strong>
|
||||
기아 오너를 위한 디즈니 디스플레이 테마.<br />
|
||||
지금 바로, 특별한 드라이빙을 시작해보세요.
|
||||
</p>
|
||||
<div class="img-area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3.png" class="web" alt="" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3_m.png" class="mobile" alt="" />
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<div class="copyright">ⓒ Disney</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-box box2 active">
|
||||
<div class="index-area">
|
||||
<div class="inner">
|
||||
<div class="image_area">
|
||||
@@ -735,144 +873,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-box box2">
|
||||
<div class="index-area">
|
||||
<div class="inner">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index.png" class="web" alt="index" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_index_m.png" class="mobile" alt="index" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="discover-area">
|
||||
<div class="comp_top">
|
||||
<h3>디즈니 테마, 직접 확인해보세요!</h3>
|
||||
</div>
|
||||
<div class="discover">
|
||||
<div class="inner">
|
||||
<div class="item welcome-goodbye aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
|
||||
<div class="image_area">
|
||||
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.mov" type="video/quicktime" />
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.webm" type="video/webm" />
|
||||
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||
</video>
|
||||
</div>
|
||||
<div class="image_area">
|
||||
<video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.mov" type="video/quicktime" />
|
||||
<source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.webm" type="video/webm" />
|
||||
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
|
||||
</video>
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Welcome & Goodbye Video</h4>
|
||||
<p>디즈니 미키와 친구들 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Cluster</h4>
|
||||
<p>선택한 디즈니 테마가 클러스터 화면에 적용됩니다. 디즈니만의 사랑스럽고 유쾌한 그래픽과 게이지 디자인을 확인해 보세요. </p>
|
||||
<p><span class="add">※ 차종에 따라 클러스터 화면 디자인이 상기 이미지와 다를 수 있습니다.</span></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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Navigation</h4>
|
||||
<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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Homecard</h4>
|
||||
<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="400">
|
||||
<div class="image_area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
|
||||
</div>
|
||||
<div class="text_area">
|
||||
<h4>Profile</h4>
|
||||
<p>디즈니 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="three-reasons">
|
||||
<div class="tit-area">
|
||||
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<p>디즈니 테마를 놓쳐서는 안 될</p>
|
||||
<h3>세 가지 이유</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reasons">
|
||||
<div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<ol>
|
||||
<li>
|
||||
<p>
|
||||
<strong>익숙한 공간에 스며드는 특별함</strong>
|
||||
디즈니 테마와 함께,<br class="br-m" />
|
||||
매 순간 드라이브의 즐거움을 느껴보세요.
|
||||
</p>
|
||||
<div class="img-area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1.png" class="web" alt="" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1_m.png" class="mobile" alt="" />
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>취향은 달라도, 즐거움은 함께</strong>
|
||||
디즈니 겨울왕국, 미키와 친구들 등<br class="br-m" />
|
||||
디즈니를 사랑하는 팬이라면<br />
|
||||
더 많은 캐릭터들의 등장을 놓치지 마세요.
|
||||
<span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
|
||||
</p>
|
||||
<div class="img-area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2.png" class="web" alt="" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2_m.png" class="mobile" alt="" />
|
||||
</div>
|
||||
<!-- <div class="img-area">
|
||||
<span class="img-msg">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reason_mickey.png" alt="" />
|
||||
<span class="msg"
|
||||
>Our Themes<br />
|
||||
Are Expanding</span
|
||||
>
|
||||
</span>
|
||||
</div> -->
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<strong>드라이브가 새로워지는 순간</strong>
|
||||
기아 오너를 위한 디즈니 디스플레이 테마.<br />
|
||||
지금 바로, 특별한 드라이빙을 시작해보세요.
|
||||
</p>
|
||||
<div class="img-area">
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3.png" class="web" alt="" />
|
||||
<img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3_m.png" class="mobile" alt="" />
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<div class="copyright">ⓒ Disney</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user