TributePage

index.html

<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>

scripts

<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>

style.css

.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
}

styles

<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" />

tributepage.markdown

TributePage

A Pen by Wallen Han on CodePen.

License.