폰트 추가 및 banner 이미지 추가

src/main/resources/static/css/about.css

@@ -120,3 +120,19 @@
 .blog-footer p:last-child {
     margin-bottom: 0;
 }
+
+.banner_title {
+    font-family: "Black Han Sans", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+}
+
+.banner_sub {
+    font-family: "Pacifico", cursive;
+    font-weight: 400;
+    font-style: normal;
+}
+
+a {
+    text-decoration: none;
+}

src/main/resources/static/css/contact-us.css

@@ -108,3 +108,5 @@ body {
         margin-bottom: 100px; !* 마진 조정 *!
     }
 }*/
+
+

src/main/resources/static/css/index.css

@@ -145,3 +145,37 @@ body {
     background-size: cover;
     background-position: center;
 }
+
+a.bd_title:link {
+    color: black; /* 파란색 대신 다른 색상으로 변경 */
+    text-decoration: none; /* 밑줄 제거 */
+    font-weight: bold; /* 굵은 글씨체 */
+}
+
+a.bd_title:visited {
+    color: black; /* 파란색 대신 다른 색상으로 변경 */
+    text-decoration: none; /* 밑줄 제거 */
+    font-weight: bold; /* 굵은 글씨체 */
+}
+
+a.bd_title:hover {
+    color: black; /* 파란색 대신 다른 색상으로 변경 */
+    text-decoration: underline; /* 밑줄 제거 */
+    font-weight: bold; /* 굵은 글씨체 */
+}
+
+.banner_title {
+    font-family: "Black Han Sans", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+}
+
+.banner_sub {
+    font-family: "Pacifico", cursive;
+    font-weight: 20;
+    font-style: normal;
+}
+
+a {
+    text-decoration: none;
+}

src/main/resources/static/js/contact/makeHtml.js

@@ -4,9 +4,9 @@ function makeTable(list, target, code) {
 
     for (let data of list) {
         html += '<tr>';
-        html += `<td>${data.regDt}</td>`
-        html += code !== 'LG' ? `<td><a href="javascript:void(0);" onclick="goToDetail('${data.id}', '${data.type}')">${data.title}</a></td>`
-            : `<td><a href="javascript:void(0);" onclick="openModal('auth_modal', '${data.id}')">${data.title}</a></td>`
+        html += `<td>${formatDate(data.regDt)}</td>`
+        html += code !== 'LG' ? `<td><a href="javascript:void(0);" onclick="goToDetail('${data.id}', '${data.type}')" class="bd_title">${data.title}</a></td>`
+            : `<td><a href="javascript:void(0);" onclick="openModal('auth_modal', '${data.id}')" class="bd_title">${data.title}</a></td>`
         html += `<td>${data.userName}</td>`
         html += '</tr>';
     }

src/main/resources/templates/html/about.html

@@ -10,6 +10,10 @@
     <!-- favicon -->
     <link rel="icon" href="/image/favicon/favicon.ico">
     <link href="https://getbootstrap.com/docs/5.0/examples/carousel/" rel="canonical">
+    <!-- Google Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Pacifico&display=swap" rel="stylesheet">
     <!-- Bootstrap core CSS -->
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <!-- Custom styles for this template -->
@@ -22,21 +26,22 @@
     <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
         <div class="carousel-inner">
             <div class="carousel-item active">
-                <svg aria-hidden="true" class="bd-placeholder-img" focusable="false" height="100%"
-                     preserveAspectRatio="xMidYMid slice" width="100%" xmlns="http://www.w3.org/2000/svg">
-                    <rect fill="#777" height="100%" width="100%"/>
-                </svg>
+                <img src="/image/banner-about.jpg" alt="">
 
                 <div class="container">
                     <div class="carousel-caption">
-                        <h1>회사소개</h1>
-                        <p>The Master of Global Logistics</p>
+                        <h1 class="banner_title">회사소개</h1>
+                        <p class="banner_sub">The Master of Global Logistics</p>
                         <p>중국을 시작으로 세계 각지에 글로벌 물류 네트워크를 구축하였고</p>
                         <p>오랜 실무경험을 통한 노하우로 언제 어디서나 고객만족을 실현하고 있습니다.</p>
-                        <p><a class="btn btn-primary" href="#outline" th:onclick="scrollToDiv('outline')">회사개요</a>
-                            <a class="btn btn-primary" href="#greeting" th:onclick="scrollToDiv('greeting')">CEO 인사말</a>
-                            <a class="btn btn-primary" href="#history" th:onclick="scrollToDiv('history')">연혁</a>
-                            <a class="btn btn-primary" href="#philosophy" th:onclick="scrollToDiv('philosophy')">경영이념</a>
+                        <p>
+                            <a class="btn-link text-white" href="#outline" th:onclick="scrollToDiv('outline')" style="text-decoration: none;">회사개요</a>
+                            |
+                            <a class="btn-link text-white" href="#greeting" th:onclick="scrollToDiv('greeting')" style="text-decoration: none;">CEO 인사말</a>
+                            |
+                            <a class="btn-link text-white" href="#history" th:onclick="scrollToDiv('history')" style="text-decoration: none;">연혁</a>
+                            |
+                            <a class="btn-link text-white" href="#philosophy" th:onclick="scrollToDiv('philosophy')" style="text-decoration: none;">경영이념</a>
                         </p>
                     </div>
                 </div>

src/main/resources/templates/html/business-sector.html

@@ -12,7 +12,10 @@
     <link href="https://getbootstrap.com/docs/5.0/examples/carousel/" rel="canonical">
     <!-- Bootstrap core CSS -->
     <link href="/css/bootstrap.min.css" rel="stylesheet">
-    <!-- swiper CSS-->
+    <!-- Google Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Pacifico&display=swap" rel="stylesheet">
 
 
     <!-- Custom styles for this template -->
@@ -25,28 +28,25 @@
     <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
         <div class="carousel-inner">
             <div class="carousel-item active">
-                <svg aria-hidden="true" class="bd-placeholder-img" focusable="false" height="100%"
-                     preserveAspectRatio="xMidYMid slice" width="100%" xmlns="http://www.w3.org/2000/svg">
-                    <rect fill="#777" height="100%" width="100%"/>
-                </svg>
+                <img src="/image/banner-business.jpg" alt="">
 
                 <div class="container">
                     <div class="carousel-caption">
-                        <h1>사업영역</h1>
-                        <p>The Master of Global Logistics</p>
+                        <h1 class="banner_title">사업영역</h1>
+                        <p class="banner_sub">The Master of Global Logistics</p>
                         <p>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_airplane')">항공운송</button>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_ship')">해상운송</button>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_multi')">복합운송</button>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_global')">국제특송</button>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_ecommerce')">전자상거래</button>
+                            <a class="btn-link text-white"  th:onclick="changeInner('inner_airplane')" href="javascript:void(0);" style="text-decoration: none;">항공운송</a>
+                            | <a class="btn-link text-white"  th:onclick="changeInner('inner_ship')" href="javascript:void(0);" style="text-decoration: none;">해상운송</a>
+                            | <a class="btn-link text-white"  th:onclick="changeInner('inner_multi')" href="javascript:void(0);" style="text-decoration: none;">복합운송</a>
+                            | <a class="btn-link text-white"  th:onclick="changeInner('inner_global')" href="javascript:void(0);" style="text-decoration: none;">국제특송</a>
+                            | <a class="btn-link text-white"  th:onclick="changeInner('inner_ecommerce')" href="javascript:void(0);" style="text-decoration: none;">전자상거래</a>
                         </p>
                         <p>
-                            <button class="btn btn-primary" th:onclick="changeInner('inner_special_cargo')">특수화물</button>
-                            <button class="btn btn-primary" th:onclick="changeInner('inner-train')">철도운송</button>
-                            <button class="btn btn-primary" th:onclick="changeInner('inner-logistics')">유통물류</button>
-                            <button class="btn btn-primary" th:onclick="changeInner('inner-border')">국경운송</button>
-                            <button class="btn btn-primary" th:onclick="changeInner('inner-consult')">물류컨설팅</button>
+                            <a class="btn-link text-white" th:onclick="changeInner('inner_special_cargo')" href="javascript:void(0);" style="text-decoration: none;">특수화물</a>
+                            | <a class="btn-link text-white" th:onclick="changeInner('inner-train')" href="javascript:void(0);" style="text-decoration: none;">철도운송</a>
+                            | <a class="btn-link text-white" th:onclick="changeInner('inner-logistics')" href="javascript:void(0);" style="text-decoration: none;">유통물류</a>
+                            | <a class="btn-link text-white" th:onclick="changeInner('inner-border')" href="javascript:void(0);" style="text-decoration: none;">국경운송</a>
+                            | <a class="btn-link text-white" th:onclick="changeInner('inner-consult')" href="javascript:void(0);" style="text-decoration: none;">물류컨설팅</a>
                         </p>
                     </div>
                 </div>

src/main/resources/templates/html/common/footer.html

@@ -8,7 +8,9 @@
         </div>
         <div class="col-md-6">
             <h4>Contact Us</h4>
-            <p>연락처 및 위치 정보</p>
+            <p>인천광역시 중구 인중로 144번길 72 아이엘빌딩 3층</p>
+            <p>T.032-772-8481</p>
+            <p>F.032-765-8688~9</p>
         </div>
     </div>
 </div>

src/main/resources/templates/html/contact-us.html

