건물현황_건물정보.html 4.58 KB
<!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></li>
	</ul>
	<div style="clear:both;"></div>
</header>
<!-- 헤드 -->

<!-- 네비게이션 -->
<nav>
	<ul>
		<li class="active"><a>건물정보</a></li><!-- 선택 된 상태일때 addClass 'active'-->
		<li><a>호실별정보</a></li>
		<li><a>임대료내역</a></li>
	</ul>
	<div style="clear:both;"></div>
</nav>
<!-- 네비게이션 -->

<!-- 리스트 -->
<div class="contant con2 buil_list">
	<ul>
		<li>
			<a></a>
			<a style="font-weight:bold;">건물정보</a>
			<a></a>
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></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>오피스텔</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>건물주소</a><!-- 이름 -->
			<a>서울시 강남구 학동로 19길 5</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>계약만기</a><!-- 이름 -->
			<a>2020.08.11</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>

<div class="contant con2 buil_list">
	<ul>
		<li>
			<a></a>
			<a style="font-weight:bold;">호실정보</a>
			<a></a>
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>호실수</a><!-- 이름 -->
			<a>30호</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>입주수</a><!-- 이름 -->
			<a>20호</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>공실수</a><!-- 이름 -->
			<a>2호</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>퇴실예정</a><!-- 이름 -->
			<a>6호</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>입실예정</a><!-- 이름 -->
			<a>7호</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>

<div class="contant con2 buil_list">
	<ul>
		<li>
			<a></a>
			<a style="font-weight:bold;">건물주정보</a>
			<a></a>
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></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>01012345678</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>주소</a><!-- 이름 -->
			<a>서울시 강남구 논현동 19길 5</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>건물주계좌</a><!-- 이름 -->
			<a>신한 110-000-000000</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>

<div class="contant con2 buil_list">
	<ul>
		<li>
			<a></a>
			<a style="font-weight:bold;">기타정보</a>
			<a></a>
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></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>20일</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
		<li>
			<a><img src="img/circle_bg.png" width="100%"/></a>
			<a>공실율</a><!-- 이름 -->
			<a style="background:url('img/ic_list_arrow.png') no-repeat center right; padding-right:8%;">5.67%</a><!-- 내용 -->
		</li>
		<div style="clear:both;"></div>
	</ul>
</div>
<!-- 리스트 -->

<!-- 비고 -->
<div class="note">
	<div>
		<ul class="text1">
			<li>비고</li>
			<li>비고내용입니다.</li><!-- 비고내용 -->
		</ul>
	</div>
</div>
<!-- 비고 -->


</div>
</body>
</html>