Watch 5 Star 5 Fork 3

LIUWEI / amazeui-blogHTMLMIT

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
#amazeUI开发大赛# 博客/资讯类前端模板 地址:http://lwxyfer.com/amazeui/lw-index.html spread retract

Clone or download
lw-article-fullwidth.html 12.78 KB
Copy Edit Web IDE Raw Blame History
lwxyfer authored 2015-10-18 22:47 . amazeui blog
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>article no sidebar | Amaze UI Examples</title>
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
<meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
<meta name="msapplication-TileColor" content="#0e90d2">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body id="blog-article-sidebar">
<!-- header start -->
<header class="am-g am-g-fixed blog-fixed blog-text-center blog-header">
<div class="am-u-sm-8 am-u-sm-centered">
<img width="200" src="http://s.amazeui.org/media/i/brand/amazeui-b.png" alt="Amaze UI Logo"/>
<h2 class="am-hide-sm-only">中国首个开源 HTML5 跨屏前端框架</h2>
</div>
</header>
<!-- header end -->
<hr>
<!-- nav start -->
<nav class="am-g am-g-fixed blog-fixed blog-nav">
<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only blog-button" data-am-collapse="{target: '#blog-collapse'}" ><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
<div class="am-collapse am-topbar-collapse" id="blog-collapse">
<ul class="am-nav am-nav-pills am-topbar-nav">
<li class="am-active"><a href="lw-index.html">首页</a></li>
<li class="am-dropdown" data-am-dropdown>
<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
首页布局 <span class="am-icon-caret-down"></span>
</a>
<ul class="am-dropdown-content">
<li><a href="lw-index.html">1. blog-index-standard</a></li>
<li><a href="lw-index-nosidebar.html">2. blog-index-nosidebar</a></li>
<li><a href="lw-index-center.html">3. blog-index-layout</a></li>
<li><a href="lw-index-noslider.html">4. blog-index-noslider</a></li>
</ul>
</li>
<li><a href="lw-article.html">标准文章</a></li>
<li><a href="lw-img.html">图片库</a></li>
<li><a href="lw-article-fullwidth.html">全宽页面</a></li>
<li><a href="lw-timeline.html">存档</a></li>
</ul>
<form class="am-topbar-form am-topbar-right am-form-inline" role="search">
<div class="am-form-group">
<input type="text" class="am-form-field am-input-sm" placeholder="搜索">
</div>
</form>
</div>
</nav>
<!-- nav end -->
<hr>
<!-- content srart -->
<div class="am-g am-g-fixed blog-fixed blog-content">
<div class="am-u-sm-12">
<article class="am-article blog-article-p">
<div class="am-article-hd">
<h1 class="am-article-title blog-text-center">我的文章哎</h1>
<p class="am-article-meta blog-text-center">
<span><a href="#" class="blog-color">article &nbsp;</a></span>-
<span><a href="#">@amazeUI &nbsp;</a></span>-
<span><a href="#">2015/10/9</a></span>
</p>
</div>
<div class="am-article-bd">
<img src="assets/i/f17.jpg" alt="" class="blog-entry-img blog-article-margin">
<p class="class="am-article-lead"">
炊烟 <br>
/阿城 <br><br>
老张得了一个闺女。老张说,挺好,就是大了别长得像我,那可嫁不出去了。因此,女儿名美丽,自然姓张。
老张的大学同学都说,叫个美丽,没什么不好,就是俗了点。老张你也是读过书的人,怎么不能想个雅点儿的呢?
<br>
老张说,俗有什么不好?实惠。这年头你还想怎么着?结结实实的吧。 <br>
老张的同学说,结实?那叫矿石好了,叫火成岩,水成岩也成。咱们这行就是学了个结实。<br>
老张在大学读的地质。 <br>
老张疼闺女。 <br>
老张抽烟。<br><br>
老张的老婆说,你要想要孩子,就把烟忌了,书上说,大人抽烟,会影响胎儿的基因。老张正抽到了一半儿,马上扔掉,用脚碾灭,戒了。美丽生出来了,老张买了一包烟。老张的老婆说,你叫美丽从小肺就是黑的吗?老张凄凄的样子。老张的老婆说,你抽吧,别在美丽的旁边儿抽。 <br>
美丽是冬天生的。春天了,老张的老婆抱着美丽出来晒太阳。起风了,老张说,还不回去,看吹着。老张的老婆说,不晒太阳,美丽吃的钙根本就吸收不了。老张说,那就屋里窗户边儿上晒嘛。老张的老婆说,紫外线透不过玻璃,人体吸收钙,靠的就是个紫外线,隔着玻璃,还不是白晒。老张说,那就等风停了。 <br>
老张瞧着老婆给美丽喂奶。老张的老婆书也念得不少,瞧老张老盯着,说,还没瞧够呀,又不是没瞧过。老张说,谁瞧你了,我是怕美丽吃不饱。俩人都笑了,美丽换过一口气,也笑了。 <br><br>
秋天了,美丽大了点儿,手会指东西,指妈妈,指爸爸,还会抓耳朵,抓妈妈的头发,抓爸爸的鼻子。 <br>
有一天,老张的老婆抱着美丽,老张在旁边挤眉弄眼,逗得美丽嘎嘎乐,两只小手儿奓着。老张的老婆把美丽凑到老张的脸前,美丽的手就伸进爸爸的嘴里。 <br>
说时迟,那时快,老张抬手就是一掌,把母女两个打了个趔趄。老张在地质队,天天握探锤打石头,手上总有百来斤的力气。老张的老婆没有提防,就跌到了。到底是母亲,着地的关头,一扭身仰着将美丽抓在胸口。 <br>
美丽大哭。老张的老婆脑后淌出血来,从来没有骂过人的人,骂人了,老张的老婆骂老张。<br>
老张呆了,浑身哆嗦着,喘不出气来,汗从头上淌进领子里。 <br>
老张进了医院,两天一夜,才说出话来—— <br><br>
六零年,闹饥荒,饿死人,全国都闹,除了云南。那年,我毕业实习,进山找矿。 <br>
后来,我迷路了。有指南针,没用。我饿,我饿呀。慌,心慌,一慌就急。本来还会想,这下完了。一直就吃不够,体力差,肝里的糖说耗完就耗完。后来就出汗,后来汗也不出了。什么也不敢想,用脑子最消耗热量了。躺着。胃里冒酸水儿,杀得牙软。 <br>
后来,从肚子开始发热,脚心,脖子,指头尖儿,越来越烫。安徒生不是写过个卖火柴的小女孩儿吗?这个丹麦的老东西,他写得对。人饿死前,就是发热,热过了,就是死。 <br>
我没死。死了怎么还能跟你结婚?怎么还能有美丽? <br><br>
我醒的时候,好半天才看得清东西。我瞧见远处有烟。当时,我只有一个念头儿,烧饭才会有烟。爬吧。<br>
就别说怎么才爬到了吧。到了,是个人家。我趴在门口说,救个命吧,给口吃的吧。没人应。对,可能我的声音太小。我进去了。 <br>
灶前头靠着个人瘦得牙龇着,眼睛亮得吓人。我说,给口吃的。那人半天才摇摇头。我说,你就是我爷爷,祖宗,给口吃的吧。那人还是摇头。我说,你是说没有吗?那你这灶上烧的什么?喝口热水也行啊。那人眼泪就流下来了。 <br>
我不管了,伸手就把锅盖揭了。水气散了,我看见了,锅里煮着个小孩儿的手。
</p>
</div>
</article>
<div class="am-g blog-article-widget blog-article-margin">
<div class="am-u-lg-4 am-u-md-5 am-u-sm-7 am-u-sm-centered blog-text-center">
<span class="am-icon-tags"> &nbsp;</span><a href="#">标签</a> , <a href="#">TAG</a> , <a href="#">啦啦</a>
<hr>
<a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon"></span></a>
<a href=""><span class="am-icon-wechat am-icon-fw blog-icon"></span></a>
<a href=""><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>
</div>
</div>
<hr>
<div class="am-g blog-author blog-article-margin">
<div class="am-u-sm-3 am-u-md-3 am-u-lg-2">
<img src="assets/i/f15.jpg" alt="" class="blog-author-img am-circle">
</div>
<div class="am-u-sm-9 am-u-md-9 am-u-lg-10">
<h3><span>作者 &nbsp;: &nbsp;</span><span class="blog-color">amazeui</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<hr>
<ul class="am-pagination blog-article-margin">
<li class="am-pagination-prev"><a href="#" class="">&laquo; 一切的回顾</a></li>
<li class="am-pagination-next"><a href="">不远的未来 &raquo;</a></li>
</ul>
<hr>
<form class="am-form am-g">
<h3 class="blog-comment">评论</h3>
<fieldset>
<div class="am-form-group am-u-sm-4 blog-clear-left">
<input type="text" class="" placeholder="名字">
</div>
<div class="am-form-group am-u-sm-4">
<input type="email" class="" placeholder="邮箱">
</div>
<div class="am-form-group am-u-sm-4 blog-clear-right">
<input type="password" class="" placeholder="网站">
</div>
<div class="am-form-group">
<textarea class="" rows="5" placeholder="一字千金"></textarea>
</div>
<p><button type="submit" class="am-btn am-btn-default">发表评论</button></p>
</fieldset>
</form>
<hr>
</div>
</div>
<!-- content end -->
<footer class="blog-footer">
<div class="am-g am-g-fixed blog-fixed am-u-sm-centered blog-footer-padding">
<div class="am-u-sm-12 am-u-md-4- am-u-lg-4">
<h3>模板简介</h3>
<p class="am-text-sm">这是一个使用amazeUI做的简单的前端模板。<br> 博客/ 资讯类 前端模板 <br> 支持响应式,多种布局,包括主页、文章页、媒体页、分类页等<br>嗯嗯嗯,不知道说啥了。外面的世界真精彩<br><br>
Amaze UI 使用 MIT 许可证发布,用户可以自由使用、复制、修改、合并、出版发行、散布、再授权及贩售 Amaze UI 及其副本。</p>
</div>
<div class="am-u-sm-12 am-u-md-4- am-u-lg-4">
<h3>社交账号</h3>
<p>
<a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon blog-icon"></span></a>
<a href=""><span class="am-icon-github am-icon-fw blog-icon blog-icon"></span></a>
<a href=""><span class="am-icon-weibo am-icon-fw blog-icon blog-icon"></span></a>
<a href=""><span class="am-icon-reddit am-icon-fw blog-icon blog-icon"></span></a>
<a href=""><span class="am-icon-weixin am-icon-fw blog-icon blog-icon"></span></a>
</p>
<h3>Credits</h3>
<p>我们追求卓越,然时间、经验、能力有限。Amaze UI 有很多不足的地方,希望大家包容、不吝赐教,给我们提意见、建议。感谢你们!</p>
</div>
<div class="am-u-sm-12 am-u-md-4- am-u-lg-4">
<h1>我们站在巨人的肩膀上</h1>
<h3>Heroes</h3>
<p>
<ul>
<li>jQuery</li>
<li>Zepto.js</li>
<li>Seajs</li>
<li>LESS</li>
<li>...</li>
</ul>
</p>
</div>
</div>
<div class="blog-text-center">© 2015 AllMobilize, Inc. Licensed under MIT license. Made with love By LWXYFER</div>
</footer>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<!-- <script src="assets/js/app.js"></script> -->
</body>
</html>

Comment ( 0 )

Sign in for post a comment

HTML
1
https://gitee.com/lwxyfer/amazeui-blog.git
git@gitee.com:lwxyfer/amazeui-blog.git
lwxyfer
amazeui-blog
amazeui-blog
master

Search

231008 48f1a665 1899542 231017 9a6720c6 1899542