RKayRR

index.html

<div class="container">
  <div class="jumbotron">
    <h1 class="text-center">防火长城</h1>
  <h2 class="text-center"><em>咱们俗称的“墙”</em></h2>
  <div>
    <div class="thumbnail">
      <img class="img-responsive" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Fang_binxing.jpg/220px-Fang_binxing.jpg" alt="被认为是防火长城主要设计者的方滨兴" />
      <p class="text-center">据说是墙他爹</p>
    </div>
    
  </div>
  <div>
    <h3 class="text-center">貌似是和墙有关的大事件</h3>
    <ul>
      <li> 针对网络封锁的诉讼</li>
      <li> 北京奥运会</li>
      <li> DNS污染扩散</li>
      <li> 对谷歌的封锁</li>
      <li> 对维基百科的封锁</li>
      <li> 2014年中国网络异常事件</li>
      <li> 亚太经合组织（APEC）会议</li>
      <li> 世界互联网大会</li>
      <li> 2015年防火长城升级</li>
      <li> 针对开发者的主动网络攻击</li>
      <li> XcodeGhost风波</li>
      <li> 被美国列为贸易壁垒</li>
    </ul>
  </div>
  <div>
    <blockquote>
      <p>“Across the Great Wall we can reach every corner in the world."</p>
      <p><em>——维纳·措恩，王运丰</em></p>
    </blockquote>
    
  </div>
  <div>
    <h3>欲知详情如何，请点击<a href="https://zh.wikipedia.org/wiki/%E9%98%B2%E7%81%AB%E9%95%BF%E5%9F%8E">这个</a>链接</h3>
  </div>  
  </div>
</div>

rkayrr.markdown

RKayRR

A Pen by zjddp on CodePen.

License.

style.css

li {
  font-size: 20px;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />