ili_home/src/main/resources/templates/html/info-plaza.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">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.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 -->
    <link href="/css/index.css" rel="stylesheet">
    <link href="/css/info-form.css" rel="stylesheet">
</head>
<body>
<header th:include="html/common/header" data-bs-theme="light">
</header>
<main>
    <div class="carousel slide" data-bs-ride="carousel" id="myCarousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="/image/banner-info-plaza.jpg" alt="">

                <div class="container">
                    <div class="carousel-caption">
                        <h1 class="banner_title">정보광장</h1>
                        <p class="banner_sub">The Master of Global Logistics</p>
                        <p>
                            <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>
            </div>
        </div>
    </div>
    <div class="container marketing" id="inner_form" th:include="html/info-inner/info-form" ></div>
    <div class="container marketing container-fluid" id="inner_container" th:include="html/info-inner/info-container" style="display: none"></div>
    <div class="container marketing container-fluid" id="inner_vol" th:include="html/info-inner/vol-cal" style="display: none"></div>
</main>
<hr class="featurette-divider">
<footer class="footer" th:include="html/common/footer">

</footer>
</body>
<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="/js/info-plaza/volCal.js"></script>
<script src="/js/info-plaza/infoFormChangeInner.js"></script>
<script src="/js/business-sector/bizChangeInner.js"></script>
</html>