Skip to content

Instantly share code, notes, and snippets.

@WallenHan
Last active October 18, 2016 14:50
Show Gist options
  • Save WallenHan/a2c6f7f3a5001e2bd7304ac0f086698b to your computer and use it in GitHub Desktop.
Save WallenHan/a2c6f7f3a5001e2bd7304ac0f086698b to your computer and use it in GitHub Desktop.
TributePage
<div class="well row text-center main-container">
<div class="col-md-12 title-container">
<h1>袁隆平-杂交水稻之父<h1>
<h2>为人类运用科技手段战胜饥饿带来绿色的希望和金色的收获</h2>
</div>
<div class="thumbnail image-container">
<img src="//i4.qhimg.com/t01403f0d12c07b95a5.jpg" alt="袁隆平在讲授杂交水稻">
<div class="captain tect-center">袁隆平给来自10多个国家的专家讲授杂交水稻方面的主要课程
</div>
</div>
<div class="article-container col-xs-12 col-sm-10 col-sm-offset-1">
<ul class="timeline">
<li><span class="font-bolder">1981年</span> - 袁隆平和籼型杂交水稻获中国第一个特等发明奖。</li>
<li><span class="font-bolder">1984年</span> - 湖南杂交水稻研究中心成立,袁隆平任中心主任。同年获国家级有突出贡献的中青年专家称号。</li>
<li><span class="font-bolder">1986年</span> - 培育成杂交早稻新组合威优49。</li>
<li><span class="font-bolder">1998年</span> - 出席在广东肇庆举行的“863”计划“超级杂交稻”项目会议。</li>
<li><span class="font-bolder">2000年</span> - 赴菲律宾国际水稻研究所参加水稻科研会议。</li>
<li><span class="font-bolder">2011年</span> - 《中国国家形象片---人物篇》杰出代表人物之一。</li>
<li><span class="font-bolder">2014年</span> - 在北京人民大会堂,袁隆平和他的团队凭借“两系法杂交水稻技术研究与应用”项目捧回国家科技进步特等奖。</li>
<ul>
<br/>
<div class="">
<p class="font-bolder">“我们把袁隆平先生称为‘杂交水稻之父’,因为他的成就不仅是中国的骄傲,也是世界的骄傲,他的成就给人类带来了福音。”
</p>
<footer><p class="font-ob talkman">----国际水稻研究所所长、印度前农业部长斯瓦米纳森博士高度评价</p>
</footer>
</div>
<div>
<h3>有兴趣的您,可以点击<a href="https://zh.wikipedia.org/wiki/%E8%A2%81%E9%9A%86%E5%B9%B3">这里</a>去查看更多的关于他的事迹</h3>
</div>
</div>
</div>
<footer class="main-footer text-center">
<hr>
<p>此页面由<a>Wallen Han</a>设计、编写</p>
</footer>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
.title-container h2 {
font-size:18px;
font-style: oblique;
}
.main-container {
margin: 30px 15%;
}
.image-container {
border-color:#FFF;
border-style:solid;
border-width:2px;
}
ul.timeline {
list-style-type:disc;
text-align:left;
}
.font-bolder{
font-weight: bolder;
}
.font-ob{
font-style: oblique;
color:#777
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment