-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
158 lines (155 loc) · 5.49 KB
/
login.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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS Reset -->
<title>한솔제지</title>
<link rel="stylesheet" href="./css/login.css">
<style>
</style>
</head>
<body>
<div class="wrap">
<header class="header">
<div class="row">
<div class="content clearfix">
<div class="header_left">
<h1 class="main_logo">
<a href="index.html">
<p>Hansol</p>
<p>한솔제지</p>
</a>
</h1>
<ul class="main_nav clearfix">
<li>
<a href="./papers.html">제품소개</a>
<ul class="sub_nav clearfix">
<li><a href="#">인스퍼</a></li>
<li><a href="#">인쇄용지</a></li>
<li><a href="#">산업용지</a></li>
<li><a href="#">특수지</a></li>
<li><a href="#">감열지</a></li>
<li><a href="#">신소재</a></li>
</ul>
</li>
<li>
<a href="./company.html">회사소개</a>
<ul class="sub_nav clearfix">
<li><a href="#">한솔제지</a></li>
<li><a href="#">이념과 비전</a></li>
<li><a href="#">연혁</a></li>
<li><a href="#">CEO인사</a></li>
<li><a href="#">문화산업</a></li>
<li><a href="#">사업장 소개</a></li>
</ul>
</li>
<li>
<a href="#">지속가능경영</a>
<ul class="sub_nav clearfix">
<li><a href="#">환경경영</a></li>
<li><a href="#">윤리경영</a></li>
<li><a href="#">사회공헌</a></li>
</ul>
</li>
<li>
<a href="#">투자정보</a>
<ul class="sub_nav clearfix">
<li><a href="#">주식정보</a></li>
<li><a href="#">재무정보</a></li>
<li><a href="#">공시정보</a></li>
<li><a href="#">기업지배구조</a></li>
<li><a href="#">전자공고</a></li>
</ul>
</li>
<li>
<a href="#">인재채용</a>
<ul class="sub_nav clearfix">
<li><a href="#">인재상</a></li>
<li><a href="#">인사제도</a></li>
<li><a href="#">채용정보</a></li>
</ul>
</li>
<li>
<a href="./login.html">로그인</a>
</li>
</ul>
</div>
<div class="header_right sns">
<ul class="clearfix">
<li><a href="#">고객문의</a></li>
<li><a href="#" class="circle"><span>인스타그램</span></a></li>
<li><a href="#" class="circle"><span>페이스북</span></a></li>
<li><a href="#" class="circle"><span>영어로보기</span></a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="section">
<div class="login_form">
<div class="languege">
<select id="lang">
<option value="eng">English</option>
<option value="ko">한글</option>
</select>
</div>
<form method="POST">
<h1>로그인</h1>
<input type="text" id="user_id" placeholder="아이디">
<input type="password" id="user_pass" placeholder="패스워드">
<button type="button">로그인</button>
<div class="login_save">
<label>
<input type="checkbox" id="save_chk">
<span id="chk_box"></span>
<span>아이디저장</span>
</label>
</div>
</form>
<div class="sns_login">
<h2>sns 로그인</h2>
<button type="button">
facebook
</button>
<button type="button">
insta
</button>
<button type="button">
kakao
</button>
</div>
</div>
</section>
<footer class="footer">
<div class="row">
<div class="content">
<h1 class="footer_logo"><p>Hansol</p><p>한솔제지</p></h1>
<address>
<p>서울 중구 을지로 100 (을지로2가) 파인애비뉴 B동 23~24층</p>
<p>Copyright 2020 Hansol., All rights Reserved.</p>
</address>
<ul>
<li>
<a href="#">개인정보처리방침</a>
</li>
<li>
<select>
<option disabled="disabled">Family Site</option>
<option>한솔그룹</option>
<option>한솔 PnS</option>
<option>한솔홈데코</option>
<option>한솔테크닉스</option><option>한솔케미칼</option><option>한솔EME</option>
<option>한솔로지스틱스</option>
<option>한솔인티큐브</option>
<option>한솔 Museum SAN</option>
<option>한솔페이퍼텍</option>
</select>
</li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>