hongfuru/about.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>

    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/7.4.1/swiper-bundle.min.css" type="text/css" rel="stylesheet" />
    <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/aos/3.0.0-beta.6/aos.css" type="text/css" rel="stylesheet" />

    <link rel="stylesheet" href="./static/css/common.css">
    <link rel="stylesheet" href="./static/css/index.css">
</head>
<body>
    <!-- banner -->
    <div class="relative">
        <div class="size-full"><img class="size-full object-cover object-center" src="static/images/about-index-bg.jpg" alt=""></div>
        <div class="absolute top-0 left-0 size-full flex flex-row justify-center items-center px-[15%]">
            <div class="flex flex-row text-white mt-[.625rem] w-full">
                <img class="w-[1.25rem] h-[1.25rem] object-cover object-center" src="static/images/location-icon.png" alt=""><div class="ml-[.625rem] font-bold">首页</div>
                <a>&nbsp;>>&nbsp;</a>
                <a href="" class="hover:text-[#ff2a2a]">关于我们</a>
            </div>
        </div>
    </div>
    <!-- banner -->
    <!-- 关于我们 -->
    <div class="pt-[4rem]">
        <div class="grid grid-cols-2 gap-[1rem] max-[1344px]:grid-cols-1 min-[1344px]:w-[84rem] min-[1344px]:m-auto max-[1344px]:px-[15%] max-[800px]:px-[10%] py-[4rem]">
            <div class="col-span-1">
                <div class="text-[2rem] mb-[1rem]">关于我们</div>
                <div>
                    <p class="font-bold mb-[.125rem]">鸿福如电子电器有限公司</p>
                    <p class="leading-[2rem]">——点亮城市之美，匠心铸就品质</p>
                    <p class="leading-[2rem]">自2019年6月成立以来，鸿福如电子电器有限公司始终专注于户外灯饰产品的研发与生产。我们的产品广泛应用于公园、小区、旅游景点、城市主干道绿化亮化等领域，以卓越的品质和创新的设计赢得了国内外客户的信赖与赞誉。</p>
                    <p class="leading-[2rem]">以客户需求为导向，以技术创新为驱动</p>
                    <p class="leading-[2rem]">我们深知，每一盏灯不仅是照明的工具，更是城市景观的点睛之笔。因此，我们始终坚持以客户需求为核心，不断革新技术与工艺，用心打造每一款产品。从方案设计到效果图纸呈现，再到产品安装与售后服务，我们为客户提供一站式解决方案，确保每一个项目都能完美落地。</p>
                </div>
            </div>
            <div class="col-span-1">
                <img class="size-full object-cover object-center" src="static/images/about-img-1.jpg"/>
            </div>
        </div>
        <div class="bg-gray-200">
            <div class="grid grid-cols-4 max-[600px]:grid-cols-2 gap-[1rem] min-[1344px]:w-[84rem] min-[1344px]:m-auto max-[1344px]:px-[10%]">
                <div class="py-[3rem] max-[600px]:py-[1rem] flex flex-col items-center justify-center gap-[2rem] max-[600px]:gap-[1rem]">
                    <div class="text-[2rem] text-orange-600">20+</div>
                    <div>多年外贸经验</div>
                </div>
                <div class="py-[3rem] max-[600px]:py-[1rem] flex flex-col items-center justify-center gap-[2rem] max-[600px]:gap-[1rem]">
                    <div class="text-[2rem] text-orange-600">20+</div>
                    <div>多年外贸经验</div>
                </div>
                <div class="py-[3rem] max-[600px]:py-[1rem] flex flex-col items-center justify-center gap-[2rem] max-[600px]:gap-[1rem]">
                    <div class="text-[2rem] text-orange-600">20+</div>
                    <div>多年外贸经验</div>
                </div>
                <div class="py-[3rem] max-[600px]:py-[1rem] flex flex-col items-center justify-center gap-[2rem] max-[600px]:gap-[1rem]">
                    <div class="text-[2rem] text-orange-600">20+</div>
                    <div>多年外贸经验</div>
                </div>
            </div>
        </div>
        <div class="w-full h-[30rem] bg-[url(static/images/about-img-2.jpg)] bg-cover bg-center bg-no-repeat flex flex-col justify-between">
            <div class="flex flex-col items-center justify-center">
                <p class="text-white text-[2rem] mt-[4rem]">我们的优势</p>
                <div class="w-[3rem] h-[0.25rem] bg-orange-500"></div>
            </div>
            <div class="px-[15%]">
                <div class="overflow-hidden translate-y-[70%] px-[1rem]">
                    <div class="swiper about-advantage-swiper w-full h-[14rem] overflow-visible">
                        <div class="swiper-wrapper h-[10rem] py-[1rem]">
                            <div class="swiper-slide about-advantage-swiper-slide bg-white flex flex-col items-center justify-center gap-[1.5rem]">
                                <div class="size-[2.5rem]">
                                    <svg t="1746939406055" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3479"><path d="M975.7 188.4H868.9v-68c0-26.7-21.7-48.3-48.3-48.3H203.4c-26.7 0-48.3 21.7-48.3 48.3v68H48.3C21.7 188.4 0 210.1 0 236.8V328c0 48.4 17.9 94.6 50.5 130.2 33.4 36.5 78.3 57.3 126.4 58.8 1.9 0.1 3.7 0.1 5.6 0.1 5.2 0 10.5-0.2 15.7-0.7 14.7 27.7 32.9 53.6 54.4 77.1 47.7 52.1 107.8 88 173.8 104.6V893c0 1.3 0.1 2.6 0.3 3.9h-89.1c-15.2 0-27.5 12.3-27.5 27.5s12.3 27.5 27.5 27.5h348.9c15.2 0 27.5-12.3 27.5-27.5s-12.3-27.5-27.5-27.5h-89.1c0.2-1.3 0.3-2.5 0.3-3.9V698.4c14.1-3.5 28.1-7.8 41.8-13.1 44.4-17 84.4-42.3 118.9-75.2 28.7-27.3 52.2-58.7 70.3-93.5 2.4 0.2 4.8 0.3 7.3 0.4 1.9 0.1 3.8 0.1 5.7 0.1 47.7 0 92.6-18.2 127-51.5 35.8-34.7 55.4-81.2 55.4-131.1v-97.7c-0.1-26.7-21.8-48.4-48.4-48.4zM54.9 328v-84.7H155v99c0 41.1 6.7 81.5 19.6 119.6-66.3-4.1-119.7-63.3-119.7-133.9zM543 897h-62c0.2-1.3 0.3-2.5 0.3-3.9V707.4c4.5 0.4 9 0.7 13.5 0.9 5.8 0.3 11.6 0.4 17.4 0.4 10.2 0 20.4-0.4 30.5-1.3V893c0 1.4 0.1 2.7 0.3 4z m177.4-326.6c-29.2 27.9-63.1 49.3-100.6 63.6-16.9 6.5-34.2 11.3-51.8 14.6-1.8 0.1-3.5 0.4-5.2 0.9-21.4 3.6-43.3 5-65.5 3.9-12.5-0.6-24.8-2-37-4.1-0.9-0.2-1.9-0.4-2.9-0.5-62.5-11.7-119.8-43.6-164.4-92.3-53.5-58.5-83-134.6-83-214.2V127h604v224.6c0 42.1-8.5 82.8-25.2 121-16.1 37-39.1 69.8-68.4 97.8z m248.7-235.9c0 34.8-13.8 67.4-38.8 91.7-21.6 20.9-49.1 33.3-78.6 35.6 11.5-35.4 17.3-72.3 17.3-110.2V243.4h100.1v91.1z" fill="" p-id="3480"></path></svg>
                                </div>
                                <p>专攻产品</p>
                            </div>
                            <div class="swiper-slide about-advantage-swiper-slide bg-white flex flex-col items-center justify-center gap-[1.5rem]">
                                <div class="size-[2.5rem]">
                                    <svg t="1746939406055" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3479"><path d="M975.7 188.4H868.9v-68c0-26.7-21.7-48.3-48.3-48.3H203.4c-26.7 0-48.3 21.7-48.3 48.3v68H48.3C21.7 188.4 0 210.1 0 236.8V328c0 48.4 17.9 94.6 50.5 130.2 33.4 36.5 78.3 57.3 126.4 58.8 1.9 0.1 3.7 0.1 5.6 0.1 5.2 0 10.5-0.2 15.7-0.7 14.7 27.7 32.9 53.6 54.4 77.1 47.7 52.1 107.8 88 173.8 104.6V893c0 1.3 0.1 2.6 0.3 3.9h-89.1c-15.2 0-27.5 12.3-27.5 27.5s12.3 27.5 27.5 27.5h348.9c15.2 0 27.5-12.3 27.5-27.5s-12.3-27.5-27.5-27.5h-89.1c0.2-1.3 0.3-2.5 0.3-3.9V698.4c14.1-3.5 28.1-7.8 41.8-13.1 44.4-17 84.4-42.3 118.9-75.2 28.7-27.3 52.2-58.7 70.3-93.5 2.4 0.2 4.8 0.3 7.3 0.4 1.9 0.1 3.8 0.1 5.7 0.1 47.7 0 92.6-18.2 127-51.5 35.8-34.7 55.4-81.2 55.4-131.1v-97.7c-0.1-26.7-21.8-48.4-48.4-48.4zM54.9 328v-84.7H155v99c0 41.1 6.7 81.5 19.6 119.6-66.3-4.1-119.7-63.3-119.7-133.9zM543 897h-62c0.2-1.3 0.3-2.5 0.3-3.9V707.4c4.5 0.4 9 0.7 13.5 0.9 5.8 0.3 11.6 0.4 17.4 0.4 10.2 0 20.4-0.4 30.5-1.3V893c0 1.4 0.1 2.7 0.3 4z m177.4-326.6c-29.2 27.9-63.1 49.3-100.6 63.6-16.9 6.5-34.2 11.3-51.8 14.6-1.8 0.1-3.5 0.4-5.2 0.9-21.4 3.6-43.3 5-65.5 3.9-12.5-0.6-24.8-2-37-4.1-0.9-0.2-1.9-0.4-2.9-0.5-62.5-11.7-119.8-43.6-164.4-92.3-53.5-58.5-83-134.6-83-214.2V127h604v224.6c0 42.1-8.5 82.8-25.2 121-16.1 37-39.1 69.8-68.4 97.8z m248.7-235.9c0 34.8-13.8 67.4-38.8 91.7-21.6 20.9-49.1 33.3-78.6 35.6 11.5-35.4 17.3-72.3 17.3-110.2V243.4h100.1v91.1z" fill="" p-id="3480"></path></svg>
                                </div>
                                <p>专攻产品</p>
                            </div>
                            <div class="swiper-slide about-advantage-swiper-slide  bg-white flex flex-col items-center justify-center gap-[1.5rem]">
                                <div class="size-[2.5rem]">
                                    <svg t="1746939406055" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3479"><path d="M975.7 188.4H868.9v-68c0-26.7-21.7-48.3-48.3-48.3H203.4c-26.7 0-48.3 21.7-48.3 48.3v68H48.3C21.7 188.4 0 210.1 0 236.8V328c0 48.4 17.9 94.6 50.5 130.2 33.4 36.5 78.3 57.3 126.4 58.8 1.9 0.1 3.7 0.1 5.6 0.1 5.2 0 10.5-0.2 15.7-0.7 14.7 27.7 32.9 53.6 54.4 77.1 47.7 52.1 107.8 88 173.8 104.6V893c0 1.3 0.1 2.6 0.3 3.9h-89.1c-15.2 0-27.5 12.3-27.5 27.5s12.3 27.5 27.5 27.5h348.9c15.2 0 27.5-12.3 27.5-27.5s-12.3-27.5-27.5-27.5h-89.1c0.2-1.3 0.3-2.5 0.3-3.9V698.4c14.1-3.5 28.1-7.8 41.8-13.1 44.4-17 84.4-42.3 118.9-75.2 28.7-27.3 52.2-58.7 70.3-93.5 2.4 0.2 4.8 0.3 7.3 0.4 1.9 0.1 3.8 0.1 5.7 0.1 47.7 0 92.6-18.2 127-51.5 35.8-34.7 55.4-81.2 55.4-131.1v-97.7c-0.1-26.7-21.8-48.4-48.4-48.4zM54.9 328v-84.7H155v99c0 41.1 6.7 81.5 19.6 119.6-66.3-4.1-119.7-63.3-119.7-133.9zM543 897h-62c0.2-1.3 0.3-2.5 0.3-3.9V707.4c4.5 0.4 9 0.7 13.5 0.9 5.8 0.3 11.6 0.4 17.4 0.4 10.2 0 20.4-0.4 30.5-1.3V893c0 1.4 0.1 2.7 0.3 4z m177.4-326.6c-29.2 27.9-63.1 49.3-100.6 63.6-16.9 6.5-34.2 11.3-51.8 14.6-1.8 0.1-3.5 0.4-5.2 0.9-21.4 3.6-43.3 5-65.5 3.9-12.5-0.6-24.8-2-37-4.1-0.9-0.2-1.9-0.4-2.9-0.5-62.5-11.7-119.8-43.6-164.4-92.3-53.5-58.5-83-134.6-83-214.2V127h604v224.6c0 42.1-8.5 82.8-25.2 121-16.1 37-39.1 69.8-68.4 97.8z m248.7-235.9c0 34.8-13.8 67.4-38.8 91.7-21.6 20.9-49.1 33.3-78.6 35.6 11.5-35.4 17.3-72.3 17.3-110.2V243.4h100.1v91.1z" fill="" p-id="3480"></path></svg>
                                </div>
                                <p>专攻产品</p>
                            </div>
                            <div class="swiper-slide about-advantage-swiper-slide  bg-white flex flex-col items-center justify-center gap-[1.5rem]">
                                <div class="size-[2.5rem]">
                                    <svg t="1746939406055" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3479"><path d="M975.7 188.4H868.9v-68c0-26.7-21.7-48.3-48.3-48.3H203.4c-26.7 0-48.3 21.7-48.3 48.3v68H48.3C21.7 188.4 0 210.1 0 236.8V328c0 48.4 17.9 94.6 50.5 130.2 33.4 36.5 78.3 57.3 126.4 58.8 1.9 0.1 3.7 0.1 5.6 0.1 5.2 0 10.5-0.2 15.7-0.7 14.7 27.7 32.9 53.6 54.4 77.1 47.7 52.1 107.8 88 173.8 104.6V893c0 1.3 0.1 2.6 0.3 3.9h-89.1c-15.2 0-27.5 12.3-27.5 27.5s12.3 27.5 27.5 27.5h348.9c15.2 0 27.5-12.3 27.5-27.5s-12.3-27.5-27.5-27.5h-89.1c0.2-1.3 0.3-2.5 0.3-3.9V698.4c14.1-3.5 28.1-7.8 41.8-13.1 44.4-17 84.4-42.3 118.9-75.2 28.7-27.3 52.2-58.7 70.3-93.5 2.4 0.2 4.8 0.3 7.3 0.4 1.9 0.1 3.8 0.1 5.7 0.1 47.7 0 92.6-18.2 127-51.5 35.8-34.7 55.4-81.2 55.4-131.1v-97.7c-0.1-26.7-21.8-48.4-48.4-48.4zM54.9 328v-84.7H155v99c0 41.1 6.7 81.5 19.6 119.6-66.3-4.1-119.7-63.3-119.7-133.9zM543 897h-62c0.2-1.3 0.3-2.5 0.3-3.9V707.4c4.5 0.4 9 0.7 13.5 0.9 5.8 0.3 11.6 0.4 17.4 0.4 10.2 0 20.4-0.4 30.5-1.3V893c0 1.4 0.1 2.7 0.3 4z m177.4-326.6c-29.2 27.9-63.1 49.3-100.6 63.6-16.9 6.5-34.2 11.3-51.8 14.6-1.8 0.1-3.5 0.4-5.2 0.9-21.4 3.6-43.3 5-65.5 3.9-12.5-0.6-24.8-2-37-4.1-0.9-0.2-1.9-0.4-2.9-0.5-62.5-11.7-119.8-43.6-164.4-92.3-53.5-58.5-83-134.6-83-214.2V127h604v224.6c0 42.1-8.5 82.8-25.2 121-16.1 37-39.1 69.8-68.4 97.8z m248.7-235.9c0 34.8-13.8 67.4-38.8 91.7-21.6 20.9-49.1 33.3-78.6 35.6 11.5-35.4 17.3-72.3 17.3-110.2V243.4h100.1v91.1z" fill="" p-id="3480"></path></svg>
                                </div>
                                <p>专攻产品</p>
                            </div>
                            <div class="swiper-slide about-advantage-swiper-slide  bg-white flex flex-col items-center justify-center gap-[1.5rem]">
                                <div class="size-[2.5rem]">
                                    <svg t="1746939406055" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3479"><path d="M975.7 188.4H868.9v-68c0-26.7-21.7-48.3-48.3-48.3H203.4c-26.7 0-48.3 21.7-48.3 48.3v68H48.3C21.7 188.4 0 210.1 0 236.8V328c0 48.4 17.9 94.6 50.5 130.2 33.4 36.5 78.3 57.3 126.4 58.8 1.9 0.1 3.7 0.1 5.6 0.1 5.2 0 10.5-0.2 15.7-0.7 14.7 27.7 32.9 53.6 54.4 77.1 47.7 52.1 107.8 88 173.8 104.6V893c0 1.3 0.1 2.6 0.3 3.9h-89.1c-15.2 0-27.5 12.3-27.5 27.5s12.3 27.5 27.5 27.5h348.9c15.2 0 27.5-12.3 27.5-27.5s-12.3-27.5-27.5-27.5h-89.1c0.2-1.3 0.3-2.5 0.3-3.9V698.4c14.1-3.5 28.1-7.8 41.8-13.1 44.4-17 84.4-42.3 118.9-75.2 28.7-27.3 52.2-58.7 70.3-93.5 2.4 0.2 4.8 0.3 7.3 0.4 1.9 0.1 3.8 0.1 5.7 0.1 47.7 0 92.6-18.2 127-51.5 35.8-34.7 55.4-81.2 55.4-131.1v-97.7c-0.1-26.7-21.8-48.4-48.4-48.4zM54.9 328v-84.7H155v99c0 41.1 6.7 81.5 19.6 119.6-66.3-4.1-119.7-63.3-119.7-133.9zM543 897h-62c0.2-1.3 0.3-2.5 0.3-3.9V707.4c4.5 0.4 9 0.7 13.5 0.9 5.8 0.3 11.6 0.4 17.4 0.4 10.2 0 20.4-0.4 30.5-1.3V893c0 1.4 0.1 2.7 0.3 4z m177.4-326.6c-29.2 27.9-63.1 49.3-100.6 63.6-16.9 6.5-34.2 11.3-51.8 14.6-1.8 0.1-3.5 0.4-5.2 0.9-21.4 3.6-43.3 5-65.5 3.9-12.5-0.6-24.8-2-37-4.1-0.9-0.2-1.9-0.4-2.9-0.5-62.5-11.7-119.8-43.6-164.4-92.3-53.5-58.5-83-134.6-83-214.2V127h604v224.6c0 42.1-8.5 82.8-25.2 121-16.1 37-39.1 69.8-68.4 97.8z m248.7-235.9c0 34.8-13.8 67.4-38.8 91.7-21.6 20.9-49.1 33.3-78.6 35.6 11.5-35.4 17.3-72.3 17.3-110.2V243.4h100.1v91.1z" fill="" p-id="3480"></path></svg>
                                </div>
                                <p>专攻产品</p>
                            </div>
                        </div>
                        <div class="about-advantage-pagination w-full flex flex-row items-center justify-center gap-[1rem]">
                            <div class="about-advantage-pagination-item hover:bg-black cursor-pointer size-[1rem] rounded-[50%] bg-[#888] bg-opacity-70 duration-300"></div>
                            <div class="about-advantage-pagination-item hover:bg-black cursor-pointer size-[1rem] rounded-[50%] bg-[#888] bg-opacity-70 duration-300"></div>
                            <div class="about-advantage-pagination-item hover:bg-black cursor-pointer size-[1rem] rounded-[50%] bg-[#888] bg-opacity-70 duration-300"></div>
                            <div class="about-advantage-pagination-item hover:bg-black cursor-pointer size-[1rem] rounded-[50%] bg-[#888] bg-opacity-70 duration-300"></div>
                            <div class="about-advantage-pagination-item hover:bg-black cursor-pointer size-[1rem] rounded-[50%] bg-[#888] bg-opacity-70 duration-300"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg-gray-100 px-[15%] pt-[10rem] pb-[4rem]">
            <div>
                <div class="flex flex-col items-center justify-center mb-[3rem]">
                    <p class="text-[2rem] mt-[4rem]">我们的证书</p>
                    <div class="w-[3rem] h-[0.25rem] bg-orange-500"></div>
                </div>
                <div class="swiper about-honor-swiper h-[24rem]">
                    <div class="about-honor-prev-button absolute top-1/2 left-0 transform -translate-y-1/2 z-10 cursor-pointer bg-gray-400 opacity-70">
                        <svg t="1746956649148" class="h-[4rem] w-[2rem]" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4457" width="200" height="200"><path d="M729.6 931.2l-416-425.6 416-416c9.6-9.6 9.6-25.6 0-35.2-9.6-9.6-25.6-9.6-35.2 0l-432 435.2c-9.6 9.6-9.6 25.6 0 35.2l432 441.6c9.6 9.6 25.6 9.6 35.2 0C739.2 956.8 739.2 940.8 729.6 931.2z" p-id="4458" fill="#ffffff"></path></svg>
                    </div>
                    <div class="about-honor-next-button absolute top-1/2 right-0 transform -translate-y-1/2 z-10 cursor-pointer bg-gray-400 opacity-70">
                        <svg t="1746956817891" class="h-[4rem] w-[2rem]" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5696" id="mx_n_1746956817892" width="200" height="200"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="5697" fill="#ffffff"></path></svg>
                    </div>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="size-full">
                                <img class="size-full object-contain object-center" src="static/images/about-honor-img-1.jpg"/>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="size-full">
                                <img class="size-full object-contain object-center" src="static/images/about-honor-img-1.jpg"/>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="size-full">
                                <img class="size-full object-contain object-center" src="static/images/about-honor-img-1.jpg"/>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="size-full">
                                <img class="size-full object-contain object-center" src="static/images/about-honor-img-1.jpg"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 关于我们 -->
    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js" type="application/javascript"></script>
    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/7.4.1/swiper-bundle.min.js" type="application/javascript"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aos/3.0.0-beta.6/aos.js" type="application/javascript"></script>
    <script src="./static/js/common.js"></script>
    <script src="./static/js/index.js"></script>
</body>
</html>