<%
String ctxPath = request.getContextPath();
%>
<title>HOMEPAGE</title>
<%-- Required meta tags --%>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<%-- Bootstrap CSS --%>
<link rel="stylesheet" type="text/css" href="<%= ctxPath%>/bootstrap-4.6.2-dist/css/bootstrap.min.css" >
<%-- Font Awesome 6 Icons --%>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<%-- 직접 만든 CSS --%>
<link rel="stylesheet" type="text/css" href="<%= ctxPath%>/css/main/main.css" />
<%-- Optional JavaScript --%>
<script type="text/javascript" src="<%= ctxPath%>/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="<%= ctxPath%>/bootstrap-4.6.2-dist/js/bootstrap.bundle.min.js" ></script>
<%-- jQuery UI CSS 및 JS --%>
<link rel="stylesheet" type="text/css" href="<%= ctxPath%>/jquery-ui-1.13.1.custom/jquery-ui.min.css" />
<script type="text/javascript" src="<%= ctxPath%>/jquery-ui-1.13.1.custom/jquery-ui.min.js"></script>
<%-- 직접 만든 JS --%>
<script type="text/javascript" src="<%= ctxPath%>/js/main/main.js"></script>
</head>
<body>
<%-- 상단 네비게이션 시작 --%>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top mx-4 py-3">
<%-- Brand/logo --%> <%-- Font Awesome 6 Icons --%>
<a class="navbar-brand" href="<%= ctxPath %>/index.up" style="margin-right: 10%;"><img src="<%= ctxPath %>/images/sist_logo.png" /></a>
<%-- 아코디언 같은 Navigation Bar 만들기 --%>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav" style="font-size: 16pt;">
<li class="nav-item active">
<a class="nav-link menufont_size" href="<%= ctxPath %>/index.up">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link menufont_size" href="<%= ctxPath %>/member/memberRegister.up">회원가입</a>
</li>
<li class="nav-item">
<a class="nav-link menufont_size" href="<%= ctxPath %>/member/memberList.up">회원목록</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle menufont_size text-primary" href="#" id="navbarDropdown" data-toggle="dropdown">
Dropdown <%-- .text-primary 는 글자색으로 파랑색임 --%>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item text-primary" href="#">Action</a>
<a class="dropdown-item text-primary" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-primary" href="#">Something else here</a>
</div>
</li>
</ul>
</div>
</nav>
<%-- 상단 네비게이션 끝 --%>
<hr style="background-color: gold; height: 1.2px; position: relative; top:85px; margin: 0 1.7%;">
<div class="container-fluid" id="container" style="position: relative; top:90px; padding: 0.1% 2.5%;">
<div class="row">
<div class="col-md-3" id="sideinfo">
<div style="height: 200px; text-align: left; padding: 20px;">
2. 로그인/Tree/View
</div>
<div id="sidecontent" style="text-align: left; padding: 20px;"></div>
</div>
<div class="col-md-9" id="maininfo" align="center">
<div id="maincontent">
<%-- body 를 마무리하지 않는다. --%>
<div id="maincontent"> 안의 내용은 계속 변경된다.
</div> <%-- id="maincontent" --%>
</div> <%-- id="maininfo" --%>
</div> <%-- class="row" --%>
<div class="row mt-2 mb-4 text-center" id="footer">
<div class="col-md-12">
<p>
© Company 2024 대표전화(전국) : 0000-0000
</p>
<p>
회사명
</p>
</div>
</div>
</div>
</body>
</html>
