반응형 로고 적용

src/main/resources/application.properties

@@ -1,6 +1,9 @@
-#spring.autoconfigure.exclude=org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration,org.springframework.boot.autoconfigure.orm.jpa.HibernateJpaAutoConfiguration
+spring.autoconfigure.exclude=org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration,org.springframework.boot.autoconfigure.orm.jpa.HibernateJpaAutoConfiguration
 logging.level.org.springframework.web=INFO
+#local
 spring.datasource.url=jdbc:mysql://103.55.191.37:3306/logisticsbiz?iliweb_test
+#server
+#spring.datasource.url=jdbc:mysql://127.0.0.1:3306/logisticsbiz?iliweb_test
 spring.datasource.username=logisticsbiz
 spring.datasource.password=#il2020)(*
 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

src/main/resources/templates/html/business-inner/train-inner.html

@@ -23,7 +23,7 @@
     <div class="col-lg-3">
     </div>
     <div class="col-lg-6">
-        <img alt="" src="/image/business/train-rail.png">
+        <img alt="" src="/image/business/train-rail.png" class="img-fluid">
     </div>
     <div class="col-lg-3">
     </div>

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

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-md navbar-white fixed-top bg-white">
+<nav class="navbar navbar-expand navbar-white fixed-top bg-white">
     <div class="container-fluid">
         <a class="navbar-brand" href="/"><img alt="" src="/image/logo.png"></a>
         <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"

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

@@ -100,51 +100,51 @@
         <!-- 업무 영역 -->
         <div class="row">
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="항공운송" height="140" src="/image/work/airplane.svg" width="140">
+                <img alt="항공운송" height="140" src="/image/work/airplane.svg" class="img-fluid">
                 <p class="text-center">항공운송</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="해상운송" height="140" src="/image/work/ship.svg" width="140">
+                <img alt="해상운송" height="140" src="/image/work/ship.svg" class="img-fluid">
                 <p class="text-center">해상운송</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="국제특송" height="140" src="/image/work/international-logistics.svg" width="140">
+                <img alt="국제특송" height="140" src="/image/work/international-logistics.svg" class="img-fluid">
                 <p class="text-center">국제특송</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="특수화물" height="140" src="/image/work/special-cargo.svg" width="140">
+                <img alt="특수화물" height="140" src="/image/work/special-cargo.svg" class="img-fluid">
                 <p class="text-center">특수화물</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="통관/관세환급" height="140" src="/image/work/tax-refund.svg" width="140">
+                <img alt="통관/관세환급" height="140" src="/image/work/tax-refund.svg" class="img-fluid">
                 <p class="text-center">통관/관세환급</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="물류컨설팅" height="140" src="/image/work/consulting.svg" width="140">
+                <img alt="물류컨설팅" height="140" src="/image/work/consulting.svg" class="img-fluid">
                 <p class="text-center">물류컨설팅</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="육상운송" height="140" src="/image/work/container-truck.svg" width="140">
+                <img alt="육상운송" height="140" src="/image/work/container-truck.svg" class="img-fluid">
                 <p class="text-center">육상운송</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="철도운송" height="140" src="/image/work/train.svg" width="140">
+                <img alt="철도운송" height="140" src="/image/work/train.svg" class="img-fluid">
                 <p class="text-center">철도운송</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="전자상거래" height="140" src="/image/work/ecommerce.svg" width="140">
+                <img alt="전자상거래" height="140" src="/image/work/ecommerce.svg" class="img-fluid">
                 <p class="text-center">전자상거래</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="창고보관" height="140" src="/image/work/warehouse.svg" width="140">
+                <img alt="창고보관" height="140" src="/image/work/warehouse.svg" class="img-fluid">
                 <p class="text-center">창고보관</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="유통물류" height="140" src="/image/work/logistics-boxes.svg" width="140">
+                <img alt="유통물류" height="140" src="/image/work/logistics-boxes.svg" class="img-fluid">
                 <p class="text-center">유통물류</p>
             </div>
             <div class="col-2 d-flex flex-column align-items-center">
-                <img alt="무역컨설팅" height="140" src="/image/work/handshake.svg" width="140">
+                <img alt="무역컨설팅" height="140" src="/image/work/handshake.svg" class="img-fluid">
                 <p class="text-center">무역컨설팅</p>
             </div>
         </div><!-- /.row -->