sunjian
/
ctc


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="node_modules/bootstrap-icons/font/bootstrap-icons.css">
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="static/css/index.css">
</head>
<body>

<div class="container-fluid" style="overflow: hidden">
    <div class="header">
        <div class="col-xl-10">
            <nav class="navbar navbar-dark navbar-expand-xl navbar-light bg-transparent justify-content-center">
                <div class="container-fluid">
                    <div class="row w-100">
                        <div class="col-xxl-1 col-xl-0"></div>
                        <div class="col-xxl-10 col-xl-12 d-flex align-items-center">
                            <a class="navbar-brand" href="#">
                                <img src="static/image/index/logo.png" class="custom-navbar-brand-img">
                            </a>
                            <button class="navbar-toggler order-first text-white" type="button"
                                    data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
                                    aria-controls="offcanvasNavbar">
                                <i class="bi bi-list fs-2"></i>
                            </button>

                            <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasNavbar"
                                 aria-labelledby="offcanvasNavbarLabel">
                                <div class="offcanvas-header">
                                    <img src="static/image/index/logo-2.png" class="custom-navbar-brand-img">
                                    <button type="button" class="btn-close text-reset border-0 "
                                            data-bs-dismiss="offcanvas" aria-label="Close"></button>
                                </div>
                                <div class="offcanvas-body">
                                    <!-- 导航菜单内容 -->

                                    <ul class="navbar-nav flex-row-centered w-100">
                                        <li class="nav-item dropdown me-4">
                                            <a class="nav-link" href="#"
                                               role="button" data-bs-toggle="dropdown" data-bs-display="static"
                                               aria-expanded="false">
                                                Who we are
                                            </a>
                                            <ul class="dropdown-menu" style="min-width: unset">
                                                <!--            通过设置padding来控制每个子标签的大小和文字位置-->
                                                <li>
                                                    <a class="dropdown-item " style="padding: 4px 10px 4px 10px;"
                                                       href="#"
                                                       data-bs-auto-close="outside">Group profile</a>
                                                </li>

                                                <li><a class="dropdown-item " style="padding: 4px 10px 4px 10px;"
                                                       href="#">Industrial layout</a></li>
                                                <li><a class="dropdown-item " style="padding: 4px 10px 4px 10px;"
                                                       href="#">Our advantage</a></li>
                                                <li><a class="dropdown-item " style="padding: 4px 10px 4px 10px;"
                                                       href="#">Certification</a></li>
                                                <li><a class="dropdown-item " style="padding: 4px 10px 4px 10px;"
                                                       href="#">Newsroom</a></li>
                                            </ul>
                                        </li>
                                        <li class="nav-item dropdown me-4">
                                            <a class="nav-link" href="#"
                                               role="button" data-bs-toggle="dropdown" data-bs-display="static"
                                               aria-expanded="false">
                                                What we do
                                            </a>
                                            <ul class="dropdown-menu" style="min-width: unset">
                                                <!--            通过设置padding来控制每个子标签的大小和文字位置-->
                                                <li class="dropdown-submenu">
                                                    <a class="dropdown-item" href="#" id="yarn" role="button"
                                                       aria-expanded="false">
                                                        Yarn
                                                    </a>
                                                </li>
                                                <li class="dropdown-submenu">
                                                    <a class="dropdown-item dropdown-icon"
                                                       href="#" id="fabrics" role="button"
                                                       aria-expanded="false">
                                                        Fabrics
                                                    </a>
                                                    <div class="dropdown-3rd-level-container" aria-labelledby="fabrics"
                                                         style="display: none;">
                                                        <!-- 3rd-level menu items -->
                                                        <ul class="dropdown-3rd-level">
                                                            <li><a class="dropdown-item" href="#">Yarn dyed</a></li>
                                                            <li><a class="dropdown-item" href="#">Piece dyed</a></li>
                                                            <li><a class="dropdown-item" href="#">Printing</a></li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="dropdown-submenu">
                                                    <a class="dropdown-item dropdown-icon" href="#" role="button"
                                                       aria-expanded="false">
                                                        Garment
                                                    </a>
                                                    <div class="dropdown-3rd-level-container" style="display: none;">
                                                        <!-- 3rd-level menu items -->
                                                        <ul class="dropdown-3rd-level">
                                                            <li><a class="dropdown-item" href="#">Formal</a></li>
                                                            <li><a class="dropdown-item" href="#">Casual</a></li>
                                                            <li><a class="dropdown-item" href="#">Knitted</a></li>
                                                            <li><a class="dropdown-item" href="#">Ladies</a></li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="dropdown-submenu"><a class="dropdown-item" href="#"
                                                                                role="button" aria-expanded="false">
                                                    Mtm</a></li>
                                            </ul>
                                        </li>
                                        <li class="nav-item dropdown me-4">
                                            <a class="nav-link" href="#"
                                               role="button" data-bs-toggle="dropdown" data-bs-display="static"
                                               aria-expanded="false">
                                                Sustainability
                                            </a>
                                            <div class="dropdown-menu" style="min-width: unset">
                                                <!--            通过设置padding来控制每个子标签的大小和文字位置-->
                                                <a class="dropdown-item" style="padding: 4px 10px 4px 10px;" href="#">Enviroment</a>
                                                <a class="dropdown-item" style="padding: 4px 10px 4px 10px;" href="#">Products</a>
                                                <a class="dropdown-item" style="padding: 4px 10px 4px 10px;" href="#">People</a>
                                            </div>
                                        </li>
                                        <li class="nav-item me-4">
                                            <a class="nav-link" href="#">Contact us</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!--                        <div class="collapse navbar-collapse w-100" id="navbarSupportedContent">-->
                            <!--                            -->
                            <!--                        </div>-->

                            <div class="navbar-nav ms-auto d-sm-flex">
                                <!-- 多语言选择 -->
                                <div class="muti-language d-sm-flex align-items-center justify-content-center"
                                     style="display: block">
                                    <i class="bi bi-globe me-1" style="font-size: 20px"></i>
                                    <span class="me-2">En</span>
                                    <span class="me-2">|</span>
                                    <span class="me-2">Vn</span>
                                    <!-- 搜索框 -->
                                    <div class="header-search ms-2" style="display: block">
                                        <img src="/static/svg/facebook-1.svg" class="img-fluid facebook-svg"
                                             style="width: 20px;height: 30px"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-1 col-xl-0"></div>
                    </div>

                </div>
            </nav>
        </div>
    </div>


    <div class="body">
        <section class="who-we-are">
            <div class="row gx-0">
                <div class="gradient-overlay"></div>
                <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="static/image/index/index-bg-1.jpg" class="d-block w-100" alt="...">
