113 lines
4.1 KiB
HTML
113 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<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="기아 커넥트 스토어, 기아, 기아자동차, EV9, 원격 스마트 주차 보조2, 구독서비스">
|
|
<meta name="description" content="기아 커넥트 스토어에서 다양한 디지털 사양을 온라인으로 만나보세요, 구독서비스를 지원하여 언제든지 취소 가능합니다.">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta property="og:title" content="기아 커텍트 스토어" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="/assets/images/kiaconnectstore.jpg" />
|
|
<meta property="og:site_name" content="기아 커텍트 스토어" />
|
|
<meta property="og:description" content="기아 커넥트 스토어에서 다양한 디지털 사양을 온라인으로 만나보세요, 구독서비스를 지원하여 언제든지 취소 가능합니다." />
|
|
<link rel="shortcut icon" href="/assets/images/kia/favicon.ico"/>
|
|
<link rel="icon" href="/assets/images/kia/favicon.ico">
|
|
<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" />
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
.wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 40px;
|
|
overflow: hidden;
|
|
background-color: #000000;
|
|
background-image: url("/kr/assets/images/parking/bg.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
.kialogo {
|
|
position: relative;
|
|
z-index: 2;
|
|
margin-top: 42px;
|
|
text-align: center;
|
|
}
|
|
|
|
.kiaconnectstore {
|
|
position: relative;
|
|
z-index: 2;
|
|
margin-top: 100px;
|
|
text-align: center;
|
|
}
|
|
.kiaconnectstore img {
|
|
width: 100%;
|
|
max-width: 597px;
|
|
}
|
|
.comingsoon {
|
|
margin-top: 30px;
|
|
text-align: center;
|
|
}
|
|
.date {
|
|
margin-top: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.foot {
|
|
position: absolute;
|
|
transform: translate(-50%, -50%);
|
|
left: 50%;
|
|
bottom: 60px;
|
|
}
|
|
.video-area {
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.kialogo img {
|
|
width: 66px;
|
|
}
|
|
.comingsoon {
|
|
margin-top: 20px;
|
|
}
|
|
.comingsoon img {
|
|
width: 110px;
|
|
}
|
|
.date {
|
|
margin-top: 10px;
|
|
}
|
|
.date img {
|
|
width: 170px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<div class="kialogo">
|
|
<img src="./assets/images/parking/logo.svg" alt="KIA">
|
|
</div>
|
|
<div class="kiaconnectstore">
|
|
<img src="./assets/images/parking/logo2.svg" alt="KIA Connect Store">
|
|
</div>
|
|
<div class="video-area">
|
|
<video class="mainKvMoviePc" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="" style="width: 100%; height:100%;position: absolute;left:0; top:0;object-fit: cover; ">
|
|
<source src="http://kiafod.eco-bridge.kr/kr/assets/images/intro.mp4" type="video/mp4"> <!-- pc mp4 -->
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |