swiper add on 및 index html 와이어 완성

src/main/java/com/example/ili_web/main/controller/MainController.java

@@ -13,6 +13,6 @@ public class MainController {
     @GetMapping("/")
     public String test () {
         log.info("Connect!!");
-        return "/html/land.html";
+        return "/html/index.html";
     }
 }

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

@@ -0,0 +1,123 @@
+/* GLOBAL STYLES
+-------------------------------------------------- */
+/* Padding below the footer and lighter body text */
+
+body {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    color: #5a5a5a;
+}
+
+
+/* CUSTOMIZE THE CAROUSEL
+-------------------------------------------------- */
+
+/* Carousel base class */
+.carousel {
+    margin-bottom: 4rem;
+}
+/* Since positioning the image, we need to help out the caption */
+.carousel-caption {
+    bottom: 3rem;
+    z-index: 10;
+}
+
+/* Declare heights because of positioning of img element */
+.carousel-item {
+    height: 32rem;
+}
+.carousel-item > img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    height: 32rem;
+}
+
+
+/* MARKETING CONTENT
+-------------------------------------------------- */
+
+/* Center align the text within the three columns below the carousel */
+.marketing .col-lg-4 {
+    margin-bottom: 1.5rem;
+    text-align: center;
+}
+.marketing h2 {
+    font-weight: 400;
+}
+/* rtl:begin:ignore */
+.marketing .col-lg-4 p {
+    margin-right: .75rem;
+    margin-left: .75rem;
+}
+/* rtl:end:ignore */
+
+
+/* Featurettes
+------------------------- */
+
+.featurette-divider {
+    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
+}
+
+/* Thin out the marketing headings */
+.featurette-heading {
+    font-weight: 300;
+    line-height: 1;
+    /* rtl:remove */
+    letter-spacing: -.05rem;
+}
+
+/* swipper */
+.swiper-container {
+    width: 80%;
+    margin: auto;
+}
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    background: #fff;
+    /* Center vertically */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.swiper-slide img {
+    max-width: 80%; /* 이미지의 최대 너비를 슬라이드의 너비로 설정 */
+    height: auto; /* 높이는 자동으로 조절되도록 설정 */
+    max-height: 50px; /* 이미지의 최대 높이를 설정 */
+}
+
+/* RESPONSIVE CSS
+-------------------------------------------------- */
+
+@media (min-width: 40em) {
+    /* Bump up size of carousel content */
+    .carousel-caption p {
+        margin-bottom: 1.25rem;
+        font-size: 1.25rem;
+        line-height: 1.4;
+    }
+
+    .featurette-heading {
+        font-size: 50px;
+    }
+}
+
+@media (min-width: 62em) {
+    .featurette-heading {
+        margin-top: 7rem;
+    }
+}
+
+/* 커스텀 css
+-------------------------------------------------- */
+.container.marketing p {
+    font-weight: bold;
+}
+.container.nation {
+    font-weight: bold;
+    text-align: center;
+    margin-bottom: 80px;
+}

src/main/resources/static/css/style.css

@@ -71,6 +71,7 @@ nav a:hover {
 }
 
  */
+/* 영업범위 섹션 */
 #section1 {
     width: 80%;
     margin: 0 auto;
