1.灵感来源预览

社区、企业、公益共享交流平台_优享人app-优享时代官网

2.demo效果图,同时兼容手机端访问,所有菜单都已完善功能,即拿即用,很简单

源码下载https://download.csdn.net/download/lucky_fang/85320989

手机端访问:

首页

景区概况

文苑之旅

新闻动态

二级菜单

其他菜单就不一一截图了,代码目录:

3.首页源码

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><title>爱芳芳响应式旅游主题网站模板</title><meta name="keywords" content="爱芳芳响应式旅游主题网站模板" /><meta name="description" content="爱芳芳响应式旅游主题网站模板" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><link rel="shortcut icon" href="images/favicon.ico"><!-- include main css --><link rel="stylesheet" type="text/css" href="css/slick.css"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/><link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css"/><link rel="stylesheet" type="text/css" href="css/style.css"/><link href="font-awesome-4.5.0/css/font-awesome.min.css" rel='stylesheet' type='text/css' media="all" /><link rel="stylesheet" type="text/css" href="css/animate.css"/><!--[if lt IE 9]><script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script><script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]--></head> <body><div><!--header--><header class="header home_p"><div class="container"><div class="logo"><a href="index.html"><img src="data: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="data:images/banner1.jpg" alt=""></a></div><div><a href="index.html"><img src="data:images/banner2.jpg" alt=""></a></div><div><a href="index.html"><img src="data:images/banner3.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">XXX公司位于国家级经济技术开发区,是首批专注于精品民宿的新型创业连锁平台。<br />
公司成立于2020年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="data: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="data: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="data: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="data:images/syzz_1.png" alt="" / class="vcenter"> <i></i></a></div><div><a href="comfortable.html"><img src="data:images/syzz_1.png" alt="" /  class="vcenter"> <i></i></a></div><div><a href="comfortable.html"><img src="data:images/syzz_1.png" alt="" /  class="vcenter"> <i></i></a></div></div><div class="right"><img src="data: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="javascript:;" target="_blank"><img src="data:images/yu.png" alt="" /></a><span class="er_a"><img src="data:images/er.png" alt="" class="one_img"/> 公众号<img src="data:images/erwei.png" alt="" class="er_img"/></span></span>   </div></div></div></div><div class="copy">Copyright? 2022  版权所有: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>

4.源码

源码下载https://download.csdn.net/download/lucky_fang/85320989

html+css响应式旅游主题网站模板,旅游网站,企业文化新闻类网站,简单web假期课程作业相关推荐

  1. (自适应移动设备)最新响应式个人博客自媒体文章博客资讯类网站源码 织梦模板

    介绍 响应式自适应个人博客自媒体文章资讯类织梦模板,蓝色风格,该模板可作为新闻资讯展示类.个人自媒体网站类.个人博客类网站使用,这套模板使用范围极广,不仅仅局限于一类型的企业,你只需要把图片和产品内容 ...

  2. 红色php企业网站模板下载,双语企业通用红色系网站模板 v3.2

    双语企业通用红色系模板,适合于他企业通用风格使用,源码包里有带logo源文件.为了让更多的用户了解eyoucms 操作系统:Linux/Unix/Windows 软件环境:Apache/Nginx/I ...

  3. 简约响应式导航主题VIK_WordPress模板

    介绍: 一年多前来自WordPress主题开发者--魏星的导航主题--葬爱导航,给WordPress的主题开辟了一个新的门类. 最近发现一个全新的导航主题VIK,不仅仅是时下流行的浅色设计风格,在功能 ...

  4. EyouCMS响应式木材板材公司模板/易优CMS装修材料类企业网站模板

    ☑️ 编号:ym247 ☑️ 品牌:EyouCMS ☑️ 语言:PHP ☑️ 大小:22.4MB ☑️ 类型:木材板材公司模板 ☑️ 支持:pc+wap

  5. 期末学生HTML个人网页作业作品~蓝色的异清轩响应式个人博客模板源码~bootstrap响应式博客网站模板html...

    HTML期末大作业~ 蓝色的异清轩响应式个人博客模板源码~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还在为HTML网页设 ...

  6. 期末学生HTML个人网页作业作品~蓝色的异清轩响应式个人博客模板源码~bootstrap响应式博客网站模板html

    HTML期末大作业~ 蓝色的异清轩响应式个人博客模板源码~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还在为HTML网页设 ...

  7. 40套服装行业响应式Html5模板春夏时装秀网站模板穿衣搭配网站模板瀑布流排版风格网站模板模特服装展企业网站模板html5网页静态模板Bootstrap扁平化网站源码css3手机seo自适响应

    40套服装行业响应式Html5模板春夏时装秀网站模板穿衣搭配网站模板瀑布流排版风格网站模板模特服装展企业网站模板html5网页静态模板Bootstrap扁平化网站源码css3手机seo自适响应. 不仅 ...

  8. 40+个最佳响应式WordPress主题(2021年)

    您是否正在为您的网站寻找最佳响应式WordPress主题?大多数现代WordPress主题都是开箱即用的.然而,WordPress主题数量太多以至于很难选择一个. 在本文中,我们精心挑选了一些最好的响 ...

  9. WordPress响应式Alt_Blog主题 简约博客主题

    介绍: WordPress响应式免费主题,一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发,每天活人访问量500-800+IP,百度权重2,百度.Google收录 ...

最新文章

  1. Mac 技术篇-pip下载速度慢解决办法,pip秒速下载,阿里云镜像配置
  2. 让你轻松学会PHP版自动化SQL盲注工具-全库-全表-全字段-全字段值查询
  3. 【问链财经-区块链基础知识系列】 第二十六课 隐私保护方法:多方安全计算和区块链
  4. Java DB中的Java存储过程
  5. leetcode389. 找不同
  6. TensorFlow 实例一:线性回归模型
  7. left join、right join、inner join的区别
  8. [翻译] RDVTabBarController
  9. Python魔法方法(magic method)细解几个常用魔法方法(下)
  10. 两年15.5k star只是新起点,涛思数据正式宣布TDengine灯塔计划
  11. 浅谈SQL Server中的事物日志(一)
  12. Android Fragment 真正的完全解析(上) (转载)
  13. 如何下载矢量二维电子地图数据
  14. Android可折叠收缩伸展的Expandable分组RecyclerView:模型抽象和封装(二)
  15. SDOI 2018 R2 游记
  16. # 2gether 在一起 # 2 号星际碎片现身,全军出击!
  17. 怎么把几个视频合并成一个?学会这个技巧,轻松掌握
  18. Tungsten Fabric(6):部署更高版本的TF
  19. 计算机网络实验IP数据报分片,实验报告三IP数据分片.doc
  20. Net分布式系统之五:微服务架构

热门文章

  1. Angular7 nz-rozzo nz-form
  2. CODOSYS之结构化文本(ST)—— 初级篇(四)基础-数据类型
  3. SNMP Trap的session问题
  4. 四年级计算机走进传统节日教案,四年级下册信息技术教案8中国的传统节日 重庆大学版...
  5. php选择星座,PHP日期得到星座
  6. emplace_back()
  7. 解决log4j.dtd 和系统中所有dtd文件都有红XX的问题
  8. idea maven报红,但是项目中有jar包,提示找不到xx类
  9. 毕业论文封面中图分类号和UDC查询
  10. 蓝桥杯成绩公布啦,国赛将至?大一省一选手带你冲刺国赛