<!--                            <div class="carousel-caption d-none d-md-block position-absolute top-15 start-10">-->
<!--                                <div class="banner-text text-start">-->
<!--                                    <div class="title-text-1">-->
<!--                                        <p>WHO WE ARE</p>-->
<!--                                    </div>-->
<!--                                    <div class="detail-text-1">-->
<!--                                        <p>-->
<!--                                            <span class="content-text">Meeting society's energy</span>-->
<!--                                        </p>-->
<!--                                        <p>-->
<!--                                            <span class="content-text">needs and reducing emissions</span>-->
<!--                                        </p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
                        </div>
<!--                        <div class="carousel-item">-->
<!--                            <img src="static/image/index/index-bg-2.png" class="d-block w-100" alt="...">-->
<!--                            <div class="carousel-caption d-none d-md-block position-absolute top-30 start-10">-->
<!--                                <div class="banner-text text-start">-->
<!--                                    <div class="title-text-2">-->
<!--                                        <p>WHO WE ARE</p>-->
<!--                                    </div>-->
<!--                                    <div class="detail-text-2">-->
<!--                                        <p>-->
<!--                                            <span class="content-text">Meeting society's energy</span>-->
<!--                                        </p>-->
<!--                                        <p>-->
<!--                                            <span class="content-text">needs and reducing emissions</span>-->
<!--                                        </p>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="carousel-item">-->
<!--                            <img src="static/image/index/index-bg-3.png" class="d-block w-100" alt="...">-->
<!--                        </div>-->
                    </div>
                </div>
            </div>
        </section>

        <section class="find-out-more">
            <div class="row">
                <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                    <ul class="carousel-indicators">
                        <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></li>
                        <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></li>
                        <li data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></li>
                    </ul>
                    <div class="carousel-inner">
                        <div class="carousel-item active" data-bs-interval="1000000">
                            <img src="/static/image/index/banner-1.jpg" class="d-block w-100" alt="1">
                            <div class="carousel-caption d-none d-md-block position-absolute top-15 start-8-33">
                                <div class="banner-text text-start">
                                    <p>STRICTLY CONTROL</p>
                                    <p>EVERY PROCESS</p>
                                    <p style="margin-top: 3rem">
                                        <span>108 </span><span class="content-text">Proesses</span>
                                    </p>
                                    <p>
                                        <span>30 </span><span class="content-text">Ironing times</span>
                                    </p>
                                    <p>
                                        <span>23,000 </span><span class="content-text">Stitches</span>
                                    </p>
                                    <div class="cta-button">FIND OUT MORE</div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="/static/image/index/banner-2.jpg" class="d-block w-100" alt="2">
                            <div class="carousel-caption d-none d-md-block position-absolute end-10 top-32">
                                <div class="banner-text text-end">
                                    <p>STRICTLY CONTROL</p>
                                    <p>EVERY PROCESS</p>
                                    <div class="cta-button width-15">FIND OUT MORE</div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="/static/image/index/banner-3.jpg" class="d-block w-100" alt="3">
                            <div class="carousel-caption d-none d-md-block position-absolute start-8-33 top-32">
                                <div class="banner-text text-start text-white">
                                    <p>10,000 tests</p>
                                    <p>Start with a piece of fabric</p>
                                    <div class="cta-button-3 width-15 height-8">FIND OUT MORE</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="products">
            <div class="d-flex flex-column text-center mb-5 mt-10">
                <div class="row">
                    <div class="col-1">
                    </div>
                    <div class="col-11 text-start">
                        <h1 class="fw-bold" style="color: #595757">Products</h1>
                    </div>
                </div>

            </div>
            <div class="product-detail">
                <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active" data-bs-interval="1000000">
                            <div class="row g-5 justify-content-center">
                                <div class="col-md-1 col-sm-1"></div>
                                <div class="col-md-10 col-sm-10">
                                    <div class="row">
                                        <div class="col-md-4 col-sm-4">
                                            <div class="card">
                                                <div class="card-body d-flex flex-column">
                                                    <div class="card-img-container">
                                                        <img src="/static/image/index/产品线1-纱线.jpg" class="img-fluid"
                                                             alt="Image 1">
                                                    </div>
                                                    <div class="card-text-content">
                                                        <h5 class="card-title">YARN</h5>
                                                        <p class="card-text">Helping reduce emissions by providing solutions
                                                            to
                                                            our industrial
                                                            and commercial customers in growing markets for carbon
                                                            capture and storage, hydrogen and biofuels.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="card">
                                                <div class="card-body d-flex flex-column">
                                                    <div class="card-img-container">
                                                        <img src="/static/image/index/产品线2-色织.jpg" class="img-fluid"
                                                             alt="Image 1">
                                                    </div>
                                                    <div class="card-text-content">
                                                        <h5 class="card-title">YARN</h5>
                                                        <p class="card-text">Helping reduce emissions by providing solutions
                                                            to
                                                            our industrial
                                                            and commercial customers in growing markets for carbon
                                                            capture and storage, hydrogen and biofuels.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-4">
                                            <div class="card">
                                                <div class="card-body d-flex flex-column">
                                                    <div class="card-img-container">
                                                        <img src="/static/image/index/产品线3-匹染.jpg" class="img-fluid"
                                                             alt="Image 1">
                                                    </div>
                                                    <div class="card-text-content">
                                                        <h5 class="card-title">YARN</h5>
                                                        <p class="card-text">Helping reduce emissions by providing solutions
                                                            to
                                                            our industrial
                                                            and commercial customers in growing markets for carbon
                                                            capture and storage, hydrogen and biofuels.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-1 col-sm-1"></div>

                            </div>
                        </div>
                        <div class="carousel-item" data-bs-interval="1000000">
                            <div class="row g-5 justify-content-center">
                                <div class="col-md-3 col-sm-3">
                                    <div class="card">
                                        <div class="card-body d-flex flex-column">
                                            <div class="card-img-container">
                                                <img src="/static/image/index/产品线4-印染.jpg" class="img-fluid"
                                                     alt="Image 1">
                                            </div>
                                            <div class="card-text-content">
                                                <h5 class="card-title">YARN</h5>
                                                <p class="card-text">Helping reduce emissions by providing solutions
                                                    to
                                                    our industrial
                                                    and commercial customers in growing markets for carbon
                                                    capture and storage, hydrogen and biofuels.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <div class="card">
                                        <div class="card-body d-flex flex-column">
                                            <div class="card-img-container">
                                                <img src="/static/image/index/产品线5-正装.jpg" class="img-fluid"
                                                     alt="Image 1">
                                            </div>
                                            <div class="card-text-content">
                                                <h5 class="card-title">YARN</h5>
                                                <p class="card-text">Helping reduce emissions by providing solutions
                                                    to
                                                    our industrial
                                                    and commercial customers in growing markets for carbon
                                                    capture and storage, hydrogen and biofuels.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <div class="card">
                                        <div class="card-body d-flex flex-column">
                                            <div class="card-img-container">
                                                <img src="/static/image/index/产品线6-休闲.jpg" class="img-fluid"
                                                     alt="Image 1">
                                            </div>
                                            <div class="card-text-content">
                                                <h5 class="card-title">YARN</h5>
                                                <p class="card-text">Helping reduce emissions by providing solutions
                                                    to
                                                    our industrial
                                                    and commercial customers in growing markets for carbon
                                                    capture and storage, hydrogen and biofuels.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="row g-5 justify-content-center">
                                <div class="col-md-3 col-sm-3">
                                    <div class="card">
                                        <div class="card-body d-flex flex-column">
                                            <div class="card-img-container">
                                                <img src="/static/image/index/产品线7-休闲针织.jpg" class="img-fluid"
                                                     alt="Image 1">
                                            </div>
                                            <div class="card-text-content">
                                                <h5 class="card-title">YARN</h5>
                                                <p class="card-text">Helping reduce emissions by providing solutions
                                                    to
                                                    our industrial
                                                    and commercial customers in growing markets for carbon
                                                    capture and storage, hydrogen and biofuels.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <div class="card">
                                        <div class="card-body d-flex flex-column">
                                            <div class="card-img-container">
                                                <img src="/static/image/index/产品线8-女装.jpg" class="img-fluid"
                                                     alt="Image 1">
                                            </div>
                                            <div class="card-text-content">
                                                <h5 class="card-title">YARN</h5>
                                                <p class="card-text">Helping reduce emissions by providing solutions
                                                    to
                                                    our industrial
                                                    and commercial customers in growing markets for carbon
                                                    capture and storage, hydrogen and biofuels.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <div class="card">
                                        <div class="card-body d-flex flex-column">
                                            <div class="card-img-container">
                                                <img src="/static/image/index/产品线9-定制.jpg" class="img-fluid"
                                                     alt="Image 1">
                                            </div>
                                            <div class="card-text-content">
                                                <h5 class="card-title">YARN</h5>
                                                <p class="card-text">Helping reduce emissions by providing solutions
                                                    to
                                                    our industrial
                                                    and commercial customers in growing markets for carbon
                                                    capture and storage, hydrogen and biofuels.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleControls" role="button"
                       data-bs-slide="prev">
                               <span class="icon-with-circle">
                                  <i class="bi bi-chevron-left"></i>
                                </span>
                        <span class="visually-hidden">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleControls" role="button"
                       data-bs-slide="next">
                                <span class="icon-with-circle">
                                  <i class="bi bi-chevron-right"></i>
                                </span>
                        <span class="visually-hidden">Next</span>
                    </a>
                </div>
            </div>
        </section>
        <section class="foot-img">
            <div>
                <img src="static/image/index/可持续板块.jpg" style="width: 100%">
            </div>
        </section>
        <section class="foot-guide">
            <div class="row gx-0">
                <div class="col-lg-1">

                </div>
                <div class="col-lg-1 col-md-4">
                    <div class="title">
                        <h5>Who we are</h5>
                    </div>
                    <div class="detail">
                        <p>Group profile</p>
                        <p>Global layout</p>
                        <p>Business partner</p>
                        <p>Honor</p>
                    </div>

                </div>
                <div class="col-lg-1 col-md-4">
                    <div class="title">
                        <h5>What we do</h5>
                    </div>
                    <div class="detail">
                        <p>Yarn</p>
                        <p>Fabrics</p>
                        <p>Garment</p>
                        <p>Mtm</p>
                    </div>
                </div>
                <div class="col-lg-1 col-md-4">
                    <div class="title">
                        <h5>Sustinability</h5>
                    </div>
                    <div class="detail">
                        <p>Enviroment</p>
                        <p>Products</p>
                        <p>People</p>
                    </div>
                </div>
                <div class="col-lg-1 col-md-4">
                    <div class="title">
                        <h5>Comtact us</h5>
                    </div>
                </div>
                <div class="col-lg-4" style="height: 100%">
                </div>
            </div>
        </section>
        <section class="foot">
            <div class="row gx-0">
                <div class="col-lg-1 col-sm-1 text-end">
                </div>
                <div class="col-lg-2 col-sm-2 text-start">
                    <img src="static/image/index/logo-2.png">
                </div>
                <div class="col-lg-8 col-sm-9 text-end align-self-center" style="font-size: 10px">
                    <p>
                        To report any instances of fraud or phishing, please refer to out Anti-Fraud Information
                        Guide and email
                        us at reportfraud@pvh.com
                    </p>
                    <p>
                        © Copyright 2023-2024 Continental Group. All Rights Reserved. © 2024 PVH Corp., New York,
                        NY
                    </p>
                </div>
            </div>
        </section>
    </div>

</div>


<!-- jQuery (required for Bootstrap 4.x) -->
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<!-- Popper.js -->
<script src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="static/js/index.js"></script>

</body>

</html>