@@ -105,4 +106,24 @@ nav a:hover {
 .footer {
     background-color: black;
     color: white;
+}
+
+/* swipper */
+.swiper-container {
+    width: 80%;
+    margin: auto;
+}
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    background: #fff;
+    /* Center vertically */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.swiper-slide img {
+    max-width: 80%; /* 이미지의 최대 너비를 슬라이드의 너비로 설정 */
+    height: auto; /* 높이는 자동으로 조절되도록 설정 */
+    max-height: 50px; /* 이미지의 최대 높이를 설정 */
 }

src/main/resources/static/image/nation/australia.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1280" height="640" viewBox="0 0 10080 5040"><defs><clipPath id="a"><path d="M0 0h6v3H0z"/></clipPath><clipPath id="b"><path d="M0 0v1.5h6V3zm6 0H3v3H0z"/></clipPath><path id="c" d="m0-360 69.421 215.845 212.038-80.301L155.99-35.603l194.985 115.71-225.881 19.651 31.105 224.59L0 160l-156.198 164.349 31.105-224.59-225.881-19.651 194.986-115.711-125.471-188.853 212.038 80.301z"/><path id="d" d="M0-210 54.86-75.508l144.862 10.614L88.765 28.842l34.67 141.052L0 93.334l-123.435 76.56 34.67-141.052-110.957-93.736L-54.86-75.508z"/></defs><path fill="#012169" d="M0 0h10080v5040H0z"/><path stroke="#fff" stroke-width=".6" d="m0 0 6 3m0-3L0 3" clip-path="url(#a)" transform="scale(840)"/><path stroke="#e4002b" stroke-width=".4" d="m0 0 6 3m0-3L0 3" clip-path="url(#b)" transform="scale(840)"/><path stroke="#fff" stroke-width="840" d="M2520 0v2520M0 1260h5040"/><path stroke="#e4002b" stroke-width="504" d="M2520 0v2520M0 1260h5040"/><g fill="#fff"><use xlink:href="#c" transform="matrix(2.1 0 0 2.1 2520 3780)"/><use xlink:href="#c" x="7560" y="4200"/><use xlink:href="#c" x="6300" y="2205"/><use xlink:href="#c" x="7560" y="840"/><use xlink:href="#c" x="8680" y="1869"/><use xlink:href="#d" x="8064" y="2730"/></g></svg>

src/main/resources/static/image/nation/china.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="900" height="600" viewBox="0 0 30 20"><defs><path id="a" fill="#FF0" d="M0-1 .588.809-.952-.309H.952L-.588.809z"/></defs><path fill="#EE1C25" d="M0 0h30v20H0z"/><use xlink:href="#a" transform="matrix(3 0 0 3 5 5)"/><use xlink:href="#a" transform="rotate(23.036 .093 25.536)"/><use xlink:href="#a" transform="rotate(45.87 1.273 16.18)"/><use xlink:href="#a" transform="rotate(69.945 .996 12.078)"/><use xlink:href="#a" transform="rotate(20.66 -19.689 31.932)"/></svg>

src/main/resources/static/image/nation/colombia.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600"><path fill="#fcd116" d="M0 0h900v600H0z"/><path fill="#003893" d="M0 300h900v300H0z"/><path fill="#ce1126" d="M0 450h900v150H0z"/></svg>

src/main/resources/static/image/nation/france.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><path fill="#000091" d="M0 0h300v600H0"/><path fill="#fff" d="M300 0h300v600H300"/><path fill="#e1000f" d="M600 0h300v600H600"/></svg>

src/main/resources/static/image/nation/india.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="900" height="600" fill="#06038d" viewBox="-45 -30 90 60"><path fill="#fff" d="M-45-30h90v60h-90z"/><path fill="#ff671f" d="M-45-30h90v20h-90z"/><path fill="#046a38" d="M-45 10h90v20h-90z"/><circle r="9.25"/><circle r="8" fill="#fff"/><circle r="1.6"/><g id="d"><g id="c"><g id="b"><g id="a"><path d="m0-8 .3 4.814L0-.802l-.3-2.384z"/><circle cy="-8" r="0.35" transform="rotate(7.5)"/></g><use xlink:href="#a" transform="scale(-1)"/></g><use xlink:href="#b" transform="rotate(15)"/></g><use xlink:href="#c" transform="rotate(30)"/></g><use xlink:href="#d" transform="rotate(60)"/><use xlink:href="#d" transform="rotate(120)"/></svg>

src/main/resources/static/image/nation/italy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="1000" viewBox="0 0 3 2"><path fill="#008d46" d="M0 0h1v2H0z"/><path fill="#fafeff" d="M1 0h1v2H1z"/><path fill="#d2232c" d="M2 0h1v2H2z"/></svg>

src/main/resources/static/image/nation/pakistan.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="-75 -40 120 80"><path fill="#fff" d="M-75-40H45v80H-75z"/><path fill="#01411C" d="M-45-40h90v80h-90z"/><circle r="24" fill="#fff"/><circle cx="-7" cy="-40" r="22" fill="#01411C" transform="rotate(-41.634 45 -40)"/><path fill="#fff" d="m8.751-17.959 10.11 11.373L3.997-9.844l13.94-6.1-7.692 13.129z"/></svg>

src/main/resources/static/image/nation/qatar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1136" height="446" overflow="hidden"><defs><clipPath id="a"><path d="M-1 155h1136v446H-1z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(1 -155)"><path fill="#8A1538" d="M0 155h1134v446H0Z"/><path fill="#FFF" d="M324 601H0V155h324l81 24.778-81 24.778 81 24.777-81 24.778 81 24.778-81 24.778 81 24.778-81 24.777L405 378l-81 24.778 81 24.778-81 24.777 81 24.778-81 24.778 81 24.778-81 24.777 81 24.778Z"/></g></svg>

src/main/resources/static/image/nation/tanzania.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 72 48"><defs><clipPath id="a"><path d="M0 0h72v48H0z"/></clipPath></defs><path fill="#1eb53a" d="M0 48V0h72z"/><path fill="#00a3dd" d="M72 0v48H0z"/><g fill="none" clip-path="url(#a)"><path stroke="#fcd116" stroke-width="19" d="M0 48 72 0"/><path stroke="#000" stroke-width="13" d="M0 48 72 0"/></g></svg>

src/main/resources/static/image/nation/vietnam.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round" viewBox="0 0 900 600"><path fill="#da251d" d="M0 0h900v600H0V0Z"/><g fill="#ff0"><path d="M391.778 300.596 450.457 120l58.678 180.596H391.778Z"/><path d="M497.928 335.086 344.305 446.7l58.68-180.595 94.943 68.981Z"/><path d="M432.324 356.402 278.7 244.789h189.89l-36.266 111.613Z"/><path d="M432.324 244.789h189.889L468.59 356.402l-36.266-111.613Z"/><path d="m497.928 266.105 58.68 180.595-153.623-111.614 94.943-68.981Z"/></g></svg>

src/main/resources/static/image/work/container-truck.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M0.984375 4.9863281 A 1.0001 1.0001 0 0 0 0 6L0 15 A 1.0001 1.0001 0 0 0 1.1582031 16L14.832031 16 A 1.0001 1.0001 0 0 0 15.158203 16L16 16L16 6 A 1.0001 1.0001 0 0 0 14.984375 4.9863281 A 1.0001 1.0001 0 0 0 14 6L2 6 A 1.0001 1.0001 0 0 0 0.984375 4.9863281 z M 4 8C4.552 8 5 8.448 5 9L5 13C5 13.552 4.552 14 4 14C3.448 14 3 13.552 3 13L3 9C3 8.448 3.448 8 4 8 z M 8 8C8.552 8 9 8.448 9 9L9 13C9 13.552 8.552 14 8 14C7.448 14 7 13.552 7 13L7 9C7 8.448 7.448 8 8 8 z M 12 8C12.552 8 13 8.448 13 9L13 13C13 13.552 12.552 14 12 14C11.448 14 11 13.552 11 13L11 9C11 8.448 11.448 8 12 8 z M 20 9C18.895 9 18 9.895 18 11L18 18L1 18L1 21 A 1.0001 1.0001 0 1 0 1 23L4.0507812 23C4.2981765 24.685411 5.7500665 26 7.5 26C9.2499335 26 10.701823 24.685411 10.949219 23L18 23L20.050781 23C20.298177 24.685411 21.750067 26 23.5 26C25.249933 26 26.701823 24.685411 26.949219 23L29 23 A 1.0001 1.0001 0 1 0 29 21L29 16L23 16L23 12C23 11.448 23.448 11 24 11L26.857422 11L26.519531 10.212891C26.204531 9.4778906 25.481641 9 24.681641 9L20 9 z M 7.5 21C8.3402718 21 9 21.659728 9 22.5C9 23.340272 8.3402718 24 7.5 24C6.6597282 24 6 23.340272 6 22.5C6 21.659728 6.6597282 21 7.5 21 z M 23.5 21C24.340272 21 25 21.659728 25 22.5C25 23.340272 24.340272 24 23.5 24C22.659728 24 22 23.340272 22 22.5C22 21.659728 22.659728 21 23.5 21 z"/></svg>

src/main/resources/static/image/work/ecommerce.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" ?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+
<g data-name="12 site" id="_12_site">
+
<path d="M17.5,9.08a2,2,0,1,1-2-2.03A2.021,2.021,0,0,1,17.5,9.08Z"/>
+
<path d="M11.5,9.08a2,2,0,1,1-2-2.03A2.021,2.021,0,0,1,11.5,9.08Z"/>
+
<path d="M23.5,9.08a2,2,0,1,1-2-2.03A2.021,2.021,0,0,1,23.5,9.08Z"/>
+
<path d="M58.5,3.5H5.5a2.006,2.006,0,0,0-2,2v53a2.006,2.006,0,0,0,2,2h53a2.006,2.006,0,0,0,2-2V5.5A2.006,2.006,0,0,0,58.5,3.5Zm0,55H5.5V14.67h53Zm0-45.83H5.5V5.5h53Z"/>
+
<path d="M56.21,9.91a1,1,0,0,1-.01,1.41.96.96,0,0,1-.7.29.976.976,0,0,1-.71-.3l-.79-.8-.79.8a.976.976,0,0,1-.71.3.96.96,0,0,1-.7-.29,1,1,0,0,1-.01-1.41l.81-.83-.81-.82a1.008,1.008,0,0,1,.01-1.42,1,1,0,0,1,1.41.01l.79.81.79-.81a1,1,0,0,1,1.41-.01,1.008,1.008,0,0,1,.01,1.42l-.81.82Z"/>
+
<path d="M49.5,9.08a1,1,0,0,1-1,1h-4a1,1,0,0,1,0-2h4A1,1,0,0,1,49.5,9.08Z"/>
+
<path d="M20.15,42.89l3.63-2.09H41.45A2.889,2.889,0,0,0,44,39.24l5.67-10.71a3.089,3.089,0,0,0-.22-3.22l-.72-1.02a2.906,2.906,0,0,0-2.34-1.22h-.01l-23.57.06-.15-1.54a3.084,3.084,0,0,0-3.03-2.81H13.98a1,1,0,0,0,0,2h5.65a1.09,1.09,0,0,1,1.04,1.02l1.78,17.46-3.37,1.95a3.158,3.158,0,0,0-1.34,2.6v.28a3.113,3.113,0,0,0,2.83,3.13,4.653,4.653,0,0,0-.78,2.59,4.408,4.408,0,1,0,8.81,0,4.684,4.684,0,0,0-.77-2.57H36.9a4.6,4.6,0,0,0-.77,2.57,4.408,4.408,0,1,0,8.81,0,4.684,4.684,0,0,0-.77-2.57h1.81a1,1,0,0,0,0-2H20.79a1.107,1.107,0,0,1-1.05-1.15v-.28A1.211,1.211,0,0,1,20.15,42.89ZM42.24,38.3a.915.915,0,0,1-.79.5H24.41L23.38,28.66l23.96-.01Zm4.14-13.23h.01a.87.87,0,0,1,.71.38l.73,1.02c.03.05.06.11.09.17l-24.75.02-.15-1.53ZM40.53,47.24a2.581,2.581,0,1,1-2.4,2.57A2.494,2.494,0,0,1,40.53,47.24Zm-16.34,0a2.581,2.581,0,1,1-2.4,2.57A2.494,2.494,0,0,1,24.19,47.24Z"/>
+
</g>
+
</svg>

src/main/resources/static/image/work/handshake.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512"  xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<g>
+	<path class="st0" d="M264.778,132.188h0.008c0.008,0.008,0.008,0.008,0.008,0.008L264.778,132.188z"/>
+	<path class="st0" d="M397.04,291.532c9.927-12.098,21.84-31.151,20.335-51.746L315.137,137.549c0,0-18.518-4.589-40.648,0.215
+		c-3.202-2.091-6.442-3.996-9.704-5.575c-16.569-8.05-33.101-9.875-45.481-9.756c-0.794,0-1.55,0.037-2.313,0.06l-18.963,18.963
+		l2.958-0.297c0.348-0.03,0.868-0.126,1.208-0.207c0.46-0.111,7.814-1.809,18.266-1.794c9.371,0,21.151,1.401,32.849,6.227
+		c-6.628,3.455-13.174,8.021-19.282,14.13c-33.798,33.798-64.52,64.519-64.52,64.519l0.015,0.015
+		c-0.185,0.185-0.37,0.341-0.556,0.526c-8.755,8.748-9.088,22.715-1.008,31.878c0.311,0.348,0.653,0.72,1.008,1.075
+		c9.089,9.097,23.842,9.111,32.953,0l35.488-35.488c6.115,2.232,12.135,3.544,17.91,4.196c7.858,0.89,15.264,0.556,21.833-0.371
+		c16.02-2.268,23.626-4.67,23.626-4.67l83.646,83.653c0,0,0.474-0.415,1.193-1.075l12.084,12.084
+		c3.15,3.159,4.685,7.213,4.693,11.35c-0.008,4.122-1.549,8.184-4.7,11.342c-3.158,3.144-7.206,4.685-11.335,4.693
+		c-4.13-0.008-8.185-1.549-11.343-4.693c-1.557-1.557-3.714-2.454-5.916-2.447c-2.209-0.007-4.359,0.89-5.916,2.447
+		c-1.556,1.557-2.446,3.707-2.446,5.916c0,2.201,0.89,4.351,2.446,5.916c3.151,3.15,4.693,7.206,4.7,11.342
+		c-0.008,4.122-1.549,8.185-4.707,11.336c-3.159,3.15-7.213,4.693-11.335,4.707c-4.137-0.014-8.184-1.557-11.343-4.707
+		c-1.556-1.55-3.714-2.447-5.915-2.439c-2.21-0.008-4.36,0.89-5.916,2.439c-1.557,1.564-2.446,3.714-2.446,5.923
+		c0,2.194,0.89,4.352,2.446,5.916c3.15,3.15,4.692,7.206,4.7,11.328c-0.008,4.136-1.55,8.198-4.7,11.342
+		c-3.159,3.158-7.213,4.7-11.343,4.708c-4.129-0.008-8.184-1.55-11.342-4.708l-7.08-7.072c-0.008-0.015-0.023-0.03-0.037-0.045
+		c-1.549-1.549-3.714-2.447-5.908-2.447c-2.21,0-4.36,0.898-5.916,2.461c-1.557,1.543-2.454,3.707-2.454,5.909
+		c0,2.202,0.897,4.351,2.454,5.908c3.15,3.158,4.692,7.221,4.7,11.357c-0.015,4.122-1.557,8.184-4.707,11.335
+		c-3.151,3.151-7.206,4.693-11.336,4.7c-4.136-0.008-8.192-1.549-11.342-4.7l-5.034-5.033l1.742-1.735
+		c9.058-9.059,9.066-23.745,0.007-32.804c-9.059-9.059-23.746-9.059-32.804,0l-1.742,1.742l-0.868-0.859
+		c4.463-8.726,3.144-19.631-4.152-26.926c-7.294-7.294-18.199-8.614-26.925-4.152l-1.728-1.727
+		c4.463-8.719,3.151-19.624-4.144-26.918c-7.294-7.295-18.207-8.614-26.925-4.152l-1.728-1.727
+		c4.463-8.718,3.151-19.624-4.144-26.918c-7.302-7.295-18.207-8.614-26.926-4.152l-8.377-8.377l-0.512-0.474
+		c-0.074-0.059-1.349-1.157-3.306-3.114c-1.06-1.06-2.328-2.387-3.714-3.936l-0.007-0.008l-0.186-0.2l0.03,0.037
+		c-4.396-4.938-9.92-12.129-14.012-20.579c-2.543-5.249-4.53-10.928-5.501-16.881l-13.759,13.76
+		c1.208,3.663,2.624,7.169,4.211,10.424c5.034,10.349,11.461,18.652,16.576,24.397l0.023,0.045l0.185,0.2l-0.008-0.022
+		c1.601,1.787,3.069,3.321,4.337,4.596c1.979,1.972,3.418,3.262,4.026,3.788l7.302,7.303l-13.478,13.477
+		c-9.06,9.059-9.052,23.738,0,32.798c9.059,9.058,23.737,9.058,32.804,0c-9.067,9.058-9.06,23.745,0,32.804
+		c9.059,9.052,23.737,9.052,32.797,0c-9.06,9.052-9.06,23.746,0,32.798c9.066,9.059,23.745,9.059,32.804,0l13.47-13.471l0,0
+		l-6.709,6.717c-9.066,9.06-9.06,23.738,0,32.797c9.06,9.06,23.731,9.06,32.797,0l6.709-6.716l5.034,5.033
+		c6.375,6.384,14.812,9.615,23.174,9.601c8.355,0.014,16.791-3.217,23.167-9.601c5.345-5.345,8.452-12.135,9.326-19.111
+		c2.98,0.867,6.056,1.312,9.133,1.312c8.362,0,16.791-3.217,23.174-9.608c6.376-6.376,9.608-14.812,9.601-23.16
+		c0-0.615-0.059-1.223-0.089-1.831c0.608,0.03,1.223,0.081,1.831,0.081c8.355,0.015,16.791-3.217,23.166-9.6
+		c6.384-6.383,9.608-14.812,9.601-23.167c0-0.615-0.045-1.23-0.081-1.838c0.607,0.037,1.215,0.09,1.831,0.09
+		c8.354,0,16.792-3.218,23.159-9.593c6.39-6.383,9.615-14.812,9.608-23.174c0.014-8.362-3.21-16.799-9.593-23.175L397.04,291.532z"
+		/>
+	<path class="st0" d="M138.565,58.974L0,197.53l57.454,57.462l138.571-138.565L138.565,58.974z M69.278,205.981
+		c-5.597,5.605-14.678,5.605-20.276,0c-5.597-5.59-5.597-14.678,0-20.268c5.597-5.605,14.679-5.605,20.276,0
+		C74.883,191.303,74.883,200.392,69.278,205.981z"/>
+	<path class="st0" d="M373.436,55.593l-57.461,57.453l138.572,138.564L512,194.157L373.436,55.593z M442.715,202.609
+		c-5.597-5.597-5.597-14.686,0-20.276c5.604-5.605,14.678-5.605,20.283,0c5.597,5.589,5.597,14.678,0,20.276
+		C457.393,208.206,448.319,208.206,442.715,202.609z"/>
+</g>
+</svg>

src/main/resources/static/image/work/international-logistics.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 612 612" xml:space="preserve">
+<g>
+	<path d="M547.624,94.812C497.053,35.875,423.508,2.076,345.836,2.076c-77.757,0-151.31,33.808-201.754,92.703
+		c-41.581,48.204-64.485,109.831-64.485,173.538c0,11.554,0.776,23.034,2.257,34.383h35.293c-1.068-7.089-1.921-14.221-2.327-21.424
+		h81.782c0.193,7.267,0.718,14.343,1.23,21.424h26.104c-0.571-7.078-1.105-14.178-1.323-21.424h110.198v61.121
+		c5.837,2.571,11.232,6.17,15.901,10.782l10.081,9.976v-81.88h110.206c-1.096,36.487-6.783,71.046-15.925,101.606
+		c-27.467-7.021-56.593-11.062-86.832-12.356l29.059,28.752c16.918,1.897,33.478,4.661,49.234,8.533
+		c-3.892,9.934-8.234,19.179-12.864,27.859c7.345,8.957,11.586,20.249,11.974,31.864c10.185-15.285,19.166-32.924,26.628-52.583
+		c14.32,4.696,27.569,10.225,39.692,16.512c-19.341,19.479-41.785,35.19-66.233,46.615v37.769
+		c39.653-15.683,75.398-40.858,103.867-73.982C589.129,393.718,612,332.091,612,268.316C612,204.549,589.129,142.923,547.624,94.812
+		z M196.602,255.291h-81.778c2.681-47.401,19.889-92.786,49.354-130.088c14.821,8.143,31.231,15.127,48.95,20.985
+		C203.499,178.896,197.653,215.803,196.602,255.291z M221.332,121.645c-14.269-4.709-27.492-10.239-39.611-16.513
+		c22.29-22.508,48.73-40.014,77.655-51.659C244.383,71.841,231.474,94.917,221.332,121.645z M332.811,255.291H222.613
+		c1.096-36.476,6.78-71.025,15.917-101.578c29.803,7.567,61.407,11.825,94.28,12.715V255.291L332.811,255.291z M332.811,139.949
+		c-29.606-0.845-58.756-4.566-85.744-11.161C264.58,84.069,290.079,51.1,319.088,38.3c4.551-0.527,9.122-0.947,13.722-1.205
+		L332.811,139.949L332.811,139.949z M576.772,255.291H495.01c-1.05-39.48-6.894-76.383-16.521-109.087
+		c17.774-5.88,34.204-12.867,49.008-20.997C556.907,162.437,574.097,207.831,576.772,255.291z M358.794,37.091
+		c4.597,0.256,9.163,0.677,13.711,1.204c29.022,12.795,54.528,45.775,72.047,90.51c-26.982,6.59-56.138,10.308-85.758,11.147V37.091
+		z M358.794,255.291v-88.862c32.879-0.885,64.493-5.138,94.294-12.697c9.134,30.549,14.816,65.091,15.912,101.559L358.794,255.291
+		L358.794,255.291z M432.238,53.477c28.918,11.646,55.371,29.154,77.701,51.667c-12.11,6.257-25.348,11.786-39.654,16.512
+		C460.143,94.924,447.231,71.847,432.238,53.477z M527.52,411.409c-14.827-8.172-31.273-15.162-49.043-21.001
+		c9.634-32.716,15.482-69.635,16.533-109.134h81.766C574.113,328.746,556.934,374.152,527.52,411.409z M417.744,484.018V469.27
+		c0-7.19-2.875-14.081-7.986-19.138l-79.312-78.47c-5.04-4.987-11.844-7.784-18.934-7.784h-40.016V348.87
+		c0-11.151-9.04-20.19-20.191-20.19H20.19C9.039,328.679,0,337.719,0,348.87v135.147H417.744z M295.255,390.328
+		c0-1.749,1.414-3.163,3.163-3.163h14.604c0.808,0,1.615,0.337,2.221,0.875l62.12,59.293c2.086,1.952,0.673,5.451-2.153,5.451
+		h-76.792c-1.75,0-3.163-1.413-3.163-3.163V390.328L295.255,390.328z M417.744,495.174v44.699c0,11.151-9.04,20.191-20.19,20.191
+		h-21.604c-3.903-26.787-26.988-47.381-54.852-47.381c-27.795,0-50.88,20.595-54.784,47.381h-109.5
+		c-3.903-26.787-26.989-47.381-54.784-47.381s-50.88,20.595-54.784,47.381H20.19c-11.151,0-20.19-9.04-20.19-20.191v-44.699H417.744
+		z M321.129,526.17c-23.128,0-41.877,18.749-41.877,41.877s18.749,41.877,41.877,41.877c23.127,0,41.877-18.749,41.877-41.877
+		S344.256,526.17,321.129,526.17z M321.129,588.985c-11.564,0-20.938-9.375-20.938-20.938s9.374-20.938,20.938-20.938
+		c11.563,0,20.938,9.374,20.938,20.938S332.692,588.985,321.129,588.985z M102.022,526.17c-23.127,0-41.876,18.749-41.876,41.877
+		s18.749,41.877,41.876,41.877c23.128,0,41.877-18.749,41.877-41.877S125.15,526.17,102.022,526.17z M102.022,588.985
+		c-11.563,0-20.938-9.375-20.938-20.938s9.375-20.938,20.938-20.938c11.564,0,20.938,9.374,20.938,20.938
+		S113.586,588.985,102.022,588.985z"/>
+</g>
+</svg>

src/main/resources/static/image/work/logistics-boxes.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 360.787 360.788"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M100.176,171.479H264.65c5.783,0,10.488-4.706,10.488-10.488V72.654c0-2.415-1.957-4.372-4.373-4.372
+			c-2.414,0-4.371,1.957-4.371,4.372v88.339c0,0.946-0.799,1.745-1.744,1.745H100.176c-3.188,0-5.781-2.591-5.781-5.781V40.206
+			c0-3.188,2.593-5.783,5.781-5.783h152.197c2.414,0,4.371-1.957,4.371-4.371c0-2.417-1.957-4.372-4.371-4.372H100.176
+			c-8.008,0-14.524,6.519-14.524,14.525v116.752C85.652,164.966,92.167,171.479,100.176,171.479z"/>
+		<path d="M346.266,189.304H32.06c-2.415,0-4.372,1.957-4.372,4.372c0,2.414,1.957,4.371,4.372,4.371h314.206
+			c3.188,0,5.781,2.593,5.781,5.782v116.752c0,3.188-2.592,5.781-5.781,5.781h-96.512v-32.782h8.088
+			c2.051,0,3.787-1.024,4.643-2.742c0.861-1.717,0.637-3.723-0.592-5.359l-19.105-25.475c-1.047-1.39-2.613-2.194-4.303-2.205
+			c-1.664-0.031-3.266,0.771-4.326,2.143l-19.762,25.499c-1.244,1.605-1.498,3.667-0.66,5.373c0.838,1.707,2.619,2.769,4.652,2.769
+			h8.777v32.782h-27.877c-0.947,0-1.746-0.8-1.746-1.745v-88.34c0-2.415-1.957-4.371-4.371-4.371s-4.371,1.956-4.371,4.371v88.34
+			c0,5.784,4.703,10.487,10.488,10.487h32.248c2.414,0,4.371-1.956,4.371-4.371V289.21c0-2.414-1.957-4.371-4.371-4.371h-5.617
+			l12.482-16.106l12.078,16.106h-5.102c-2.414,0-4.371,1.957-4.371,4.371v41.525c0,2.415,1.957,4.371,4.371,4.371h100.883
+			c8.01,0,14.525-6.515,14.525-14.523V203.832C360.787,195.82,354.275,189.304,346.266,189.304z"/>
+		<path d="M167.618,231.907c-2.415,0-4.372,1.957-4.372,4.371v84.304c0,3.187-2.593,5.781-5.781,5.781H10.488
+			c-0.946,0-1.745-0.799-1.745-1.745v-88.34c0-2.414-1.957-4.371-4.371-4.371c-2.415,0-4.372,1.957-4.372,4.371v88.34
+			c0,5.784,4.706,10.488,10.488,10.488h146.977c8.006,0,14.523-6.516,14.523-14.524v-84.304
+			C171.99,233.864,170.033,231.907,167.618,231.907z"/>
+	</g>
+</g>
+</svg>

src/main/resources/static/image/work/ship.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.83px;}</style></defs><polyline class="cls-1" points="5.58 21.15 2.83 13.81 15.67 13.81 16.58 12.9 21.17 12.9 18.42 21.15"/><path class="cls-1" d="M9.25,17.48h0Z"/><path class="cls-1" d="M12.92,17.48h0Z"/><line class="cls-1" x1="14.75" y1="17.48" x2="16.58" y2="17.48"/><polyline class="cls-1" points="4.67 13.81 6.5 9.23 17.5 9.23 19.33 12.9"/><rect class="cls-1" x="8.33" y="5.56" width="7.33" height="3.67"/><line class="cls-1" x1="10.17" y1="1.9" x2="10.17" y2="5.56"/><line class="cls-1" x1="13.83" y1="1.9" x2="13.83" y2="5.56"/><line class="cls-1" x1="9.25" y1="11.98" x2="9.25" y2="13.81"/><line class="cls-1" x1="12.92" y1="11.98" x2="12.92" y2="13.81"/><path class="cls-1" d="M1,20.23H1a3.44,3.44,0,0,0,5.5,0h0a3.43,3.43,0,0,0,5.49,0h0a3.42,3.42,0,0,0,5.49,0h0a3.43,3.43,0,0,0,5.49,0h0"/></svg>

