부스트 이용안내 수정 스텝02

This commit is contained in:
hyeonggil
2024-08-19 17:07:17 +09:00
parent b0625661ad
commit 7ef6d41316
5 changed files with 72 additions and 125 deletions

View File

@@ -241,14 +241,13 @@
<div class="infoStickyInner">
<div class="stickyLeft">
<p>
<strong>Kia Dynamic LED</strong>
<span>Light Type-A</span>
<strong>부스트</strong>
</p>
</div>
<div class="stickyRight">
<dl>
<dt>평생 이용</dt>
<dd>150,000</dd>
<dt>평생 이용</dt>
<dd>₩ 500,000</dd>
</dl>
</div>
</div>
@@ -263,7 +262,7 @@
<div class="productImg">
<div class="swiper productSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp1.png" alt="이미지 상품명"></div>
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp_boost1.png" alt="이미지 상품명"></div>
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></div>
<div class="swiper-slide withVideo">
<p class="productSmallVideo">
@@ -282,79 +281,33 @@
<div class="productRight">
<div class="optionWarp">
<div class="producTitle">
<span>차량SW</span>
<h1>Kia Dynamic LED</h1>
<p>특별하고 빛나는 것을 좋아 하시나요? 일상에 기쁨을 더해주는 빛의 변주, 딜라이팅 라이팅이 당신을 기다립니다.</p>
</div>
<div class="producOption">
<h2>원하시는 상품을 선택해주세요</h2>
<div class="optionList">
<div class="checkBtn withVideo">
<input type="checkbox" name="check" id="checkeOne" value="Light Type-A" checked >
<label for="checkeOne">
<p class="productSmallVideo">
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
<source src="../assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4">
</video>
<img src="../assets/images/kia/product-img/producy-temp3.png" alt="이미지 상품명">
</p>
<div class="optionText">
<p>
<strong>Light Type-ALight Type-ALight Type-ALight Type-ALight Type-ALight Type-ALight Type-A</strong>
<span>파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴</span>
</p>
</div>
</label>
</div>
<div class="checkBtn">
<input type="checkbox" name="check" id="checkeTwo" value="Light Type-B">
<label for="checkeTwo">
<p><img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></p>
<div>
<p>
<strong>Light Type-B</strong>
<span>역동적인 사선 패턴</span>
</p>
</div>
</label>
</div>
<div class="checkBtn disabledBtn">
<input type="checkbox" name="check" id="checkeThree" value="Light Type-C" disabled>
<label for="checkeThree">
<p><img src="../assets/images/kia/product-img/producy-temp3.png" alt="이미지 상품명"></p>
<div>
<p>
<strong>Light Type-C</strong>
<span>부드러운 곡선 패턴</span>
</p>
</div>
</label>
</div>
</div>
<!-- <span>차량SW</span> -->
<h1>부스트</h1>
<p>그 어느때 보다 빠르게, 때론 거칠게</p>
</div>
<div class="priceOption">
<h2>원하시는 결제 옵션을 선택해주세요</h2>
<h2>원하시는 구매 옵션을 선택해주세요</h2>
<div class="priceList">
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000">
<input type="radio" name="radioBtn" id="radioOne" value="평생이용 500000" checked>
<label for="radioOne">
<span>평생 이용</span>
<strong>150,000</strong>
<span>평생 이용</span>
<strong>₩ 500,000</strong>
</label>
</div>
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioTwo" value="일반 정기 구독 150000">
<input type="radio" name="radioBtn" id="radioTwo" value=" 구독 150000">
<label for="radioTwo">
<span>일반 정기 구독</span>
<strong>₩ 12,000/월</strong>
<span> 구독</span>
<strong>₩ 120,000/월</strong>
</label>
</div>
<div class="radioBtn disabledBtn">
<input type="radio" name="radioBtn" id="radioThree" value="1개월 무료 정기구독 150000" disabled>
<input type="radio" name="radioBtn" id="radioThree" value="구독 150000" disabled>
<label for="radioThree">
<span>1개월 무료 정기 구독</span>
<span> 구독</span>
<strong>₩ 12,000/월</strong>
</label>
</div>
@@ -363,11 +316,10 @@
<div class="priceTotal">
<dl class="total">
<dt>총 결제 금액</dt>
<dd>\ 150,000</dd>
<dd>₩ 500,000</dd>
</dl>
<div class="paymentButton towButton">
<button class="cartBtn leftBtn"><p>장바구니</p></button>
<button class="PurchaseBtn rightBtn"><p>구매하기</p></button>
<div class="paymentButton oneButton">
<button class="PurchaseBtn rightBtn"><p>바로구매</p></button>
</div>
</div>
</div>