<!DOCTYPE html>
<head>
<link rel="stylesheet" href="css/visit.css">
<link rel="icon" href="./image/websign.jpg" sizes="16x16" type="image/png">
<title>关于我</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://fastly.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="https://fastly.jsdelivr.net/npm/@bootcss/[email protected]/assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://fastly.jsdelivr.net/npm/@bootcss/[email protected]/dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="https://fastly.jsdelivr.net/npm/@bootcss/[email protected]/assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="https://fastly.jsdelivr.net/npm/@bootcss/[email protected]/examples/offcanvas/offcanvas.js"></script>
</head>
<body>
<ul>
<li><a href="index.html" >主页</a></li>
<li><a href="./messageboard.html">留言板</a></li>
<li><a href="./aboutme.html">关于我</a></li>
<li><a href="./visit.html">风景分享</a></li>
<div class="sumbit">
<li><a href="./login.html">登录</a></li>
<li><a href="./register.html">注册</a></li>
</div>
</ul>
<div class="container">
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-9">
<p class="pull-right visible-xs">
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
</p>
<div class="jumbotron">
<h1>欢迎来到这里!</h1>
<p> 下面将会为大家分享一些好玩的地方</p>
</div>
<div class="row">
<div class="col-xs-6 col-lg-4">
<h2>广州塔</h2>
<image src="image/visit/广州塔.jpg" wdith="125px" height="125px"></image>
<p> 广州塔昵称小蛮腰,其位于中国广东省广州市海珠区(艺洲岛)赤岗塔附近,距离珠江南岸125米,与珠江新城、花城广场、海心沙岛隔江相望。广州塔塔身主体高454米,天线桅杆高146米,总高度600米。是中国第一高塔,是国家AAAA级旅游景区。 </p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!--/.col-xs-6.col-lg-4-->
<div class="col-xs-6 col-lg-4">
<h2>上下九步行街</h2>
<image src="image/visit/上下九步行街.jpg" wdith="125px" height="125px"></image>
<p>上下九步行街地处广东省广州市荔湾区,俗称(西关)的上九路、下九路、第十甫路之间,是广州市三大传统繁荣商业中心之一。在漫长的历史长河中,逐步形成了当今商业步行街中西合璧的四大西关风情特色,营造出亮丽的旅游风景线。 </p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!--/.col-xs-6.col-lg-4-->
<div class="col-xs-6 col-lg-4">
<h2>石室圣心大教堂</h2>
<image src="image/visit/石室圣心大教堂.jpg" wdith="125px" height="125px"></image>
<p>石室圣心大教堂,位于广州市越秀区一德路。圣心大教堂于1863年6月18日圣心瞻礼日正式举行奠基典礼,故命名圣心大教堂。历时25年始建成,是天主教广州教区最宏伟、最具有特色的一间大教堂。它由法国设计师设计,中国工匠建造而成。 </p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!--/.col-xs-6.col-lg-4-->
<div class="col-xs-6 col-lg-4">
<image src="image/visit/长隆.jpg" wdith="125px" height="125px"></image>
<h2>长隆旅游度假区</h2>
<p>广州长隆旅游度假区是综合性主题旅游度假区,总占地面积1万亩,集旅游景区、酒店餐饮、娱乐休闲于一体,拥有长隆欢乐世界、长隆国际大马戏、长隆野生动物世界、长隆飞鸟乐园酒家等设施。 </p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!--/.col-xs-6.col-lg-4-->
<div class="col-xs-6 col-lg-4">
<image src="image/visit/白水寨.jpg" wdith="125px" height="125px"></image>
<h2>白水寨风景名胜区</h2>
<p>白水寨风景名胜区位于广州市增城区派潭镇,北回归线穿越其中,被誉为北回归线上的瑰丽翡翠,属山岳型风景名胜区。景区内崇山峻岭,群峰挺拔,其山体高大、山势险峻、线条挺直,集雄、奇、险、秀于一身。 </p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!--/.col-xs-6.col-lg-4-->
<div class="col-xs-6 col-lg-4">
<image src="image/visit/陈家祠.jpg" wdith="125px" height="125px"></image>
<h2>陈家祠</h2>
<p>陈家祠堂俗称陈家祠,位于广州市中山七路。陈氏书院筹建于1874年,1894落成,是广东省各地陈氏宗族共同捐资兴建的“合族祠”,为陈氏宗族子弟赴省城备考科举、候任、交纳赋税等事务提供临时居所。 </p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!--/.col-xs-6.col-lg-4-->
</div><!--/row-->
</div><!--/.col-xs-12.col-sm-9-->
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
<div class="list-group">
<a href="#" class="list-group-item active">沙面岛</a>
<a href="#" class="list-group-item">白云山</a>
<a href="#" class="list-group-item">岭南印象园</a>
<a href="#" class="list-group-item">百万葵园</a>
</div>
</div><!--/.sidebar-offcanvas-->
</div><!--/row-->
<footer>
<p>Copyright©2022- XK blog.com .All Rights Reserved</p>
</footer>
</div>
</body>
没有合适的资源?快使用搜索试试~ 我知道了~
前端开发大作业(个人博客)
共25个文件
jpg:11个
css:7个
html:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 5 下载量 133 浏览量
2022-05-31
18:31:53
上传
评论 4
收藏 10.18MB ZIP 举报
温馨提示
个人博客 (介绍家乡风景) 有留言板,注册,登录,关于我等模块的前端页面 内有详细注释,为个人原创作品
资源推荐
资源详情
资源评论
收起资源包目录
myblog.zip (25个子文件)
myblog
css
about.css 10KB
login.css 2KB
index.css 2KB
me.css 2KB
visit.css 1KB
register.css 3KB
messageboard.css 3KB
aboutme.html 2KB
visit.html 7KB
image
about2.JPG 662KB
about1.JPG 1.41MB
websign.jpg 1.16MB
visit
上下九步行街.jpg 2.38MB
陈家祠.jpg 1.73MB
白水寨.jpg 73KB
长隆.jpg 415KB
广州塔.jpg 269KB
石室圣心大教堂.jpg 194KB
background.JPG 1.58MB
me.JPG 492KB
messageboard.html 3KB
register.html 2KB
me.html 2KB
login.html 2KB
index.html 1KB
共 25 条
- 1
资源评论
- 山野万里1492023-04-27资源有很好的参考价值,总算找到了自己需要的资源啦。
- CoIsiNIYV2022-07-10资源不错,很实用,内容全面,介绍详细,很好用,谢谢分享。
- 予以.2022-06-22用户下载后在一定时间内未进行评价,系统默认好评。
- Oneforlove_twoforjob2023-06-07发现一个宝藏资源,赶紧冲冲冲!支持大佬~
- linxun9552023-06-14感谢大佬分享的资源给了我灵感,果断支持!感谢分享~
十一月的肖邦689
- 粉丝: 13
- 资源: 3
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功