src/main/resources/static/image/work/special-cargo.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 490.046 490.046" xml:space="preserve">
+<g>
+	<path d="M469.53,288.9h-22.9V179.4c0-11.5-9.4-20.9-20.8-20.9h-37.5V66.8h36.4c11.4,0,21.9-9.4,21.9-20.9s-9.4-20.8-20.8-20.8
+		h-37.5v-4.2c0-11.5-9.4-20.9-20.8-20.9s-20.8,9.4-20.8,20.9v4.2h-203c-11.4,0-20.8,9.4-20.8,20.9s9.4,20.9,20.8,20.9h6.2
+		c0,0,0,74.2,0,75.1c0,11.5,9.4,20.9,20.8,20.9c9.4,0,17.7,7.3,17.7,15.6s-8.3,15.6-17.7,15.6c-6.2,0-12.5-3.1-15.6-8.3
+		c-6.2-9.4-18.7-12.5-28.1-7.3c-9.4,6.3-13.5,18.8-7.3,28.1c10.4,17.7,30.2,28.1,51,28.1c32.3,0,58.3-26.1,58.3-57.3
+		c0-24.2-15.5-44.6-37.5-52.6v-58h155.1v91.7h-37.5c-11.4,0-20.8,9.4-20.8,20.9v109.5H20.93c-22.2,1.5-24.8,24.4-16.7,33.4
+		l70.8,89.8c-5.2,2.7-10.1,6.1-14.6,10.2l-33.3,32.3c-8.3,8.3-8.3,20.9-1,29.2c12,11.3,25,4.5,29.1,1l33.3-32.3
+		c10.4-9.4,27.1-9.4,36.4,0c30.1,29.9,73.9,31.5,108.3-6.3c10.4-9.4,27.1-9.4,36.4,0c0,0,43.3,48.8,97.8,5.2c11-8.7,27.1-9.4,36.4,0
+		l31.2,29.2c8.3,7.3,21.9,7.3,29.1-1c7.3-8.3,7.3-21.9-1-29.2l-31.1-29.1c-4.4-4.1-9.2-7.4-14.3-10.1l68.4-89
+		C495.43,307.3,487.33,290,469.53,288.9z M329.03,199.2h76v89.7h-76V199.2z M369.93,405.1c-11.1,2.6-20.9,8.8-30.5,16.1
+		c-24.2,18.5-41.6-5.2-41.6-5.2c-22.9-23-67.1-26.6-92.6,0c-32.5,33.9-52,6.3-52,6.3c-9.3-8.5-20.4-14-32-16.5l-58.6-75.3h365.4
+		L369.93,405.1z"/>
+</g>
+</svg>

