|
@@ -19,7 +19,7 @@
|
|
|
<link href="/css/index.css" rel="stylesheet">
|
|
<link href="/css/index.css" rel="stylesheet">
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
-<header th:include="/html/common/header">
|
|
|
|
|
|
|
+<header th:include="html/common/header">
|
|
|
</header>
|
|
</header>
|
|
|
<main>
|
|
<main>
|
|
|
<div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
|
|
<div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
|
|
@@ -40,6 +40,7 @@
|
|
|
<h1>고객센터</h1>
|
|
<h1>고객센터</h1>
|
|
|
<p>The Master of Global Logistics</p>
|
|
<p>The Master of Global Logistics</p>
|
|
|
<p><a class="btn" href="#plane" th:onclick="scrollToDiv('outline')">안내/공지</a>
|
|
<p><a class="btn" href="#plane" th:onclick="scrollToDiv('outline')">안내/공지</a>
|
|
|
|
|
+ <a class="btn" href="#greeting" th:onclick="scrollToDiv('greeting')">물류견적</a>
|
|
|
<a class="btn" href="#greeting" th:onclick="scrollToDiv('greeting')">물류자문</a>
|
|
<a class="btn" href="#greeting" th:onclick="scrollToDiv('greeting')">물류자문</a>
|
|
|
<a class="btn" href="#history" th:onclick="scrollToDiv('history')">무역자문</a>
|
|
<a class="btn" href="#history" th:onclick="scrollToDiv('history')">무역자문</a>
|
|
|
</p>
|
|
</p>
|
|
@@ -50,103 +51,14 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 업무내용 설명 -->
|
|
<!-- 업무내용 설명 -->
|
|
|
|
|
|
|
|
- <div class="container marketing" id="notice">
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <div class="col-lg-4">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-lg-4">
|
|
|
|
|
- <h1>안내 / 공지</h1>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-lg-4">
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- Grid -->
|
|
|
|
|
- <div class="row" style="height: 300px;">
|
|
|
|
|
- <!-- 왼쪽 영역: 문의 목록 표시 -->
|
|
|
|
|
- <div class="col-md-6">
|
|
|
|
|
- <h3 class="text-center">문의 목록</h3>
|
|
|
|
|
- <table class="table table-striped">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>일시</th>
|
|
|
|
|
- <th>제목</th>
|
|
|
|
|
- <th>작성자</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
- <tbody>
|
|
|
|
|
- <!-- 여기에 문의 목록을 동적으로 추가 -->
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2024-03-04</td>
|
|
|
|
|
- <td>문의 제목1</td>
|
|
|
|
|
- <td>김주한</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2024-03-04</td>
|
|
|
|
|
- <td>문의 제목1</td>
|
|
|
|
|
- <td>김주한</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2024-03-04</td>
|
|
|
|
|
- <td>문의 제목1</td>
|
|
|
|
|
- <td>김주한</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2024-03-04</td>
|
|
|
|
|
- <td>문의 제목1</td>
|
|
|
|
|
- <td>김주한</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2024-03-04</td>
|
|
|
|
|
- <td>문의 제목1</td>
|
|
|
|
|
- <td>김주한</td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <!-- 추가적인 문의 목록 행들을 여기에 추가 -->
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- <nav aria-label="Page navigation">
|
|
|
|
|
- <ul class="pagination justify-content-center">
|
|
|
|
|
- <li class="page-item disabled">
|
|
|
|
|
- <a aria-disabled="true" class="page-link" href="#" tabindex="-1">Previous</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
|
|
|
- <li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
|
|
|
- <li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
|
|
|
- <li class="page-item">
|
|
|
|
|
- <a class="page-link" href="#">Next</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </nav>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- 오른쪽 영역: 문의 내용 표시 -->
|
|
|
|
|
- <div class="col-md-6">
|
|
|
|
|
- <h3 class="text-center">문의 내용</h3>
|
|
|
|
|
- <div class="row">
|
|
|
|
|
-
|
|
|
|
|
- <div class="col">
|
|
|
|
|
- <!-- 일시, 제목, 작성자 표시 -->
|
|
|
|
|
- <p><strong>일시:</strong> 2024-03-04 15:00</p>
|
|
|
|
|
- <p><strong>제목:</strong> 문의 제목 1</p>
|
|
|
|
|
- <p><strong>작성자:</strong> 작성자 이름</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- 내용 표시 textarea -->
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <!-- 내용 표시 textarea -->
|
|
|
|
|
- <div class="col">
|
|
|
|
|
- <textarea class="form-control" rows="5" readonly>문의 내용을 여기에 표시합니다.</textarea>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="container marketing" id="inner_ship" style="display: none" th:include="/html/business-inner/ship">
|
|
|
|
|
|
|
+ <div class="container marketing" id="notice" th:include="html/contact-inner/notice">
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="container marketing" id="multi" style="display: none" th:include="/html/business-inner/multi">
|
|
|
|
|
|
|
+ <div class="container marketing" id="logi_advice" th:include="html/contact-inner/logi-advice">
|
|
|
</div>
|
|
</div>
|
|
|
<hr class="featurette-divider">
|
|
<hr class="featurette-divider">
|
|
|
</main>
|
|
</main>
|
|
|
|
|
|
|
|
-<footer class="footer" th:include="/html/common/footer">
|
|
|
|
|
|
|
+<footer class="footer" th:include="html/common/footer">
|
|
|
|
|
|
|
|
</footer>
|
|
</footer>
|
|
|
</body>
|
|
</body>
|