wood-structure-buildings-in-Western-Sichuan
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover" name="viewport">
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
    <title>川西木结构民居文化</title>
    <link rel="stylesheet" href="css/nav.css">

    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/main.css" data-type="attach">
    <link rel="stylesheet" href="css/animate.min.css">

    <script src="js/switchMode.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/home.js" data-type="attach"></script>
    <script src="js/common.js" data-type="attach"></script>
    <script src="js/jquery-3.3.1.js" data-type="attach"></script>
</head>


<body>

    <h1 class='head-logo'>
        <a href='./index_en.html'>
<!-- 左上角logo -->
<!--             <img class='head-logo_img' src='./images/home/head_logo.png' id='head_logo' alt='hhhhh'>-->
        </a>
    </h1>

    <div class='translate-btn'>
        <a href='./index_en.html' >En</a>
    </div>

    <main id="state" class="main">
        <div class="home">
            <div id="home" class="home-contents pageScrollItem">
                <div class="main-title">川西木结构民居文化</div>
                <br>
                <div class="sub-title"> Culture Connotation of the Traditional Western Sichuan Dwellings</div>
<!--                 <h1 class="home-logo"><img src="./images/home/head_logo.png" id="main_home_logo" alt=""></h1>-->
            </div>

            <div id="intro" class="home-contents pageScrollItem  ">
                <h2 class="home__title">【简介】</h2>
                <div class="home-main">
                    <p class="home-main-catch">【Introduction】</p>
                    <div class="home-main-btn"><a href="Monomer.html">more info</a></div>
                </div>
                <div class="home__video">
                    <img src="images/home/settlement.jpg" alt="建筑群体-聚居">
                </div>
            </div>

            <div id="rooms" class="home-contents pageScrollItem">
                <h2 class="home__title">【影响因素】</h2>

                <div class="home-main">
                    <p class="home-main-catch">【Factors】</p>
                    <div class="home-main-btn"><a href="Settlement.html">more info</a></div>
                </div>
                <div class="home__video">
                    <img src="images/home/diaspora.jpg" alt="建筑群体-散居">
                </div>
            </div>

            <div id="dining" class="home-contents pageScrollItem">
                <h2 class="home__title">【结构特点】</h2>

                <div class="home-main">
                    <p class="home-main-catch">【Structural Characteristics】</p>
                    <div class="home-main-btn"><a href="Diasoira.html">more info</a></div>
                </div>
                <div class="home__video">
                    <img src="images/home/monomer.jpg" alt="单体构造">
                </div>
            </div>

            <div id="onsen" class="home-contents pageScrollItem">
                <h2 class="home__title">【保护与传承】</h2>
                <div class="home-main">
                    <p class="home-main-catch">【Protection and inheritance】</p>
                    <div class="home-main-btn"><a href="Protection.html">more info</a></div>
                </div>
                <div class="home__video">
                    <img src="./images/protection/20220920105858.jpg" alt="海">
                </div>
            </div>

        </div>
        <ul class="home-pagination">
            <li>
                <a href="" class="home-pagination__anc" data-num="0"></a>
            </li>
            <li>
                <a href="" class="home-pagination__anc" data-num="1"></a>
            </li>
            <li>
                <a href="" class="home-pagination__anc" data-num="2"></a>
            </li>
            <li>
                <a href="" class="home-pagination__anc" data-num="3"></a>
            </li>

        </ul>
    </main>
</body>

<script>
</script>


</html>