src/main/resources/static/image/work/tax-refund.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M731.25 547.39v72.93H475.06v54.59c0 19.89 4.93 38.51 13.04 55.34h-38.49l-194.73-128c-28.84-18.98-65.64-20.57-96.07-4.18a93.73 93.73 0 0 0-49.29 82.57c0 32.05 16.09 61.54 43.04 78.88l238.79 153.77h339.9v36.57H914.1V547.39H731.25z m-318.4 292.75l-220.7-142.12a20.6 20.6 0 0 1-9.48-17.38c0-11.12 7.59-16.43 10.86-18.2 3.29-1.73 11.88-5.18 21.18 0.91l213.02 140.04h230.7v-73.14h-0.71v-0.04h-54.2c-23.98 0-44.46-15.36-52.11-36.75h179.85v146.68H412.85z m428.11 36.57h-36.57V620.53h36.57v256.18zM232.17 501.66c-20.46-35.7-31.27-76.48-31.27-117.95C200.9 252.64 307.51 146 438.54 146 569.6 146 676.2 252.64 676.2 383.71c0 41.43-10.8 82.21-31.25 117.91l63.46 36.36c26.79-46.77 40.93-100.11 40.93-154.27 0-171.41-139.43-310.86-310.8-310.86S127.76 212.3 127.76 383.71c0 54.2 14.16 107.55 40.95 154.3l63.46-36.35z" fill="#0F1F3C" /><path d="M336.22 350.91l-48.78 54.48 136.73 122.47 170.36-195.97-55.22-48-121.64 139.97z" fill="#0F1F3C" /></svg>

