341 lines
16 KiB
PHP
341 lines
16 KiB
PHP
<?php $bland_code = "genesis"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 genesis,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/genesis/genesisMain.css?v1" type="text/css" />
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
|
?>
|
|
<!--//header-->
|
|
<div class="mainTopKey">
|
|
<div class="swiper mainSwiper">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide" style="background-image: url(/kr/assets/images/genesis/genesis-keyb.png);">
|
|
<i class="mainLine"></i>
|
|
<div class="mainText">
|
|
<p>
|
|
<strong>genesis Hyper Speed</strong>
|
|
<span>모터 출력을 이원화해 더욱 가벼워지고 놀라운 성능 향상을<br> 이루어 한계에 도전하는 당신을 기다립니다.</span>
|
|
</p>
|
|
<div class="oneButton">
|
|
<a href=""><p>자세히 보기</p></a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="swiper-slide">
|
|
<i class="mainLine"></i>
|
|
<div class="mainText">
|
|
<p>
|
|
<strong>genesis Hyper Speed</strong>
|
|
<span>모터 출력을 이원화해 더욱 가벼워지고 놀라운 성능 향상을<br> 이루어 한계에 도전하는 당신을 기다립니다.</span>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
<div class="mycarInfo">
|
|
<div class="mycarInfoInner">
|
|
<div class="mainComment">
|
|
<p>지금 바로 내 차에 적용 가능한 FoD 상품을 만나보세요</p>
|
|
</div>
|
|
<div class="mainCarNum">
|
|
<!--로그인전-->
|
|
<div class="oneButton" style="display:none;">
|
|
<a href=""><p>자세히 보기</p></a>
|
|
</div>
|
|
<!--로그인전-->
|
|
|
|
<!--로그인 후-->
|
|
<div class="carlist">
|
|
<a href="javascript:void(0)" class="carItem">
|
|
<span>MV</span>
|
|
<span>161어 1660</span>
|
|
</a>
|
|
<div class="carlistItem">
|
|
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
|
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
|
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
|
</svg>
|
|
<ul>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>MV</span>
|
|
<span>KMTKEXXBPMU000081</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>SX</span>
|
|
<span>161어 1660</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>MV</span>
|
|
<span>452허 1234</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--로그인 후-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--//content-warp-->
|
|
<div class="contentWarp main">
|
|
<div class="mainWarpInner">
|
|
<!--main 콘텐츠-->
|
|
<div class="mainProductList">
|
|
<div class="mainContensTitle">
|
|
<h1>For your Features on Demand</h1>
|
|
<p>맞춤형 FoD (Features on Demand) 상품으로 나만의 특별한 라이프스타일을 선사합니다</p>
|
|
</div>
|
|
<div class="mainProductInner">
|
|
<ul>
|
|
<li>
|
|
|
|
<p><img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="상품 명"></p>
|
|
<div class="contentInfo">
|
|
<div class="tag">
|
|
<span>NEW</span>
|
|
</div>
|
|
<h2><a href="">genesis Hyper Speed</a></h2>
|
|
<p class="noActionDescript">우리는 이제 당신의 일상에 반짝임을 불어넣으려고 합니다. 특별한 것, 빛나는 것 좋아하시나요? 일상에 기쁨을 더해주는 빛의 변주, '딜라이트 라이팅'이 당신을 기다립니다.</p>
|
|
<div class="listOtionPrice">
|
|
<dl>
|
|
<dd>\520,000</dd>
|
|
<dt>평생 이용권</dt>
|
|
</dl>
|
|
<dl>
|
|
<dd>\12,000/월</dd>
|
|
<dt>일반 정기 구독</dt>
|
|
</dl>
|
|
</div>
|
|
<div class="listImgBtn">
|
|
<div class="oneButton">
|
|
<a href=""><p>자세히 보기</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
<li>
|
|
|
|
<p><img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="상품 명"></p>
|
|
<div class="contentInfo">
|
|
|
|
<h2>genesis Hyper Speed</h2>
|
|
<p class="noActionDescript">우리는 이제 당신의 일상에 반짝임을 불어넣으려고 합니다. 특별한 것, 빛나는 것 좋아하시나요? 일상에 기쁨을 더해주는 빛의 변주, '딜라이트 라이팅'이 당신을 기다립니다.</p>
|
|
<div class="listOtionPrice">
|
|
<dl>
|
|
<dd>\520,000</dd>
|
|
<dt>평생 이용권</dt>
|
|
</dl>
|
|
<dl>
|
|
<dd>\12,000/월</dd>
|
|
<dt>일반 정기 구독</dt>
|
|
</dl>
|
|
</div>
|
|
<div class="listImgBtn">
|
|
<div class="oneButton">
|
|
<a href=""><p>자세히 보기</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--main 콘텐츠-->
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
<!--//mainBanner-->
|
|
<div class="mainBanner">
|
|
<div class="mabannerInner">
|
|
<dl>
|
|
<dt>genesis Hyper Speed</dt>
|
|
<dd>우리는 이제 새로운 차원의 성능을 향해 진입합니다. <br>모터 출력을 이원화해 더욱 가벼워지고, 놀라운 성능 향상을 이루어<br> 한계에 도전하는 당신을 기다립니다.</dd>
|
|
</dl>
|
|
<div class="listImgBtn">
|
|
<div class="oneButton">
|
|
<a href=""><p>체험하기</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//mainBanner-->
|
|
<!--//content-warp-->
|
|
<div class="contentWarp main">
|
|
<div class="mainWarpInner">
|
|
<!--main 콘텐츠-->
|
|
<div class="mainProductList">
|
|
<div class="mainProductInner">
|
|
<ul>
|
|
<li>
|
|
|
|
<p><img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="상품 명"></p>
|
|
<div class="contentInfo">
|
|
<div class="tag">
|
|
<span>NEW</span>
|
|
<span>promotion</span>
|
|
</div>
|
|
<h2>genesis Hyper Speed</h2>
|
|
<p class="noActionDescript">우리는 이제 당신의 일상에 반짝임을 불어넣으려고 합니다. 특별한 것, 빛나는 것 좋아하시나요? 일상에 기쁨을 더해주는 빛의 변주, '딜라이트 라이팅'이 당신을 기다립니다.</p>
|
|
<div class="listOtionPrice">
|
|
<dl>
|
|
<dd>\520,000</dd>
|
|
<dt>평생 이용권</dt>
|
|
</dl>
|
|
<dl>
|
|
<dd>\12,000/월</dd>
|
|
<dt>일반 정기 구독</dt>
|
|
</dl>
|
|
</div>
|
|
<div class="listImgBtn">
|
|
<div class="oneButton">
|
|
<div><p>자세히 보기</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
<li>
|
|
|
|
<p><img src="/kr/assets/images/kia/product-img/producy-temp6.png" alt="상품 명"></p>
|
|
<div class="contentInfo">
|
|
<div class="tag">
|
|
<span>NEW</span>
|
|
<span>구매가능</span>
|
|
</div>
|
|
<h2>genesis Hyper Speed</h2>
|
|
<p class="noActionDescript">우리는 이제 당신의 일상에 반짝임을 불어넣으려고 합니다. 특별한 것, 빛나는 것 좋아하시나요? 일상에 기쁨을 더해주는 빛의 변주, '딜라이트 라이팅'이 당신을 기다립니다.</p>
|
|
<div class="listOtionPrice">
|
|
<dl>
|
|
<dd>\520,000</dd>
|
|
<dt>평생 이용권</dt>
|
|
</dl>
|
|
<dl>
|
|
<dd>\12,000/월</dd>
|
|
<dt>일반 정기 구독</dt>
|
|
</dl>
|
|
</div>
|
|
<div class="listImgBtn">
|
|
<div class="oneButton">
|
|
<div><p>자세히 보기</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--main 콘텐츠-->
|
|
<!--sevice-->
|
|
<div class="mainSevice">
|
|
<div class="left">
|
|
<span>Service</span>
|
|
<h2>궁금하신 점이나<br> 문의사항이 있으신가요?</h2>
|
|
</div>
|
|
<div class="right">
|
|
<a href=""><p class="faq"><span>자주 찾는 질문 FAQ</span></p></a>
|
|
<a href=""><p class="cs"><span>1:1 문의하러 가기</span></p></a>
|
|
</div>
|
|
</div>
|
|
<!--sevice-->
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--//mainNotice-->
|
|
<div class="mainNotice">
|
|
<div class="noticInnerWarp">
|
|
<div class="noticeInner">
|
|
<h2>Notice</h2>
|
|
<div class="mainNiticeList">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide">
|
|
<a href="">
|
|
<dl>
|
|
<dt>2023.03.09</dt>
|
|
<dd>OTA Version Update Guide</dd>
|
|
</dl>
|
|
</a>
|
|
</li>
|
|
<li class="swiper-slide">
|
|
<a href="">
|
|
<dl>
|
|
<dt>2023.03.11</dt>
|
|
<dd>OTA Version Update Guide</dd>
|
|
</dl>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="swiperButtonWarp">
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//mainNotice-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|