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

<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<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>
    <!-- favicon -->
    <link rel="icon" href="/image/favicon/favicon.ico">
    <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>
<body>

<header th:include="html/common/header" data-bs-theme="light">
</header>

<main>
    <!-- swiper 브로슈어 -->
    <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
        <div class="carousel-inner" id="myBanner">
            <div class="carousel-item active">
                <img alt="main" src="/image/banner-ships.jpg" class="d-block w-100" id="banner_img">
                <div class="container">
                    <div class="carousel-caption">
                        <h1 class="banner_title">(주)국제종합물류 홈페이지를 찾아주신 여러분 환영합니다</h1>
                        <p>" 혁신경영으로 고객만족에 최선을 다하겠습니다 "</p>
                    </div>
                </div>
            </div>
        </div>


        <div class="container marketing">
            <hr class="featurette-divider" style="visibility: hidden">

            <div class="row featurette">
                <div class="col-md-7">
                    <h2 class="featurette-heading">World Wide 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" class="img-fluid rounded">
                </div>
            </div>

            <hr class="featurette-divider">

            <div class="row featurette">
                <div class="col-md-5">
                    <img alt="one-stop" src="/image/service_category/wins.jpg" class="img-fluid rounded">
                </div>
                <div class="col-md-7">
                    <h2 class="featurette-heading">Worldwide Information<br/>Network System</h2>
                    <p class="lead">물류사업 35년의 사업경험에서 축적된 노하우와 세계각지 물류현장을 기반으로 구축된 물류네트워크를 바탕으로 보다 신속하고
                        정확한 Worldwide Information 을 제공하여 물류비용 절감과 효율성 향상에 기여하고 있습니다.</p>
                </div>

            </div>

            <hr class="featurette-divider">

            <div class="row featurette">
                <div class="col-md-7">
                    <h2 class="featurette-heading">Global Logistics<br/>Networks</h2>
                    <p class="lead">급변하는 글로벌 무역환경에서 세계각지 물류현장을 기반으로 구축된 물류네트워크와 숙련된 인력으로 고객의 경쟁력 향상에 기여하고 있습니다.</p>
                </div>
                <div class="col-md-5">
                    <img alt="one-stop" src="/image/service_category/network.jpg" class="img-fluid rounded">
                </div>
            </div>

            <hr class="featurette-divider">

            <div class="row featurette">
                <div class="col-md-5">
                    <img alt="one-stop" src="/image/service_category/vietnamLogi.jpg" class="img-fluid rounded">
                </div>
                <div class="col-md-7">
                    <h2 class="featurette-heading">Global Multimodal<br/>Logistics</h2>
                    <p class="lead">중국, 베트남, 캄보디아, 미얀마 등 주요 동남아 지역에서는 당사가 최초로 개발하여 시행하고 있는 복합운송(도착일을 지정하는 운송방법)으로
                        물류비용은 물론 기업경쟁력 향상에 기여하고 있습니다.</p>
                </div>
            </div>

            <hr class="featurette-divider">


        </div><!-- /.container -->

    </div>
        <footer class="footer" th:include="html/common/footer">

        </footer>
</main>

</body>
<!-- 부트스트랩 JS -->
<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>