src/main/resources/static/image/work/train.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.92px;}</style></defs><path class="cls-1" d="M.5,6.25H13.92a8.62,8.62,0,0,1,8.62,8.62h0a2.88,2.88,0,0,1-2.87,2.87H.5"/><polyline class="cls-1" points="22.54 12.96 13.92 12.96 13.92 6.25"/><polyline class="cls-1" points="10.08 9.13 10.08 12.96 6.25 12.96 6.25 9.13"/><polyline class="cls-1" points="6.25 9.13 6.25 12.96 2.42 12.96 2.42 9.13"/><line class="cls-1" x1="2.42" y1="12.96" x2="0.5" y2="12.96"/><line class="cls-1" x1="17.75" y1="17.75" x2="19.67" y2="21.58"/><line class="cls-1" x1="13.92" y1="17.75" x2="15.83" y2="21.58"/><line class="cls-1" x1="10.08" y1="17.75" x2="12" y2="21.58"/><line class="cls-1" x1="6.25" y1="17.75" x2="8.17" y2="21.58"/><line class="cls-1" x1="2.42" y1="17.75" x2="4.33" y2="21.58"/><line class="cls-1" x1="0.5" y1="21.58" x2="23.5" y2="21.58"/><line class="cls-1" x1="8.17" y1="2.42" x2="10.08" y2="6.25"/><line class="cls-1" x1="3.38" y1="2.42" x2="11.04" y2="2.42"/></svg>

