청구서_퇴실정산서.html
3.08 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="Wrap" style="height:100%">
<!-- 헤드 -->
<header>
<ul>
<li><img src="img/btn_top_back_over.png" alt="back" width="20%"/></li>
<li><p>청구서</p></li>
<li><img src="img/btn_title_privacy.png" alt="privacy" width="22%"/></li>
</ul>
<div style="clear:both;"></div>
</header>
<!-- 헤드 -->
<!-- 네비게이션 -->
<nav>
<ul>
<li><a>월세</a></li>
<li><a>공과금</a></li>
<li class="active"><a>퇴실정산서</a></li><!-- 선택 된 상태일때 addClass 'active'-->
</ul>
<div style="clear:both;"></div>
</nav>
<!-- 네비게이션 -->
<!-- 건물명/년도 -->
<div class="year">
<ul>
<li><a>파라곤 201</a></li>
<li><a></a></li>
</ul>
<div style="clear:both"></div>
</div>
<!-- 건물명/년도 -->
<!-- 납부기한/금액 -->
<div class="contant con1 bill">
<dl>
<dt>힐슽테이 202 최봉수귀하</dt>
<dd>정산날짜 : <span>2017.01.12</span></dd>
<dd>총 금액은 <span style="font-size:15px; color:#ff0000; font-weight:bold";>150,000</span> 원 입니다.</dd>
</dl>
</div>
<!-- 납부기한/금액 -->
<!-- 리스트 -->
<div class="contant con2">
<ul>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>전기료</a><!-- 이름 -->
<a><span>60,000</span> 원</a><!-- 금액 -->
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>가스료</a><!-- 이름 -->
<a><span>60,000</span> 원</a><!-- 금액 -->
</li>
<li class="used">
<a>차감액</a>
<a>소계 <span>60,000</span> 원</a><!-- 금액 -->
</li>
<div style="clear:both;"></div>
</ul>
</div>
<div class="contant con2 bill2">
<ul>
<li>
<a></a>
<a></a>
<a>전월지침</a>
<a>당월지침</a>
<a>사용량</a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>전기요금</a><!-- 이름 -->
<a><span>60,000</span>원</a><!-- 금액 -->
<a><span>60,000</span>원</a>
<a><span>60,000</span>원</a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>가스요금</a><!-- 이름 -->
<a><span>60,000</span>원</a><!-- 금액 -->
<a><span>60,000</span>원</a>
<a><span>60,000</span>원</a>
</li>
<div style="clear:both;"></div>
<li>
<a><img src="img/circle_bg.png" width="100%"/></a>
<a>수도요금</a><!-- 이름 -->
<a><span>60,000</span>원</a><!-- 금액 -->
<a><span>60,000</span>원</a>
<a><span>60,000</span>원</a>
</li>
<div style="clear:both;"></div>
</ul>
</div>
<!-- 리스트 -->
<!-- 계좌 -->
<div class="bank">
<div>
<ul class="text1">
<li>입금은행</li>
<li>계좌번호</li>
</ul>
<ul class="text2">
<li>신한</li><!-- 은행 -->
<li>111-111-111111 (최봉수)</li><!-- 계좌번호 -->
</ul>
</div>
</div>
<!-- 계좌 -->
</div>
</body>
</html>