登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
1 Star 0 Fork 0

ilyar/blog-html-study

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
tags.html 13.23 KB
一键复制 编辑 原始数据 按行查看 历史
ilyar 提交于 2020-01-14 00:55 . add front pageFront page
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
<!DOCtYPE html>

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8">

	<meta name="viewport" content="width=divice-width, initial-scale=1.0">

	<title>标签</title>

	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">

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

</head>

<body>



	<!-- 导航 -->

	<nav class="ui inverted segment m-padded-td-mini m-shadow-small">

		<div class="ui container">

			<div class="ui inverted menu stackable secondary">

				<h2 class="ui header teal item">Blog</h2>

				<a href="#" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>

				<a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>

				<a href="#" class="active m-item item m-mobile-hide"><i class="tags icon"></i>标签</a>

				<a href="#" class="m-item item m-mobile-hide"><i class="clone icon"></i>归档</a>

				<a href="#" class="m-item item m-mobile-hide"><i class="info icon"></i>关于我</a>

				<div class="right item m-mobile-hide">

					<div class="ui icon inverted transparent input">

						<input type="text" placeholder="Search....." >

						<i class="search link icon"></i>

					</div>

				</div>

			</div>

		</div>

		<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">

			<i class="sidebar icon "></i>

		</a>

	</nav>



	<!-- 中间内容 -->

	<div class="m-container m-padded-td-large">

		<div class="ui container">

			<!-- header -->

			<div class="ui top attached segment">

				<div class="ui middle aligned two column grid">

					<div class="column">

						<h3 class="ui teal header">标签</h3>

					</div>

					<div class="right aligned column">

						共 <h3 class="ui orange header m-inline-block m-text-thin">14</h3> 个

					</div>

				</div>

			</div>



			<div class="ui attached segment m-padded-td-large">

				<a href="#" target="_blank" class="ui teal basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

				<a href="#" target="_blank" class="ui basic large left pointing label m-margin-tb-tiny">

					方法论<div class="detail">23</div>

				</a>

			</div>



			<div class="ui top attached teal segment">

				<div class="ui padded vertical segment m-padded-td-large m-mobile-lr-clear">

					<div class="ui mobile reversed stackable grid">

						<div class="eleven wide column">

							<h3 class="ui head">你真的理解什么是财富自由吗？</h3>

							<p class="m-text">正确做任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都这么做而已......</p>

							<div class="ui stackable grid">

								<div class="row">

									<div class="eleven wide column">

										<div class="ui mini horizontal link list">

											<div class="item">

												<img class="ui avatar image" src="https://unsplash.it/100/100?image=1005">

												<div class="content">

													<a herf="#" class="header">名字</a>

												</div>

											</div>

											<div class="item">

												<i class="calendar icon"></i>2020-1-1

											</div>

											<div class="item">

												<i class="eye icon">2342</i>

											</div>

										</div>

									</div>

									<div class="right aligned five wide column">

										<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a>

									</div>

								</div>

								<div class="row">

									<div class="column">

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

									</div>

								</div>



							</div>



						</div>

						<div class="five wide column">

							<a href="#" target="_blank">

								<img class="ui rounded image" src="https://unsplash.it/800/450?image=1005"></img>

							</a>

						</div>

					</div>

				</div>

				<div class="ui padded vertical segment m-padded-td-large m-mobile-lr-clear">

					<div class="ui mobile reversed stackable grid">

						<div class="eleven wide column">

							<h3 class="ui head">你真的理解什么是财富自由吗？</h3>

							<p class="m-text">正确做任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都这么做而已......</p>

							<div class="ui stackable grid">

								<div class="row">

									<div class="eleven wide column">

										<div class="ui mini horizontal link list">

											<div class="item">

												<img class="ui avatar image" src="https://unsplash.it/100/100?image=1005">

												<div class="content">

													<a herf="#" class="header">名字</a>

												</div>

											</div>

											<div class="item">

												<i class="calendar icon"></i>2020-1-1

											</div>

											<div class="item">

												<i class="eye icon">2342</i>

											</div>

										</div>

									</div>

									<div class="right aligned five wide column">

										<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a>

									</div>

								</div>

								<div class="row">

									<div class="column">

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

									</div>

								</div>



							</div>



						</div>

						<div class="five wide column">

							<a href="#" target="_blank">

								<img class="ui rounded image" src="https://unsplash.it/800/450?image=1005"></img>

							</a>

						</div>

					</div>

				</div>

				<div class="ui padded vertical segment m-padded-td-large m-mobile-lr-clear">

					<div class="ui mobile reversed stackable grid">

						<div class="eleven wide column">

							<h3 class="ui head">你真的理解什么是财富自由吗？</h3>

							<p class="m-text">正确做任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都这么做而已......</p>

							<div class="ui stackable grid">

								<div class="row">

									<div class="eleven wide column">

										<div class="ui mini horizontal link list">

											<div class="item">

												<img class="ui avatar image" src="https://unsplash.it/100/100?image=1005">

												<div class="content">

													<a herf="#" class="header">名字</a>

												</div>

											</div>

											<div class="item">

												<i class="calendar icon"></i>2020-1-1

											</div>

											<div class="item">

												<i class="eye icon">2342</i>

											</div>

										</div>

									</div>

									<div class="right aligned five wide column">

										<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a>

									</div>

								</div>

								<div class="row">

									<div class="column">

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

									</div>

								</div>



							</div>



						</div>

						<div class="five wide column">

							<a href="#" target="_blank">

								<img class="ui rounded image" src="https://unsplash.it/800/450?image=1005"></img>

							</a>

						</div>

					</div>

				</div>

				<div class="ui padded vertical segment m-padded-td-large m-mobile-lr-clear">

					<div class="ui mobile reversed stackable grid">

						<div class="eleven wide column">

							<h3 class="ui head">你真的理解什么是财富自由吗？</h3>

							<p class="m-text">正确做任何一件事情的前提是清晰、正确的理解目标。而事实是，我们很多人很多时候根本没有对目标正确的定义，甚至根本从来就没有想过，只是大家都这么做而已......</p>

							<div class="ui stackable grid">

								<div class="row">

									<div class="eleven wide column">

										<div class="ui mini horizontal link list">

											<div class="item">

												<img class="ui avatar image" src="https://unsplash.it/100/100?image=1005">

												<div class="content">

													<a herf="#" class="header">名字</a>

												</div>

											</div>

											<div class="item">

												<i class="calendar icon"></i>2020-1-1

											</div>

											<div class="item">

												<i class="eye icon">2342</i>

											</div>

										</div>

									</div>

									<div class="right aligned five wide column">

										<a href="#" target="_blank" class="ui teal basic label m-padded-tiny m-text-thin">认知升级</a>

									</div>

								</div>

								<div class="row">

									<div class="column">

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

										<a href="#" class="ui basic teal left pointing label m-padded-mini m-text-thin">方法论</a>

									</div>

								</div>



							</div>



						</div>

						<div class="five wide column">

							<a href="#" target="_blank">

								<img class="ui rounded image" src="https://unsplash.it/800/450?image=1005"></img>

							</a>

						</div>

					</div>

				</div>

			</div>

			<div class="ui bottom attached segment">

				<div class="ui middle aligned two column grid">

					<div class="column">

						<a href="#" class="ui mini teal basic button">上一页</a>

					</div>

					<div class="right aligned column">

						<a href="#" class="ui mini teal basic button">下一页</a>

					</div>

				</div>

			</div>

		</div>



	</div>

	<!-- 底部footer -->

	<footer class="ui inverted vertical segment m-padded-td-massive">

		<div class="ui center aligned container">

			<div class="ui inverted divided stackable grid">

				<div class="three wide column">

					<div class="ui inverted link list">

						<a href="#" class="item">

							<img src="static/images/qr.png" class="ui rounded image" alt="" style="width: 110px;">

						</a>

					</div>

				</div >

				<div class="three wide column">

					<h4 class="ui inverted header m-text-thin m-text-spaced">最新博客</h4>

					<div class="ui inverted link list">

						<a href="#" class="item">用户故事（User Story）</a>

						<a href="#" class="item">关于可以练习的清单</a>

						<a href="#" class="item">失败要趁早</a>

					</div>

				</div >

				<div class="three wide column">

					<h4 class="ui inverted header m-text-thin m-text-spaced">联系我</h4>

					<div class="ui inverted link list">

						<a href="#" class="item">Email: XXX@XXX.com</a>

						<a href="#" class="item">QQ: XXXXXX</a>

					</div>

				</div >

				<div class="seven wide column">

					<h4 class="ui inverted header m-text-thin m-text-spaced">Blog</h4>

					<p class="m-text-thin m-text-spaced m-opacity-mini">这个我的个人博客，会分享关于编程、写作、思考相关的任何内容，希望可以给来到这儿的人有所帮助</p>

				</div >

			</div>

			<div class="ui inverted section divider"></div>

			<p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright 2016-2017 Linermi Disigned</p>

		</div>

	</footer>



	<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>

	<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>

	<script>

		$('.menu.toggle').click(function () {

			$(".m-item").toggleClass("m-mobile-hide");

		});

	</script>

</body>

</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
CSS
1
https://gitee.com/ilyar1015/blog-html-study.git
git@gitee.com:ilyar1015/blog-html-study.git
ilyar1015
blog-html-study
blog-html-study
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
23e8dbc6 1850385 7e0993f3 1850385