src/main/resources/static/image/work/warehouse.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512.016 512.016" xml:space="preserve">
+<g>
+	<g>
+		<path d="M511.24,70.843c-0.149-0.405-0.405-0.725-0.597-1.109c-0.405-0.747-0.853-1.472-1.408-2.112
+			c-0.32-0.363-0.683-0.661-1.045-0.981c-0.597-0.512-1.259-0.96-1.963-1.323c-0.448-0.235-0.875-0.448-1.365-0.619
+			c-0.277-0.107-0.512-0.299-0.811-0.363l-245.333-64c-1.749-0.448-3.627-0.448-5.376,0l-245.333,64
+			c-0.32,0.107-0.555,0.277-0.832,0.384c-0.491,0.171-0.917,0.384-1.365,0.619c-0.725,0.363-1.365,0.811-1.963,1.323
+			c-0.363,0.32-0.725,0.619-1.045,0.96c-0.576,0.64-1.003,1.344-1.408,2.112c-0.213,0.384-0.448,0.704-0.619,1.109
+			c-0.469,1.195-0.768,2.475-0.768,3.84v426.667c0,5.888,4.779,10.667,10.667,10.667h490.667c5.888,0,10.667-4.779,10.667-10.667
+			V74.683C512.008,73.317,511.709,72.037,511.24,70.843z M256.008,21.691l162.219,42.325H93.789L256.008,21.691z M128.008,490.683
+			h-64v-64h64V490.683z M64.008,405.349v-42.667h42.667v42.667H64.008z M213.341,490.683h-64v-42.667h64V490.683z M490.675,490.683
+			H341.341v-64h149.333V490.683z M490.675,405.349H384.008v-42.667h106.667V405.349z M490.675,341.349H373.341
+			c-5.888,0-10.667,4.779-10.667,10.667v53.333h-32c-5.888,0-10.667,4.779-10.667,10.667v74.667h-85.333v-53.333
+			c0-5.888-4.779-10.667-10.667-10.667h-74.667v-10.667c0-5.888-4.779-10.667-10.667-10.667h-10.667v-53.333
+			c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888,0-10.667,4.779-10.667,10.667v138.667H21.341V277.349h469.333V341.349z
+			 M490.675,256.016H21.341v-42.667h469.333V256.016z M490.675,192.016H21.341v-42.667h469.333V192.016z M490.675,128.016H21.341
+			V85.349h469.333V128.016z"/>
+	</g>
+</g>
+</svg>

