A Pen by Wallen Han on CodePen.
Last active
October 18, 2016 14:50
-
-
Save WallenHan/a2c6f7f3a5001e2bd7304ac0f086698b to your computer and use it in GitHub Desktop.
TributePage
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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 | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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