-
Notifications
You must be signed in to change notification settings - Fork 0
/
pricing.html
141 lines (136 loc) · 8.71 KB
/
pricing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
<meta name="title" content="ZET">
<meta name="description" content="제트로 가면 새로운 일상이 열릴 거예요.">
<meta name="keywords" content="ZET, mobility, 제트, 이동 수단 대여, 앱">
<meta property="og:title" content="ZET">
<meta property="og:description" content="제트로 가면 새로운 일상이 열릴 거예요.">
<meta property="og:image" content="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcASSAd%2FbtqNH0eOs16%2FjwNtuIbYLpkX2e9PJg2trk%2Fimg.jpg">
<meta property="og:url" content="http://absolutelyfullycapable.github.io/zet/pricing.html">
<!-- twitter card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="ZET">
<meta name="twitter:description" content="제트로 가면 새로운 일상이 열릴 거예요.">
<meta name="twitter:image" content="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcASSAd%2FbtqNH0eOs16%2FjwNtuIbYLpkX2e9PJg2trk%2Fimg.jpg">
<meta name="twitter:url" content="http://absolutelyfullycapable.github.io/zet/pricing.html">
<title>ZET</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#e31d1a">
<meta name="msapplication-TileColor" content="#e31d1a">
<meta name="theme-color" content="#ffffff">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<!-- font-family:'Noto Sans KR', sans-serif; -->
<!-- CSS 연결 -->
<link rel="stylesheet" href="common/normalize.css">
<link rel="stylesheet" href="common/bootstrap.min.css">
<link rel="stylesheet" href="css/pricing.css">
<!-- JS/jQuery 연결 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery-ui.min.js"></script>
<script src="common/bootstrap.min.js"></script>
<script src="js/pricing.js"></script>
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><svg viewBox="0 0 85 35"><g class="fill" fill="#E2231A" fill-rule="evenodd"><path d="M6.252 0L4.903 8.287h11.96L1.224 27.66l-.07.087L0 34.835h23.995l1.348-8.287H12.507L28.51 7.089 29.662 0zM33.522 0l-1.317 7.647h22.414L55.935 0zM29.662 21.262h22.414l1.316-7.646H30.98zM29.284 27.189l-1.317 7.646H50.38l1.317-7.646zM59.647 0l-1.322 8.287h7.882L61.97 34.835h9.186l4.237-26.548h7.882L84.597 0z"/></g></svg></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<svg viewBox="0 0 20 12" class="btn-menu"><g fill="none" fill-rule="evenodd"><path class="fill" fill="#000" d="M0 0h20v2H0zM0 10h20v2H0z"/></g></svg>
<svg viewBox="0 0 18 18" class="btn-menu-close"><g fill="#000" fill-rule="evenodd"><path d="M1.929.515L17.485 16.07l-1.414 1.414L.515 1.93z"/><path d="M17.485 1.929L1.93 17.485.515 16.071 16.07.515z"/></g></svg>
</button>
</div> <!-- navbar-header -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html" class="about">About ZET</a></li>
<li><a href="pricing.html" class="pricing active">Pricing</a></li>
<li><a href="support.html" class="support">Support</a></li>
</ul>
</div><!-- #navbar -->
</div>
</nav>
<div class="nav_bg"></div>
<!-- 모바일 화면에서 내비게이션 아이콘 클릭 시 배경 어두워지게 만드는 역할 -->
<div class="main"></div>
<div class="container">
<div class="contents">
<div class="text_area">
<p class="main_txt text-center text-md-left text-nowrap">ZET는 <span>얼마에 </span><br class="d-lg-none">이용할 수 <br class="d-none d-lg-block">있나요?</p>
<p class="second_txt text-center text-md-left">ZET는 기본 대여 요금과 시간당(1분) 부여 요금으로 구성 되어 운영되고 있습니다.</p>
<p class="third_txt text-center text-md-left">※ 시간당 부여되는 요금의 경우 ZET 운영사업자에 따라 변경될 수 있습니다.</p>
</div>
<div class="price_box row">
<div class="col-lg-6 col-md-12">
<div class="box_list">
<div class="img_box"><img src="images/img_pricing_kick.png" alt="Kickboard price"></div>
<p>전동 킥보드</p>
<div class="price row">
<div class="col-xs-6 line">
<p>기본 대여 요금</p>
<p class="sec_price"><span>1,000</span>원</p>
</div>
<div class="col-xs-6">
<p>추가 주행 요금</p>
<p class="sec_price"><span>100</span>원/분</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="box_list bike">
<div class="img_box"><img src="images/img_pricing_bike.png" alt="electric bike price"></div>
<p>전기 자전거</p>
<div class="price row">
<div class="col-xs-6 line">
<p>기본 대여 요금</p>
<p class="sec_price"><span>500</span>원</p>
</div>
<div class="col-xs-6">
<p>추가 주행 요금</p>
<p class="sec_price"><span>50</span>원/분</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer_box">
<ul class="footer_sub1">
<li>서비스 이용 약관</li>
<li>서비스 보험 약관</li>
<li>개인 정보 수집 / 이용 약관</li>
<li>위치 기반 서비스 이용 약관</li>
<li>위치 정보 사업 약관</li>
<li>개인 정보 처리 방침</li>
</ul>
<ul class="footer_sub2">
<li>사업자 현대자동차㈜</li>
<li>주소 서울특별시 서초구 헌릉로 12</li>
<li>사업자등록번호 101-81-09147</li>
<li>통신판매업신고 2002-01546</li>
<li>고객 센터 02-6302-7151</li>
</ul>
<p class="license">
본 사이트는 비상업적 용도로 만들어진 포트폴리오용 사이트입니다.<br>
사이트 제작 시 사용된 이미지 및 비디오의 라이센스는 ZET에게 있습니다.
</p>
<div class="contact">
<p class="email">[email protected]</p>
<p class="copyright">© Copyright 2019 ZET All rights reserved.</p>
</div>
</div> <!-- footer box -->
</footer> <!-- footer -->
</body>
</html>