src/main/resources/static/index.html

@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-    <h3>Hellow World</h3>
-</body>
-</html>

src/main/resources/static/js/swiper/swiper.js

@@ -0,0 +1,15 @@
+let swiper = new Swiper('.swiper-container', {
+    slidesPerView: 2,
+    spaceBetween: 30,
+    speed : 3000,
+    centeredSlides: true,
+    loop: true,
+    pagination: {
+        el: '.swiper-pagination',
+        clickable: true,
+    },
+    autoplay: {
+        delay: 3000, // 3초마다 자동 슬라이딩
+        disableOnInteraction: false // 사용자 상호 작용 시에도 자동 슬라이딩 유지
+    }
+});

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

@@ -0,0 +1,307 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta content="" name="description">
+    <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name="author">
+    <meta content="Hugo 0.84.0" name="generator">
+    <title>(주)국제종합물류</title>
+
+    <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-->
+    <link href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet">
+
+    <style>
+        .bd-placeholder-img {
+            font-size: 1.125rem;
+            text-anchor: middle;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            user-select: none;
+        }
+
+        @media (min-width: 768px) {
+            .bd-placeholder-img-lg {
+                font-size: 3.5rem;
+            }
+        }
+    </style>
+
+
+    <!-- Custom styles for this template -->
+    <link href="/css/index.css" rel="stylesheet">
+</head>
+<body>
+
+<header>
+    <nav class="navbar navbar-expand-md 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"
+                    class="navbar-toggler"
+                    data-bs-target="#navbarCollapse" data-bs-toggle="collapse" type="button">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarCollapse">
+                <ul class="navbar-nav me-auto mb-2 mb-md-0">
+                    <li class="nav-item">
+                        <a aria-current="page" class="nav-link fw-bold text-dark" href="#">회사소개</a>
+                    </li>
+                    <li class="nav-item">
+                        <a aria-current="page" class="nav-link fw-bold text-dark" href="#">사업영역</a>
+                    </li>
+                    <li class="nav-item">
+                        <a aria-current="page" class="nav-link fw-bold text-dark" href="#">정보광장</a>
+                    </li>
+                    <li class="nav-item">
+                        <a aria-current="page" class="nav-link fw-bold text-dark" href="#">고객센터</a>
+                    </li>
+                </ul>
+                <form class="d-flex">
+                    <button class="btn btn-success" type="button">물류회원전용</button>
+                </form>
+            </div>
+        </div>
+    </nav>
+</header>
+
+<main>
+    <!-- swiper 브로슈어 -->
+    <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
+        <div class="carousel-indicators">
+            <button aria-current="true" aria-label="Slide 1" class="active" data-bs-slide-to="0"
+                    data-bs-target="#myCarousel"
+                    type="button"></button>
+            <button aria-label="Slide 2" data-bs-slide-to="1" data-bs-target="#myCarousel" type="button"></button>
+            <button aria-label="Slide 3" data-bs-slide-to="2" data-bs-target="#myCarousel" type="button"></button>
+        </div>
+        <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>
+
+                <div class="container">
+                    <div class="carousel-caption text-start">
+                        <h1>국제종합물류 홈페이지를 찾아주신 여러분 환영합니다</h1>
+                        <p>" 혁신경영으로 고객만족에 최선을 다하겠습니다 "</p>
+                        <p><a class="btn btn-lg btn-primary" href="#">회사소개</a></p>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-item">
+                <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>
+
+                <div class="container">
+                    <div class="carousel-caption">
+                        <h1>Global Network</h1>
+                        <p>(주) 국제종합물류는 35년의 국제물류사업 역사를 가진 회사로</p>
+                        <p>중국을 시작으로 세계 각지에 글로벌 물류 네트워크를 구축하였고</p>
+                        <p>오랜 실무경험을 통한 노하우로 언제 어디서나 고객만족을 실현하고 있습니다.</p>
+                        <p><a class="btn btn-lg btn-primary" href="#">물류망</a></p>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-item">
+                <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>
+
+                <div class="container">
+                    <div class="carousel-caption text-end">
+                        <h1>IL Logstics Competitive edge</h1>
+                        <p>IL Logistics는 급변하는 글로벌 경쟁시장에서</p>
+                        <p>고객의 실제적 상황에 따라 최적의 물류써비스를 제공하여</p>
+                        <p>고객의 이익극대화에 최선을 다하고 있습니다</p>
+                        <p><a class="btn btn-lg btn-primary" href="#">사업영역</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#myCarousel" type="button">
+            <span aria-hidden="true" class="carousel-control-prev-icon"></span>
+            <span class="visually-hidden">Previous</span>
+        </button>
+        <button class="carousel-control-next" data-bs-slide="next" data-bs-target="#myCarousel" type="button">
+            <span aria-hidden="true" class="carousel-control-next-icon"></span>
+            <span class="visually-hidden">Next</span>
+        </button>
+    </div>
+
+
+    <!-- Marketing messaging and featurettes
+    ================================================== -->
+    <!-- Wrap the rest of the page in another container to center all the content. -->
+
+    <div class="container marketing">
+        <!-- 업무 영역 -->
+        <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <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">
+                <p class="text-center">무역컨설팅</p>
+            </div>
+        </div><!-- /.row -->
+
+        <hr class="featurette-divider">
+
+        <!--  nation swiper start -->
+        <div class="container nation">
+            <div class="cp-12"><p>세계 각국이 선택한 국제종합물류</p></div>
+
+            <div class="swiper-container">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide"><img alt="호주" src="/image/nation/australia.svg"></div>
+                    <div class="swiper-slide"><img alt="브라질" src="/image/nation/brazil.svg"></div>
+                    <div class="swiper-slide"><img alt="중국" src="/image/nation/china.svg"></div>
+                    <div class="swiper-slide"><img alt="콜롬비아" src="/image/nation/colombia.svg"></div>
+                    <div class="swiper-slide"><img alt="프랑스" src="/image/nation/france.svg"></div>
+                    <div class="swiper-slide"><img alt="인도" src="/image/nation/india.svg"></div>
+                    <div class="swiper-slide"><img alt="이탈리아" src="/image/nation/italy.svg"></div>
+                    <div class="swiper-slide"><img alt="파키스탄" src="/image/nation/pakistan.svg"></div>
+                    <div class="swiper-slide"><img alt="페루" src="/image/nation/peru.svg"></div>
+                    <div class="swiper-slide"><img alt="카타르" src="/image/nation/qatar.svg"></div>
+                    <div class="swiper-slide"><img alt="스페인" src="/image/nation/spain.svg"></div>
+                    <div class="swiper-slide"><img alt="탄자니아" src="/image/nation/tanzania.svg"></div>
+                    <div class="swiper-slide"><img alt="베트남" src="/image/nation/vietnam.svg"></div>
+                </div>
+            </div>
+        </div>
+
+        <hr class="featurette-divider">
+
+        <div class="row featurette">
+            <div class="col-md-7">
+                <h2 class="featurette-heading">One-Stop <br/>Service</h2>
+                <p class="lead">물류라이센스를 통해 물류 전 과정을 아우르는 원스톱 물류서비스를 제공함으로써 물류비용 절감 및 효율성 향상에 기여하고 있습니다.</p>
+            </div>
+            <div class="col-md-5">
+                <img alt="one-stop" src="/image/service_category/onestop.jpg">
+            </div>
+        </div>
+
+        <hr class="featurette-divider">
+
+        <div class="row featurette">
+            <div class="col-md-7 order-md-2">
+                <h2 class="featurette-heading">Worldwide Information<br/>Network System<br/>(WINS)</h2>
+                <p class="lead">물류라이센스를 통해 물류 전 과정을 아우르는 원스톱 물류서비스를 제공함으로써 물류비용 절감 및 효율성 향상에 기여하고 있습니다.</p>
+            </div>
+            <div class="col-md-5 order-md-1">
+                <img alt="one-stop" src="/image/service_category/wins.png">
+            </div>
+        </div>
+
+        <hr class="featurette-divider">
+
+        <div class="row featurette">
+            <div class="col-md-7">
+                <h2 class="featurette-heading">Global<br/>Networks</h2>
+                <p class="lead">급변하는 글로벌 환경 속에서 국경을 초월한 물류 네트워크를 구축하여 고객의 물류 경쟁력 향상에 기여합니다.</p>
+            </div>
+            <div class="col-md-5">
+                <img alt="one-stop" src="/image/service_category/global.jpg">
+            </div>
+        </div>
+
+        <hr class="featurette-divider">
+
+        <!-- /END THE FEATURETTES -->
+
+    </div><!-- /.container -->
+
+
+    <!-- FOOTER -->
+    <!--<footer class="container">
+        <p class="float-end"><a href="#">Back to top</a></p>
+        <p>&copy; 2017–2021 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
+    </footer>-->
+    <footer class="footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <h4>회사 소개</h4>
+                    <p>CEO 인사말</p>
+                    <p>회사연혁</p>
+                    <p>경영이념</p>
+                </div>
+                <div class="col-md-6">
+                    <h4>Contact Us</h4>
+                    <p>연락처 및 위치 정보</p>
+                </div>
+            </div>
+        </div>
+        <div class="bottom-footer">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <p>&copy;2016 INTERNATIONAL LOGISTICS CO., LTD. ALL RIGHTS RESERVED.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </footer>
+</main>
+
+</body>
+<!-- 부트스트랩 JS -->
+<script crossorigin="anonymous"
+        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="/js/bootstrap.bundle.min.js"></script>
+
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
+<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+<script src="/js/swiper/swiper.js"></script>
+</html>

