<body>
<!-- wrap -->
<div id="wrap">
<!-- header -->
<header>
<div id="header">
<div id="logo">
<a href="#" class="top"><img src="image/logo.jpg"></a>
</div>
<div id="topMenu">
<!-- 로그인 하기 전에 보여줄 메뉴 항목 -->
<a href="#">로그인</a>
<a href="#">회원가입</a>
<!-- 로그인 성공 후 보여줄 메뉴 항목 -->
<a href="#"> 님 안녕하세요!</a>
<a href="#">로그아웃</a>
</div>
</div>
</header>
<nav>
<div id="navMenu">
<a href="#">나의 버킷리스트</a>
<a href="#">모두의 버킷리스트</a>
<a href="#">모두의 버킷리스트 모임</a>
<a href="#">번개 모임</a>
<a href="#">정기 모임</a>
<a href="#">후기</a>
<a href="#">고객센터</a>
</div>
</nav>
<!--// header -->
<!-- main -->
<div id="main">
작성하기!!
</div>
<!--// main -->
<!-- footer -->
<div class="footer">
<div id="bottom">
<ul id="bottomMenu">
<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>
</div>
<div id="companyInfo"><img src=""></div>
<div id="moveToTopBox"><img src="" id="moveToTop"></div>
</div>
<!-- //footer -->
</div>
<!-- //wrap -->
</body>
'HTML_CSS_JavaScript > HTML' 카테고리의 다른 글
| 고객센터 layout (0) | 2023.01.12 |
|---|