1. 编程号首页

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript

编程小号 • • 未分类

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript这是我参与11月更文挑战的第5天，活动详情查看：2021最后一次更文挑战」 响应式风景旅游网页设计国庆旅游主题-HTML+CSS+JavaScript【源码分享】  ​​

theme: condensed-night-purple highlight: a11y-dark

​ 这是我参与11月更文挑战的第5天，活动详情查看：2021最后一次更文挑战」

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？网页要求的总数量太多？HTML网页作业无从下手？没有合适的模板？等等一系列问题。你想要解决的问题，在这里常见网页设计作业题材有 个人、 美食、 公司、体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、  文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的电竞博客网页制作，画面精明，非常适合初学者学习使用。

 B站视频演示： web前端期末大作业-响应式旅游网页网站设计.mp4

网站首页 

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript​​

关于我们

上海珍岛商业管理有限公司位于国家级经济技术开发区，是首批专注于精品民宿的新型创业连锁平台。公司成立于2016年2月，注册资金1000万元。珍岛使命在于构筑“万众创新、大众创业”的新型平台，建立一个为历史和未来负责的、“留得住浓浓的乡愁”的城镇化村落服务体系，
为中国城镇化进程中的美丽乡村建设贡献一份力量。

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript 文苑之旅

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript 热门目的地

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript 【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript 新闻资讯动态

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript 留言中心

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript

项目组织结构：

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript

主要源码展示：

项目组织结构：

【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript

主要源码展示：


<html>

</head>