src/main/resources/templates/html/land.html

@@ -91,8 +91,27 @@
 </section>
 
 <section id="section3">
-    <h2>세 번째 섹션</h2>
-    <p>세 번째 섹션의 내용을 추가하세요.</p>
+    <h2>With over 20 countries</h2>
+    <div class="swiper-container">
+        <div class="swiper-wrapper">
+            <div class="swiper-slide"><img src="/image/nation/australia.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/brazil.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/china.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/colombia.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/france.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/india.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/italy.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/pakistan.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/peru.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/qatar.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/spain.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/tanzania.svg" alt="호주"></div>
+            <div class="swiper-slide"><img src="/image/nation/vietnam.svg" alt="호주"></div>
+            <!-- 필요한 만큼의 슬라이드 추가 -->
+        </div>
+        <!-- 페이지네이션 -->
+        <div class="swiper-pagination" style="display: none"></div>
+    </div>
 </section>
 
 <footer class="footer">
@@ -124,4 +143,23 @@
 <script crossorigin="anonymous"
         integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
         src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+<!-- 부트스트랩 JS -->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
+<script>
+    var swiper = new Swiper('.swiper-container', {
+        slidesPerView: 3,
+        spaceBetween: 30,
+        centeredSlides: true,
+        loop: true,
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+        },
+        autoplay: {
+            delay: 3000, // 3초마다 자동 슬라이딩
+            disableOnInteraction: false // 사용자 상호 작용 시에도 자동 슬라이딩 유지
+        }
+    });
+</script>
 </html>