@@ -12,7 +12,10 @@
     <link href="https://getbootstrap.com/docs/5.0/examples/carousel/" rel="canonical">
     <!-- Bootstrap core CSS -->
     <link href="/css/bootstrap.min.css" rel="stylesheet">
-    <!-- swiper CSS-->
+    <!-- Google Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Pacifico&display=swap" rel="stylesheet">
 
 
     <!-- Custom styles for this template -->
@@ -28,18 +31,15 @@
     <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
         <div class="carousel-inner">
             <div class="carousel-item active">
-                <svg aria-hidden="true" class="bd-placeholder-img" focusable="false" height="100%"
-                     preserveAspectRatio="xMidYMid slice" width="100%" xmlns="http://www.w3.org/2000/svg">
-                    <rect fill="#777" height="100%" width="100%"/>
-                </svg>
+                <img src="/image/banner-contact.jpg" alt="">
 
 
                 <div class="container">
                     <div class="carousel-caption">
-                        <h1>고객센터</h1>
-                        <p>The Master of Global Logistics</p>
-                        <p><a class="btn btn-primary" href="javascript:void(0);" th:onclick="changeInnerAjax('notice')">안내/공지</a>
-                            <a class="btn btn-primary" href="javascript:void(0);" th:onclick="changeInnerAjax('logi-advice')">물류자문</a>
+                        <h1 class="banner_title">고객센터</h1>
+                        <p class="banner_sub">The Master of Global Logistics</p>
+                        <p><a class="btn-link text-white" href="javascript:void(0);" th:onclick="changeInnerAjax('notice')" style="text-decoration: none;">안내 및 공지</a>
+                            | <a class="btn-link text-white" href="javascript:void(0);" th:onclick="changeInnerAjax('logi-advice')" style="text-decoration: none;">물류자문</a>
                         </p>
                     </div>
                 </div>
@@ -68,4 +68,5 @@
 <script src="/js/contact/modalControl.js"></script>
 <script src="/js/cookie/cookie-control.js"></script>
 <script src="/js/contact/authPhone.js"></script>
+<script src="/js/common/dateFormatter.js"></script>
 </html>

src/main/resources/templates/html/index.html

@@ -12,6 +12,10 @@
     <link href="https://getbootstrap.com/docs/5.0/examples/carousel/" rel="canonical">
     <!-- Bootstrap core CSS -->
     <link href="/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Google Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
     <!-- Custom styles for this template -->
     <link href="/css/index.css" rel="stylesheet">
 </head>
@@ -28,7 +32,7 @@
                 <img alt="main" src="/image/banner-ships.jpg" class="d-block w-100" id="banner_img">
                 <div class="container">
                     <div class="carousel-caption">
-                        <h1>국제종합물류 홈페이지를 찾아주신 여러분 환영합니다</h1>
+                        <h1 class="banner_title">국제종합물류 홈페이지를 찾아주신 여러분 환영합니다</h1>
                         <p>" 혁신경영으로 고객만족에 최선을 다하겠습니다 "</p>
                     </div>
                 </div>

src/main/resources/templates/html/info-plaza.html

@@ -14,8 +14,10 @@
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <!-- Font Awesome -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
-    <!-- swiper CSS-->
-    <link href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet">
+    <!-- Google Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Pacifico&display=swap" rel="stylesheet">
 
 
     <!-- Custom styles for this template -->
@@ -29,19 +31,16 @@
     <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
         <div class="carousel-inner">
             <div class="carousel-item active">
-                <svg aria-hidden="true" class="bd-placeholder-img" focusable="false" height="100%"
-                     preserveAspectRatio="xMidYMid slice" width="100%" xmlns="http://www.w3.org/2000/svg">
-                    <rect fill="#777" height="100%" width="100%"/>
-                </svg>
+                <img src="/image/banner-1036483_1280.jpg" alt="">
 
                 <div class="container">
                     <div class="carousel-caption">
-                        <h1>정보광장</h1>
-                        <p>The Master of Global Logistics</p>
+                        <h1 class="banner_title">정보광장</h1>
+                        <p class="banner_sub">The Master of Global Logistics</p>
                         <p>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_form')">서식자료</button>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_container')">컨테이너제원</button>
-                            <button class="btn btn-primary"  th:onclick="changeInner('inner_vol')">체적계산기</button>
+                            <a class="btn-link text-white"  th:onclick="changeInner('inner_form')" href="javascript:void(0);" style="text-decoration: none;">서식자료</a>
+                            | <a class="btn-link text-white"  th:onclick="changeInner('inner_container')" href="javascript:void(0);" style="text-decoration: none;">컨테이너제원</a>
+                            | <a class="btn-link text-white"  th:onclick="changeInner('inner_vol')" href="javascript:void(0);" style="text-decoration: none;">체적계산기</a>
                         </p>
                     </div>
                 </div>