响应式个人blog模板.zip资源-CSDN文库

共16个文件

jpg：11个

png：2个

css：1个

版权申诉

112 浏览量 2021-09-24 19:09:40 上传评论收藏 729KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

响应式个人blog模板.zip （16个子文件）

index.html 6KB

images

ex.jpg 136KB

h_line.jpg 1KB

ph.jpg 3KB

ex02.jpg 153KB

li.jpg 1KB

ex03.png 341KB

photos2.jpg 19KB

logo.jpg 10KB

weixin.jpg 30KB

r_title_bg.jpg 1KB

banner_top.jpg 43KB

5891.png 457B

time.jpg 1KB

modernizr.js 28KB

css

base.css 6KB

<!doctype html> <html> <head> <meta charset="gb2312"> <title>响应式个人博客模板</title> <meta name="keywords" content="个人博客,个人博客模板,响应式,响应式博客模板" /> <meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> <link href="css/base.css" rel="stylesheet">  </head> <body> <div class="wrapper"> <header> <h1 id="logo"><a href="/"><img src="images/logo.jpg" width="260" height="60" alt="杨青个人博客"></a></h1> <nav> <ul> <li id="active"><a href="">网站首页</a></li> <li><a href="">关于我</a></li> <li><a href="">慢生活</a></li> <li><a href="">碎言碎语</a></li> <li><a href="">模板分享</a></li> <li><a href="">学无止境</a></li> <li><a href="">留言版</a></li> </ul> </nav> </header> <div class="banner"> <div class="headerPic"><a href="/"><span>杨青个人博客</span></a></div> <div class="websiteDescription"> <h2>渡人如渡己，渡已，亦是渡</h2> <p>当我们被误解时，会花很多时间去辩白。但没有用，没人愿意听，大家习惯按自己的所闻、理解做出判别，每个人其实都很固执。与其努力且痛苦的试图扭转别人的评判，不如默默承受，给大家多一点时间和空间去了解。而我们省下辩解的功夫，去实现自身更久远的人生价值。其实，渡人如渡己，渡已，亦是渡人。</p> </div> </div> <div class="mainContent"> <h2 class="title_tj"> <p>文章<span>推荐</span></p> </h2> <div class="bloglist"> <h3>程序员请放下你的技术情节，与你的同伴一起进步</h3> <figure><img src="images/ex03.png"></figure> <ul> <p>如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...</p> </ul> <div class="dateview"><a title="/" href="/" target="_blank" class="readmore">阅读全文>></a><span>2013-11-04</span><span>作者：杨青</span><span>个人博客：[<a href="/news/life/">程序人生</a>]</span></div> <h3>程序员请放下你的技术情节，与你的同伴一起进步</h3> <figure><img src="images/ex.jpg"></figure> <ul> <p>如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...</p> </ul> <div class="dateview"><a title="/" href="/" target="_blank" class="readmore">阅读全文>></a><span>2013-11-04</span><span>作者：杨青</span><span>个人博客：[<a href="/news/life/">程序人生</a>]</span></div> <h3>程序员请放下你的技术情节，与你的同伴一起进步</h3> <figure><img src="images/ex02.jpg"></figure> <ul> <p>如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...</p> </ul> <div class="dateview"><a title="/" href="/" target="_blank" class="readmore">阅读全文>></a><span>2013-11-04</span><span>作者：杨青</span><span>个人博客：[<a href="/news/life/">程序人生</a>]</span></div> <h3>程序员请放下你的技术情节，与你的同伴一起进步</h3> <figure><img src="images/ex03.png"></figure> <ul> <p>如果说掌握一门赖以生计的技术是技术人员要学会的第一课的话，那么我觉得技术人员要真正学会的第二课，不是技术，而是业务、交流与协作，学会关心其他工作伙伴的工作情况和进展...</p> </ul> <div class="dateview"><a title="/" href="/" target="_blank" class="readmore">阅读全文>></a><span>2013-11-04</span><span>作者：杨青</span><span>个人博客：[<a href="/news/life/">程序人生</a>]</span></div> </div> </div> <div class="sidebar"> <div class="news"> <h3> <p>最新<span>文章</span></p> </h3> <ul class="rank"> <li><a href="/" title="Column 三栏布局个人网站模板" target="_blank">Column 三栏布局个人网站模板</a></li> <li><a href="/" title="with love for you 个人网站模板" target="_blank">with love for you 个人网站模板</a></li> <li><a href="/" title="免费收录网站搜索引擎登录口大全" target="_blank">免费收录网站搜索引擎登录口大全</a></li> <li><a href="/" title="做网站到底需要什么?" target="_blank">做网站到底需要什么?</a></li> <li><a href="/" title="企业做网站具体流程步骤" target="_blank">企业做网站具体流程步骤</a></li> <li><a href="/" title="建站流程篇——教你如何快速学会做网站" target="_blank">建站流程篇——教你如何快速学会做网站</a></li> <li><a href="/" title="box-shadow 阴影右下脚折边效果" target="_blank">box-shadow 阴影右下脚折边效果</a></li> <li><a href="/" title="打雷时室内、户外应该需要注意什么" target="_blank">打雷时室内、户外应该需要注意什么</a></li> </ul> <h3 class="ph"> <p>点击<span>排行</span></p> </h3> <ul class="paih"> <li><a href="/" title="Column 三栏布局个人网站模板" target="_blank">Column 三栏布局个人网站模板</a></li> <li><a href="/" title="withlove for you 个人网站模板" target="_blank">with love for you 个人网站模板</a></li> <li><a href="/" title="免费收录网站搜索引擎登录口大全" target="_blank">免费收录网站搜索引擎登录口大全</a></li> <li><a href="/" title="做网站到底需要什么?" target="_blank">做网站到底需要什么?</a></li> <li><a href="/" title="企业做网站具体流程步骤" target="_blank">企业做网站具体流程步骤</a></li> </ul> <h3 class="links"> <p>友情<span>链接</span></p> </h3> <ul class="website"> <li><a href="/">个人博客</a></li> <li><a href="/">谢泽文个人博客</a></li> <li><a href="/">3DST技术网</a></li> <li><a href="/">思衡网络</a></li> </ul> <div class="guanzhu">扫描二维码关注<span>杨青博客</span>官方微信账号</div> <a href="/" class="weixin"><img src="images/weixin.jpg"></a> </div> </div> <div class="clearfloat"></div> <footer> <ul> Designed by <a href="/" title="杨青个人博客">DanceSmile</a> </ul> </footer> </div> </body> </html>

评论收藏

内容反馈

版权申诉