ili_home/src/main/resources/templates/html/contact-us.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>

    <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-->


    <!-- Custom styles for this template -->
    <link href="/css/index.css" rel="stylesheet">
    <link href="/css/modal.css" rel="stylesheet">
</head>
<body>
<div th:include="html/modal/lg-advice-modal"></div>
<header th:include="html/common/header">
</header>
<main>
    <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>

                <div class="container">
                    <div class="carousel-caption">
                        <h1>고객센터</h1>
                        <p>The Master of Global Logistics</p>
                        <p><a class="btn" href="javascript:void(0);" th:onclick="changeInner('notice')">안내/공지</a>
                            <a class="btn" href="javascript:void(0);" th:onclick="changeInner('estimate')">물류견적</a>
                            <a class="btn" href="javascript:void(0);" th:onclick="changeInner('logi_advice')">물류자문</a>
                            <a class="btn" href="javascript:void(0);" th:onclick="changeInner('history')">무역자문</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 업무내용 설명 -->

    <div class="container marketing" id="notice" th:include="html/contact-inner/notice">
    </div>
    <div class="container marketing" id="estimate" th:include="html/contact-inner/estimate" style="display: none">
    </div>
    <div class="container marketing" id="logi_advice" th:include="html/contact-inner/logi-advice" style="display: none">
    </div>
    <hr class="featurette-divider">
</main>

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

</footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="/js/business-sector/bizChangeInner.js"></script>
<script src="/js/contact/getList.js"></script>
<script src="/js/contact/makeHtml.js"></script>
<script src="/js/contact/advice.js"></script>
<script src="/js/contact/adviceValidation.js"></script>
<script src="/js/contact/openModal.js"></script>
<script src="/js/cookie/cookie-control.js"></script>
<script src="/js/contact/auth-phone.js"></script>
</html>