<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/picture.css"/>
<title>图文大理</title>
</head>
<body>
<!--头部导航栏开始 共用样式-->
<header class="header_bar">
<div class="header">
<div class="top_navs">
<nav class="nav navbar-fixed-top plr20_pa" role="navgation">
<div class="navbar-header">
<div class="logo ">
<img src="img/logo.png"/>
</div>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="navbar-nav nav">
<li ><a class="navigation-link" href="index.html" target="_self">发现大理</a></li>
<li><a class="navigation-link" href="video.html" target="_self">视频大理</a></li>
<li><a class="nonestyle" href="###" target="_self">图文大理</a></li>
<li><a class="navigation-link" href="###" id="about_us_btn" target="_self">关于我们</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--头部导航栏结束 共用样式-->
<div style:"clear:both;"></div>
<!--顶部图片展示开始 样式共用-->
<section>
<div class="fixed_bg bg_3_top fixed_bg_top">
<!--<img src="img/green_season.jpeg" alt="" style="width:100%; background-position: bottom center; background-repeat:no-repeat; background-size:cover; min-height:100%;"/>-->
<p style="padding-top:35rem;"><a href="main.php"></a></p>
</div>
</section>
<!--顶部图片展示结束 样式共用-->
<!--正文内容-->
<section id="site" class="main_content">
<div class="container main_content_title">
<h1 class="content_title title-font">图文大理</h1>
</div>
<!--九宫格布局开始-->
<div class="container mian_content_article" >
<div class="row" id="sidebar">
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/1.jpg" class="img-rounded">
<div class="caption">
<h3>火把节</h3>
<p>东方的狂欢节</p>
</div>
</a>
<div class="box-content">
<h3 class="title">火把节</h3>
<span class="post">火把节这一天，村村寨寨都会打牛宰羊杀猪，以酒肉迎接火神，祭祖，妇女还要赶制荞馍、糌粑面，在外的人都要回家吃团圆饭，一起围着火塘喝自酿的酒，吃坨坨肉，共同分享欢乐和幸福。</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; font-size: ">更多</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/2.jpg" class="img-rounded">
<div class="caption">
<h3>破酥粑粑</h3>
<p>到喜洲吃块酥</p>
</div>
</a>
<div class="box-content">
<h3 class="title">喜洲粑粑</h3>
<span class="post">喜洲粑粑（又名破酥），是一种色、香、味均佳的麦面烤饼，是大理城乡的一种风味小吃，以喜洲白族传统粑粑最为有名。</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; font-size: ">更多</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/3.jpg" class="img-rounded">
<div class="caption">
<h3>沙溪古镇</h3>
<p>茶马古道上唯一幸存的集市</p>
</div>
</a>
<div class="box-content">
<h3 class="title">沙溪古镇</h3>
<span class="post">如果说束河是10年前的丽江古城的话，这里就是20年前的丽江，同样的小巷流水四方街，这里却更加古朴醇厚。</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; font-size: ">更多</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/4.jpg" class="img-rounded">
<div class="caption">
<h3>土八碗</h3>
<p>俗称“八大碗”</p>
</div>
</a>
<div class="box-content">
<h3 class="title">土八碗</h3>
<span class="post">热情好客是剑川白族美德，每当远方贵客光临，常用丰盛的宴席土八碗招待</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; font-size: ">更多</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/5.jpg" class="img-rounded">
<div class="caption">
<h3>桃源村</h3>
<p>双廊对过的宁静古村</p>
</div>
</a>
<div class="box-content">
<h3 class="title">桃源村</h3>
<span class="post">依洱海而建的小村落，当地白族的居民过着日出而作，日落而息的安静生活。坐在客栈的院子里，对面就是无边洱海景色，是个修身养性的好地方。</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; font-size: ">更多</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/6.jpg" class="img-rounded">
<div class="caption">
<h3>周城扎染</h3>
<p>去周城染块布</p>
</div>
</a>
<div class="box-content">
<h3 class="title">周城扎染</h3>
<span class="post">传统的方法是用针把图案扎在塑料布上面，再用加了蓝颜色的酒精在上面涂抹，当蓝色顺着针孔渗到白布上时，图案就落在上面了。</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; font-size: ">更多</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 margin_top">
<div class="box">
<a href="#" class="thumbnail">
<img src="img/7.jpg" class="img-rounded">
<div class="caption">
<h3>才村</h3>
<p>看日出最好的地方</p>
</div>
</a>
<div class="box-content">
<h3 class="title">才村</h3>
<span class="post">大理出名的“花海”，离洱海和大理古城都很近，风景美如世外桃源。才村的码头是个拍日出的好地方，环洱海骑行记得不要错过这一站。</span>
<ul class="icon">
<li><a href="###" style="text-decoration: none; f
html+css+js网页设计 旅游 大理旅游7个页面 大学生HTML5期末作业 Web前端网页制作 html网页制作 html css网页制作成品 大学生html网页制作作业 html5+css3 （113个子文件） 
bootstrap.min.css 119KB bootstrap-theme.min.css 23KB index.css 9KB video.css 3KB picture.css 3KB ndissertation.css 1KB .DS_Store 6KB glyphicons-halflings-regular.eot 20KB
picture.html 35KB index.html 15KB video.html 14KB zaran.html 10KB cangshan.html 10KB huobajie.html 9KB erhai.html 9KB erhai_top.jpeg 118KB
bg6.jpg 1.42MB bg5.jpg 1009KB bg2.jpg 909KB 15.jpg 700KB 12.jpg 684KB 6.jpg 610KB 9.jpg 598KB index_bg_bottom.jpg 591KB 4.jpg 574KB 8.jpg 566KB 3.jpg 560KB 13.jpg 542KB cangshan_top.jpg 536KB 5.jpg 524KB 1.jpg 522KB bg4.jpg 503KB 11.jpg 498KB 25.jpg 498KB picture_bottom.jpg 489KB 10.jpg 480KB 2.jpg 446KB 14.jpg 440KB video_bottom.jpg 425KB zaran_top.jpg 416KB 7.jpg 415KB zaran_bottom.jpg 384KB 23.jpg 336KB 20.jpg 307KB huoba5.jpg 253KB huoba7.jpg 247KB huoba1.jpg 241KB huoba_bottom.jpg 241KB huoba4.jpg 234KB huoba3.jpg 214KB 3.JPG 192KB huoba2.jpg 183KB 45.jpg 140KB erhai_bottom.jpg 140KB huoba6.jpg 136KB 69.jpg 133KB cangshan_bottom.jpg 129KB 57.jpg 125KB 6.JPG 115KB 40.jpg 113KB 49.jpg 113KB 58.jpg 111KB huoba_top.jpg 108KB 50.jpg 102KB 44.jpg 93KB 46.jpg 93KB picture_top.jpg 92KB 41.jpg 92KB 53.jpg 89KB 64.jpg 82KB 52.jpg 76KB 68.jpg 75KB 54.jpg 73KB 62.jpg 72KB 490.jpg 70KB video_top.jpg 70KB 56.jpg 68KB 63.jpg 65KB 4.JPG 65KB 60.jpg 63KB 51.jpg 62KB 67.jpg 60KB 2.JPG 58KB 47.jpg 57KB 8.JPG 57KB 55.jpg 54KB 66.jpg 54KB 22.jpg 53KB 61.jpg 52KB 42.jpg 49KB 65.jpg 48KB 43.jpg 45KB 24.jpg 37KB 1.JPG 33KB 59.jpg 33KB 7.JPG 30KB jquery-3.0.0.min.js 84KB bootstrap.min.js 36KB picture.js 564B base.js 540B共 113 条
- 1
- 2
资源评论
kfxiaoning2024-11-04资源很赞，希望多一些这类资源。
html+css+js网页设计
- 粉丝: 1848
- 资源: 549
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- (源码)基于C语言和KiCad的VoltageCurrent Bricklet 2.0固件与硬件设计.zip
- (源码)基于IoT和机器学习算法的食品腐坏检测系统Decay Inspector.zip
- (源码)基于Python和CC++的MicroBit开发工具包.zip
- (源码)基于Vue3和Go的微软New Bing演示站点.zip
- (源码)基于C语言和TinyMaix框架的STM32F767图像分类系统.zip
- (源码)基于Qt框架的勇者跑酷游戏.zip
- (源码)基于Python的Arduino编程环境构建与扩展.zip
- (源码)基于Python语言的自动任务延时处理系统.zip
- (源码)基于DE1SoC开发板的水果接接乐游戏.zip
- (源码)基于Arduino的游戏控制台.zip
- (源码)基于Spring Boot框架的Microsoft API自动调用系统.zip
- (源码)基于C#的WOWS助手.zip
- (源码)基于Spark Core的Nagios监视器与LED点阵显示系统.zip
- (源码)基于MXNet框架的图片风格迁移.zip
- (源码)基于Spring Boot框架的音乐节奏游戏.zip
- (源码)基于ROS的mra7a机器人控制教程.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