<body>

    <div>
        <!--header-->
        <header class="header home_p">
            <div class="container">
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="" /></a>
                </div>
                <a href="#mmenu" class="phone-nav"><i class="fa fa-list"></i></a>
                <div class="logo_right">
                    <nav class="nav">
                        <ul>
                            <li><a href="index.html" class="active">首页</a></li>
                            <li><a href="scenic_overview.html">景区概况</a></li>
                            <li><a href="court_travel.html">文苑之旅</a>
                                <ul>
                                    <li><a href="court_travel.html">茶艺中心</a></li>
                                    <li><a href="court_travel.html">万竹林海</a></li>
                                    <li><a href="court_travel.html">创意中心</a></li>
                                    <li><a href="court_travel.html">花草园艺</a></li>
                                </ul>
                            </li>
                            <li><a href="comfortable.html">舒雅住宅</a></li>
                            <li><a href="news.html">新闻动态</a>
                                <ul>
                                    <li><a href="news.html">公司新闻</a></li>
                                    <li><a href="news.html">行业新闻</a></li>
                                </ul>
                            </li>
                            <li><a href="feedback.html">留言中心</a></li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>
                    </nav>
                    <div class="search">
                        <span class="sea_x">
		  	 		<input type="" name="" id="" placeholder="请输入关键词">
		  	 		<i class="fa fa-search"></i>		  	
		  	 	</span>
                        <span class="y_z">
		  	 		<a href="" class="zh active">中</a><a href="" class="en">En</a>
		  	 		
		  	 	</span>
                    </div>
                </div>

            </div>
        </header>

        <!--banner start-->
        <section class="banner">
            <div><a href="index.html"><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href="index.html"><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href="index.html"><img src="images/banner1.jpg" alt=""></a></div>
        </section>
        <!--banner end-->
        <div class="jqgk">
            <div class="contai">
                <div class="top_tit">
                    <span class="span1"><a href="scenic_overview.html">景区概况</a></span><br />
                    <span class="span2">SCENIC OVERVIEW</span>
                </div>
                <p class="wow bounceIn">
                    上海珍岛商业管理有限公司位于国家级经济技术开发区，是首批专注于精品民宿的新型创业连锁平台。<br /> 公司成立于2016年2月，注册资金1000万元。珍岛使命在于构筑“万众创新、大众创业”的新型平台，建立一个为历史和未来负责的、“留得住浓浓的乡愁”的城镇化村落服务体系，
                    <br /> 为中国城镇化进程中的美丽乡村建设贡献一份力量。
                </p>
                <div class="xia_x">
                    <span class="img"></span>
                </div>
            </div>
        </div>
        <div class="wyzl">
            <div class="top_tit">
                <span class="span1"><a href="court_travel.html">文苑之旅</a></span><br />
                <span class="span2">COURT TRAVEL</span>
            </div>
            <ul class="clearfix">
                <li class="wow bounceIn">
                    <a href="court_travel.html"><img src="images/home_1.png" alt="" class="vcenter" /><i></i></a>
                    <a href="court_travel.html">万竹林海(一)</a>
                </li>
                <li class="wow bounceIn">
                    <a href="court_travel.html"><img src="images/home_2.png" alt="" class="vcenter" /><i></i></a>
                    <a href="court_travel.html">万竹林海(二)</a>
                </li>
                <li class="wow bounceIn">
                    <a href="court_travel.html"><img src="images/home_3.png" alt="" class="vcenter" /><i></i></a>
                    <a href="court_travel.html">万竹林海(三)</a>
                </li>
            </ul>
        </div>
        <!--wyzl end-->
        <div class="syzz">
            <div class="top_tit">
                <span class="span1"><a href="scenic_overview.html">舒雅住宅</a></span><br />
                <span class="span2">COMFORTABLE RESIDENTIAL</span>
            </div>
            <div class="syzz_con clearfix">
                <div class="left">
                    <div><a href="comfortable.html"><img src="images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div>
                    <div><a href="comfortable.html"><img src="images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div>
                    <div><a href="comfortable.html"><img src="images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div>
                </div>
                <div class="right">
                    <img src="images/fang.png" alt="" />
                    <div class="fang_t">
                        <span>客 |</span>
                        <span>房 |</span>
                        <span>介 |</span>
                        <span>绍</span>
                    </div>
                    <div class="fang_c">
                        桃花林苑中有各式客房100套,房型分为中式、现代两个类型,以满足客人的不同需求…
                    </div>
                    <div class="pr_ne clearfix">
                        <span class="pr">
					
						上一个
					</span>
                        <span class="ne">
						下一个
					</span>
                    </div>
                </div>
            </div>
            <div class="xia_x">
                <span class="img"></span>
            </div>
        </div>
        <!--syzz end-->
        <div class="home_news">
            <div class="news_con">
                <div class="top_tit">
                    <span class="span1"><a href="news.html">新闻动态</a></span><br />
                    <span class="span2">NEWS</span>
                </div>
                <ul>
                    <li class="clearfix wow bounceIn">
                        <div class="news_left">
                            <a href="news.html">暑假去哪玩？桃花苑天地避暑甚好！</a>
                            <p>
                                暑期近在眼前，还在犹豫带孩子去哪儿玩吗？炎热的夏天，一颗躁动的心，背上收拾好的背包，走遍大好河山 ，感受大千世界，还不如隐居室外桃源桃花苑天地精品。少一些城市的喧嚣，回归大自然的清新脱俗，来一场说走就走的夏日之旅吧。
                            </p>
                        </div>
                        <div class="news_right">
                            <span>07.21</span>
                            <time>2020</time>
                        </div>
                    </li>
                    <li class="clearfix wow bounceIn">
                        <div class="news_left">
                            <a href="news.html">花落流水春又去</a>
                            <p>
                                春暖花开，桃花苑天地精品大咖云集，活动丰富。不仅有适合小朋友们的春游活动，有适合老年朋友的喝茶加棋牌， 还有书法大咖们的加盟，乃至电视真人秀节目的拍摄。这可把桃花宝宝们忙坏了，不过没关系，累并快乐着，桃花宝宝非常欢迎大家的到来……
                            </p>
                        </div>
                        <div class="news_right">
                            <span>05.25</span>
                            <time>2020</time>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="news_left">
                            <a href="news.html">蝴蝶摘花来</a>
                            <p>
                                清朝末年，先生在宁波开了一家面店，生意不错。一天，一位即将回国的美国华侨 ，登船前来到卜先生的店里吃面，离店时竟把一只皮箱落下了。 先生打烊时才发现这只皮箱，但已无法找到失主，只好把皮箱小心收藏，等待着失主前来认领。
                            </p>
                        </div>
                        <div class="news_right">
                            <span>05.25</span>
                            <time>2020</time>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="news_left">
                            <a href="news.html">这是我们想去的地方</a>
                            <p>
                                春暖花开，桃花苑天地精品大咖云集，活动丰富。不仅 有适合小朋友们的春游活动，有适合老年朋友的喝茶加棋牌， 还有书法大咖们的加盟，乃至电视真人秀节目的拍摄。 这可把桃花宝宝们忙坏了，不过没关系，累并快乐着，桃花宝宝非常欢迎大家的到来……
                            </p>
                        </div>
                        <div class="news_right">
                            <span>05.25</span>
                            <time>2020</time>
                        </div>
                    </li>
                </ul>
                <a href="news.html" class="more">MORE</a>
            </div>
        </div>



        <!--footer start-->
        <footer class="footer">
            <div class="footer_con">
                <div class="con">
                    <div class="nei">
                        <div class="">
                            <ul class="di_nav clearfix">
                                <li><a href="scenic_overview.html">景区概况</a></li>
                                <li><a href="court_travel.html">文苑之旅</a></li>
                                <li><a href="comfortable.html">舒雅住宅</a></li>
                                <li><a href="news.html">新闻动态</a></li>
                                <li><a href="feedback.html">留言中心</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                            <div class="links">友情链接
                                <ul>
                                    <li><a href="">百度文化</a></li>
                                    <li><a href="">新浪微博</a></li>
                                    <li><a href="">百度知道</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="lian">
                            电话：<a href="tel:XXX">XXX</a><br /> 邮箱：
                            <a href="mailto:XXX">XXX</a><br /> 手机：
                            <a href="tel:XXX">XXX</a><br /> 地址：XXX
                            <br />
                            <a href="map.html">网站地图</a><br />
                            <span> 
							<a href="http://www.71360.com/" target="_blank">
								<img src="images/yu.png" alt="" />
							</a>
							
							<span class="er_a">
								<img src="images/er.png" alt="" class="one_img"/> 
								珍岛公众号
								<img src="images/erwei.png" alt="" class="er_img"/>
							</span>

                            </span>
                        </div>

                    </div>
                </div>

            </div>
            <div class="copy">Copyright© 2020 版权所有：XXX</div>
        </footer>
        <!--footer end-->

        <!--移动端 Mmenu-->
        <nav id="mmenu">

            <ul>

                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="scenic_overview.html">景区概况</a></li>
                <li><a href="court_travel.html">文苑之旅</a>
                    <ul>
                        <li><a href="court_travel.html">茶艺中心</a></li>
                        <li><a href="court_travel.html">万竹林海</a></li>
                        <li><a href="court_travel.html">创意中心</a></li>
                        <li><a href="court_travel.html">花草园艺</a></li>
                    </ul>
                </li>
                <li><a href="comfortable.html">舒雅住宅</a></li>
                <li><a href="news.html">新闻动态</a>
                    <ul>
                        <li><a href="news.html">公司新闻</a></li>
                        <li><a href="news.html">行业新闻</a></li>
                    </ul>
                </li>
                <li><a href="feedback.html">留言中心</a></li>
                <li><a href="contact.html">联系我们</a></li>

            </ul>
        </nav>

    </div>

    <!--Include Js-->
    <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <!--移动端导航-->
    <script src="js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>



    <!--slick-->
    <script src="js/slick.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/wow.js" type="text/javascript" charset="utf-8"></script>

    <!--placeholder-->
    <script src="js/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript"> $(function() { $('input, textarea').placeholder(); }); </script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <!--<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->

</body>

</html>

作品来自于网络收集、侵权立删 

大家点赞、收藏、关注、评论啦 打卡 文章 更新 93/  100天

今天的文章【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript分享到此就结束了，感谢您的阅读。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/20968.html

赞 (0)
编程小号编程小号
0

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注