gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fod-710] intro test

Browse Source
This commit is contained in:
hyeonggil
2023-12-11 16:16:58 +09:00
parent c2c2cfe3c5
commit 66ffd09e8e
1 changed files with 113 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
intro.html Normal file
View File

@@ -0,0 +1,113 @@
<!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>