98 lines
3.6 KiB
HTML
98 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>월드클래스플러스</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="fontawesome/css/all.min.css">
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="icon.png">
|
|
|
|
<link rel="manifest" href="site.webmanifest">
|
|
<meta name="author" content="[탁경모][kyungmotak]" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="auth-page-wrapper">
|
|
<div class="auth-page-content">
|
|
<video class="video-container" autoplay muted loop playsinline>
|
|
<source src="./vid/bg.mp4" type="video/mp4">
|
|
</video>
|
|
<div class="auth-page-header">
|
|
<div class="message-title">
|
|
<div class="message-title-header">
|
|
<span class="font-700-40 colour-gradient text-shadow">제로UI</span>
|
|
<span class="font-500-40 colour-grey-white text-shadow">기술 기반의</span>
|
|
</div>
|
|
<div class="message-title-footer">
|
|
<span class="font-500-40 colour-grey-white text-shadow">지능형 소형 키오스크</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="auth-page-body">
|
|
<div class="message-container">
|
|
<i class="fa-solid fa-user-check colour-grey-white"></i>
|
|
<div class="message-header">
|
|
<span class="font-600-30 colour-grey-white">바이오패스</span>
|
|
</div>
|
|
<div class="message-footer">
|
|
<span class="font-500-20 colour-grey-white">빠른 얼굴 인증</span>
|
|
</div>
|
|
</div>
|
|
<div class="message-container">
|
|
<i class="fa-solid fa-mug-hot colour-grey-white"></i>
|
|
<div class="message-header">
|
|
<span class="font-600-30 colour-grey-white">스마트 오더</span>
|
|
</div>
|
|
<div class="message-footer">
|
|
<span class="font-500-20 colour-grey-white">커피 & 음료</span>
|
|
</div>
|
|
</div>
|
|
<div class="message-container">
|
|
<i class="fa-solid fa-wallet colour-grey-white"></i>
|
|
<div class="message-header">
|
|
<span class="font-600-30 colour-grey-white">입금</span>
|
|
</div>
|
|
<div class="message-footer">
|
|
<span class="font-500-20 colour-grey-white">1회 한도 20만원</span>
|
|
</div>
|
|
</div>
|
|
<div class="message-container">
|
|
<i class="fa-solid fa-money-bill colour-grey-white"></i>
|
|
<div class="message-header">
|
|
<span class="font-600-30 colour-grey-white">출금</span>
|
|
</div>
|
|
<div class="message-footer">
|
|
<span class="font-500-20 colour-grey-white">1회 한도 20만원</span>
|
|
</div>
|
|
</div>
|
|
<div class="message-container">
|
|
<i class="fa-solid fa-cloud-sun colour-grey-white"></i>
|
|
<div class="message-header">
|
|
<span class="font-600-30 colour-grey-white">라이프 정보</span>
|
|
</div>
|
|
<div class="message-footer">
|
|
<span class="font-500-20 colour-grey-white">날씨 · 주식 · 기업</span>
|
|
</div>
|
|
</div>
|
|
<div class="message-container">
|
|
<i class="fa-solid fa-location-dot colour-grey-white"></i>
|
|
<div class="message-header">
|
|
<span class="font-600-30 colour-grey-white">내비게이션</span>
|
|
</div>
|
|
<div class="message-footer">
|
|
<span class="font-500-20 colour-grey-white">시설 위치 안내</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="auth-page-footer">
|
|
<div class="message-img"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|