Merge branch 'feature/20240912-premium' of http://1.241.24.154:8418/hyeonggil/FoD into feature/20240912-premium
This commit is contained in:
hyeonggil
144
assets/css/kia/event/event-nba-lunching-promotion.css
Normal file
144
assets/css/kia/event/event-nba-lunching-promotion.css
Normal file
@@ -0,0 +1,144 @@
|
||||
@font-face {
|
||||
font-family: 'kiabold';
|
||||
src: url('/kr/assets/font/kia/event/KiaSignatureFixOTFBold.otf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'kiaregular';
|
||||
src: url('/kr/assets/font/kia/event/KiaSignatureFixOTFRegular.otf') format('truetype');
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.top{
|
||||
position: static;
|
||||
top: 140px;
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
#video{
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 46.5%;
|
||||
left: 29%;
|
||||
width: 610px;
|
||||
transform: translateX(-50%);
|
||||
transition: top .2s ease;
|
||||
}
|
||||
|
||||
.video{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
aspect-ratio: 16/9;
|
||||
}
|
||||
|
||||
#head{
|
||||
text-align: center;
|
||||
font-family: 'kiabold';
|
||||
font-size: 22pt;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px
|
||||
}
|
||||
|
||||
#code {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
#inform {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1240px) {
|
||||
#video {
|
||||
top: 47.2%;
|
||||
left: 31%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1215px) {
|
||||
#video {
|
||||
left: 67px;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#video {
|
||||
top: 47.1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 740px) {
|
||||
#video {
|
||||
top: 47%;
|
||||
left: 7.5%;
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
#code {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
#video {
|
||||
top: 47%;
|
||||
left: 8.3%;
|
||||
width:83%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 580px) {
|
||||
#video {
|
||||
top: 46.5%;
|
||||
}
|
||||
#code {
|
||||
margin-top: -15px;
|
||||
}
|
||||
#inform {
|
||||
margin-top: -40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 520px) {
|
||||
#video {
|
||||
top: 46.7%;
|
||||
left: 8.5%;
|
||||
width:82%;
|
||||
}
|
||||
#inform {
|
||||
margin-top: -30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 457px) {
|
||||
#video {
|
||||
top: 47%;
|
||||
left: 8.5%;
|
||||
width:82%;
|
||||
}
|
||||
#code {
|
||||
margin-top: -10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 410px) {
|
||||
#code {
|
||||
margin-top: -5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 318px) {
|
||||
#video {
|
||||
top: 46.7%;
|
||||
left: 10.4%;
|
||||
width:80%;
|
||||
}
|
||||
}
|
||||
BIN
assets/images/kia/event/event-nba-lunching-promotion/bottom2.jpg
Normal file
BIN
assets/images/kia/event/event-nba-lunching-promotion/bottom2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
assets/images/kia/event/event-nba-lunching-promotion/bottom3.jpg
Normal file
BIN
assets/images/kia/event/event-nba-lunching-promotion/bottom3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
assets/images/kia/event/event-nba-lunching-promotion/top.jpg
Normal file
BIN
assets/images/kia/event/event-nba-lunching-promotion/top.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 372 KiB |
291
service/event-nba-lunching-promotion.html
Normal file
291
service/event-nba-lunching-promotion.html
Normal file
@@ -0,0 +1,291 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>제품상세명 > 제품리스트 > 회사명</title>
|
||||
<!--
|
||||
//위에 순서대로 title 이 변경되어야 합니다.
|
||||
-->
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no, shrink-to-fit=no" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="apple-mobile-web-app-title" content="" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-touch-fullscreen" content="yes" />
|
||||
<meta name="title" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta property="og:title" content="Page Title" />
|
||||
<meta property="og:type" content="Page Contens" />
|
||||
<meta property="og:image" content="../assets/images/kia/meta_img.png" />
|
||||
<meta property="og:site_name" content="Page name" />
|
||||
<meta property="og:description" content="Page Coment" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/jquery-ui.min.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/swiper.min.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/aos.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/basic.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/common.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/contents.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/popup.css?v1" type="text/css" />
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery-ui.min.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/swiper.min.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/aos.js?v1"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v1"></script>
|
||||
<!--상품상세 페이지 css 분리-->
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/service.css?v1" type="text/css" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
||||
<link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png" />
|
||||
<link rel="icon" href="../assets/images/kia/favicon-16x16.png" />
|
||||
<link rel="stylesheet" href="../assets/css/kia/kia-font.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
|
||||
</head>
|
||||
<body id="event">
|
||||
<div class="event"> </div>
|
||||
|
||||
<!--//header-->
|
||||
<div class="hederWarp_n hskey">
|
||||
<div class="headerInner">
|
||||
<div class="gnb">
|
||||
<!-- GNB 로고 영역입니다. -->
|
||||
<div class="logoWrap">
|
||||
<a href="">
|
||||
<i class="logoImg"></i>
|
||||
<!-- <span>
|
||||
Connect Store
|
||||
</span> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="menuWarp">
|
||||
<div class="mobileMenuTop">
|
||||
<!-- 모바일 슬라이드 메뉴의 로고 영역입니다. -->
|
||||
<div class="mobileLogoWrap">
|
||||
<a href="">
|
||||
<i class="logoImg"></i>
|
||||
<!-- <span>
|
||||
Connect store
|
||||
</span> -->
|
||||
</a>
|
||||
</div>
|
||||
<span class="closeBtn" id="closeBtn">
|
||||
<a href="#"></a>
|
||||
</span>
|
||||
</div>
|
||||
<!-- 모바일 전용 USER 관련 링크 영역입니다. -->
|
||||
<div class="mobileFunc">
|
||||
<button>
|
||||
<span>마이페이지</span>
|
||||
<!--<span>로그인</span>-->
|
||||
</button>
|
||||
<!-- <button>
|
||||
|
||||
<span>장바구니</span>
|
||||
|
||||
</button> -->
|
||||
</div>
|
||||
<!-- 모바일 전용 차량 선택 UI입니다. -->
|
||||
<div class="mobileCarlist">
|
||||
<a href="javascript:void(0)" class="mobilecarItem">
|
||||
<div class="item">
|
||||
<span>MV</span>
|
||||
<span>161어 1660</span>
|
||||
</div>
|
||||
<div class="arrow"></div>
|
||||
</a>
|
||||
<div class="carlistItem">
|
||||
<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>
|
||||
<!-- PC 모바일 공통 메뉴 영역입니다. -->
|
||||
<ul class="menu">
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="../kia.html#mainProductList" class="menuDepth1">디지털 사양</a>
|
||||
<div class="menuDepth2Wrap info">
|
||||
<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 class="menuDepth2"><a href="../kia.html#mainProductList">디지털 사양</a></li>
|
||||
<li class="menuDepth2"><a href="../info/product-usage-guide.html" class="active">사양별 이용안내</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="../info/service-info.html" class="menuDepth1 lower" data-url="../info/service-info.html">스토어 소개</a>
|
||||
<div class="menuDepth2Wrap info">
|
||||
<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 class="menuDepth2"><a href="../info/service-info.html">스토어 소개</a></li>
|
||||
<li class="menuDepth2"><a href="../info/registration-guide.html" class="active">스토어 가입안내</a></li>
|
||||
<li class="menuDepth2"><a href="../info/buying-Installation-guide.html">스토어 이용안내</a></li>
|
||||
<li class="menuDepth2"><a href="../service/event-list.html">이벤트</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="../info/as-guide.html" class="menuDepth1 lower" data-url="../info/as-guide.html">고객지원</a>
|
||||
<div class="menuDepth2Wrap support">
|
||||
<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 class="menuDepth2"><a href="../service/faq.html">자주하는 질문</a></li>
|
||||
<li class="menuDepth2"><a href="../service/inquiry-list.html">문의하기</a></li>
|
||||
<li class="menuDepth2"><a href="../info/as-guide.html" class="active">고객센터 및 AS안내</a></li>
|
||||
<li class="menuDepth2"><a href="../service/notice-list.html">공지사항</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 모바일 전용 추가 메뉴 영역입니다. -->
|
||||
<div class="mobileSubMenu">
|
||||
<a href="https://privacy.kia.com/overview/full-policy/" target="_blank">개인정보 처리방침</a>
|
||||
<a href="../member/terms.html">이용약관</a>
|
||||
</div>
|
||||
<!-- 모바일 전용 로그아웃 버튼입니다. -->
|
||||
<!-- <div class="loginBtn oneButton">
|
||||
<button><p>로그아웃</p></button>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="func">
|
||||
<!-- PC 전용 차량 선택 UI입니다. -->
|
||||
<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>
|
||||
|
||||
<!-- PC 전용 로그인 버튼입니다. -->
|
||||
<div class="userLogin">
|
||||
<a href="#">로그인/가입</a>
|
||||
</div>
|
||||
|
||||
<!-- PC 전용 USER 관련 링크 영역입니다. -->
|
||||
<div class="user">
|
||||
<a href="../mypage/my-product-list.html"><i class="icon-user"></i></a>
|
||||
</div>
|
||||
|
||||
<!-- PC 모바일 공통 장바구니 버튼입니다. -->
|
||||
<!-- <div class="cart">
|
||||
<a href="" class="login-alrt"><i class="icon-cart"></i></a>
|
||||
</div> -->
|
||||
|
||||
<!-- 모바일 전용 햄버거 메뉴 버튼입니다. -->
|
||||
<div class="moblieMenu burgurBtn">
|
||||
<span class="burgur" id="burgur">
|
||||
<span class="top-line"></span>
|
||||
<span class="bot-line"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//header-->
|
||||
|
||||
<div class="pageTitle">
|
||||
<h1>이벤트</h1>
|
||||
</div>
|
||||
|
||||
<!--//content-warp-->
|
||||
<div class="contentWarp listView">
|
||||
<div class="eventView">
|
||||
<div class="viewInner">
|
||||
<div class="viewTitle">
|
||||
<p>
|
||||
<span>
|
||||
<span class="badge">종료</span>
|
||||
<span class="date">2023.06.19 ~ 2023.07.18</span>
|
||||
</span>
|
||||
</p>
|
||||
<h1>카카오 플러스 친구 이벤트 당첨자 발표</h1>
|
||||
</div>
|
||||
<div class="cmsWarp">
|
||||
<!-- [S]에디터 콘텐츠 영역 -->
|
||||
|
||||
<link rel="stylesheet" href="../assets/css/kia/event/event-nba-lunching-promotion.css" type="text/css" />
|
||||
<div>
|
||||
<img class="top" src="../assets/images/kia/event/event-nba-lunching-promotion/top.jpg" /><!--위쪽 통 이미지-->
|
||||
<div id="video">
|
||||
<iframe
|
||||
class="video"
|
||||
src="https://www.youtube.com/embed/BIAM-hlg4Xo"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<!--위쪽 통이미지 위에 올라가는 영상 임베드-->
|
||||
|
||||
<div id="code">
|
||||
<a href="https://forms.gle/cpHPiADWT1ghPg4L8"><img class="btn" src="../assets/images/kia/event/event-nba-lunching-promotion/bottom2.jpg" /></a>
|
||||
</div>
|
||||
|
||||
<div id="inform">
|
||||
<img src="../assets/images/kia/event/event-nba-lunching-promotion/bottom3.jpg" />
|
||||
</div>
|
||||
<!-- [E]에디터 콘텐츠 영역 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//content-warp-->
|
||||
|
||||
<!--//footer-->
|
||||
<!--//footer-->
|
||||
</body>
|
||||
</html>
|
||||
12
service/event-nba-lunching-promotion2.html
Normal file
12
service/event-nba-lunching-promotion2.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head><link href="/kr/assets/css/kia/event/event-nba-lunching-promotion.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Not responsive demo</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user