HTML5响应式手机模板：wap故宫手机微信专题页面模板html源码( HTML+CSS+JavaScript)

手机网站模板 手机模板 响应式手机网站 html5手机网站模板 企业手机网站模板 公司手机网站模板

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：wap故宫手机微信专题页面模板html源码。

2.网页作品编辑方面：此作品为html5响应式手机模板， html+css +js 布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

文章目录

  • HTML5响应式手机模板：wap故宫手机微信专题页面模板html源码( HTML+CSS+JavaScript)
  • 作品介绍
  • 一、作品演示
  • 二、代码目录
  • 三、代码实现
  • 四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
  • 五、源码获取
  • 六、更多HTML期末大作业(成品下载)
    • >>>戳我>>>点击进入200例期末大作业作品
一、作品演示

二、代码目录

三、代码实现 
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">

    <title>故宫叠粹</title>

    <link rel="stylesheet" type="text/css" href="css/style.css">

    <link rel="stylesheet" href="css/idangerous.swiper.css">

</head>

<body>

<div class="swiper-container">
<div class="swiper-wrapper">

            <div class="swiper-slide head">

            <!-- <div class="title">Slide 1</div> -->

                <!-- <img src="ke01_img/head.jpg" alt=""> -->

                <!-- <div class="headWord"></div> -->

            </div>

            <!-- <div class="swiper-slide num n1">

                <div class="info"></div>

            </div> -->

            <div class="swiper-slide num n2">

                <div class="info">

                </div>

            </div>

            <div class="swiper-slide num n3">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n4">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n5">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n6">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n7">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n8">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n9">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n10">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n11">

                <div class="info"></div>

            </div>

            <!-- <div class="swiper-slide num n12">

                <div class="info"></div>

            </div> -->

            <div class="swiper-slide num n13">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n14">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num n15">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num1">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num2">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num3">

                <div class="info"></div>

            </div>

         

            </div>

            <div class="swiper-slide num num22">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num23">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num24">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num25">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num26">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                            

                        </div>

                        <div class="swiper-slide two">

                            

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num27">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                            

                        </div>

                        <div class="swiper-slide two">

                            

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num28">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                           

                        </div>

                        <div class="swiper-slide two">

                           

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num30">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                            

                        </div>

                        <div class="swiper-slide two">

                            

                        </div>

                        <div class="swiper-slide three">

                            

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num31">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                            

                        </div>

                        <div class="swiper-slide two">

                            

                        </div>

                        <div class="swiper-slide three">

                            

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num32">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                            

                        </div>

                        <div class="swiper-slide two">

                            

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num33">

                 <a href="#" class="sliderArrow1 left"></a>

                <a href="#" class="sliderArrow2 right"></a>

                <div class="swiper-container swiper-nested-1">

                    <!-- <div class="pagination pagination-nested-1"></div> -->

                    <div class="swiper-wrapper">

                        <div class="swiper-slide one">

                            

                        </div>

                        <div class="swiper-slide two">

                            

                        </div>

                    </div>

                </div>

            </div>

            <div class="swiper-slide num num34">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num35">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num36">

                <div class="info"></div>

            </div>

            <div class="swiper-slide num num37">

                <div class="info"></div>

            </div>


            </div>

            <div class="swiper-slide orange-slide">

                <div class="title">Slide 8</div>

            </div>

            <div class="swiper-slide orange-slide">

                <div class="title">Slide 9</div>

            </div> -->

            <div class="swiper-slide num foot">

                <div class="share"></div>

            </div>

            <div class="swiper-slide num menu">

                <div class="banner">

                    <img src="images/logo-light-small.png" alt="">

                </div>

                <a href="http://m.artvoi/louvre">

                    <img src="images/index1.jpg" alt="">

                </a>

                <a href="http://m.artvoi/orsay">

                    <img src="images/index2.jpg" alt="">

                </a>

                <a href="http://m.artvoi/gg">

                    <img src="images/index3.jpg" alt="">

                </a>

            </div>

            

        </div>

        <div class="pagination"></div>

        <div class="music"></div>



    <div class="arrow"></div>


    <audio src="mp3/song.mp3" loop></audio>

    </div>



</body>

</html>
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

五、源码获取

❉ ~ 关注我，点赞博文~ 每天带你涨知识!

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

❉3.以上内容技术相关问题可以相互学习，可关注↓公Z号 获取更多源码 !

六、更多HTML期末大作业(成品下载)

>>>戳我>>>点击进入200例期末大作业作品

200多例 HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

更多推荐

HTML5手机网站模板：wap故宫手机微信专题页面模板html源码( HTML+CSS+JavaScript)