Light-Year-Book-Reading-Template
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>首页 - 笔下光年</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="LightYear,光年,笔下光年,HTML模板,光年HTML模板">
<meta name="description" content="笔下光年是一个基于Bootstrap v3.3.7的书籍阅读类网站HTML模板。">
<meta name="author" content="yinqi">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/material-design-iconic-font.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
</head>

<body>
<div class="lyear-loading">
  <div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div>
</div>
<div class="lyear-layout">
  <div class="lyear-aside" style="background-image: url(images/aside-bg.jpg)">
    <div class="overlay"></div>
    <div class="logo-wrapper">
      <!-- START #logo -->
      <a href="index.html" class="lyear-logo">
        <span class="inner-logo">
          <img src="images/logo.png" alt="笔下光年" />
        </span>
      </a>
    </div>
    <div class="featured">
      <h4>愿你有好运气，如果没有，愿你在不幸中学会慈悲；愿你被很多人爱，如果没有，愿你在寂寞中学会宽容。<small> - 刘瑜《愿你慢慢长大》</small></h4>
    </div>
  </div>
  <div class="lyear-main-content">

    <!--推荐作者-->
    <div class="lyear-author clearfix">
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/1.jpg">
          <div class="captn">
		  	<h4>韩寒</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/2.jpg">
          <div class="captn">
		  	<h4>七堇年</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/3.jpg">
          <div class="captn">
		  	<h4>金庸</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/4.jpg">
          <div class="captn">
		  	<h4>八月长安</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/5.jpg">
          <div class="captn">
		  	<h4>我吃西红柿</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/6.jpg">
          <div class="captn">
		  	<h4>安妮宝贝</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/7.jpg">
          <div class="captn">
		  	<h4>萧鼎</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/8.jpg">
          <div class="captn">
		  	<h4>巴金</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/9.jpg">
          <div class="captn">
		  	<h4>J.K.罗琳</h4>
		  	<p>英国</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/10.jpg">
          <div class="captn">
		  	<h4>董晓磊</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/11.jpg">
          <div class="captn">
		  	<h4>唐家三少</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/12.jpg">
          <div class="captn">
		  	<h4>郭敬明</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/13.jpg">
          <div class="captn">
		  	<h4>池莉</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/14.jpg">
          <div class="captn">
		  	<h4>天蚕土豆</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/15.jpg">
          <div class="captn">
		  	<h4>安意如</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/16.jpg">
          <div class="captn">
		  	<h4>丹·布朗</h4>
		  	<p>美国</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/17.jpg">
          <div class="captn">
		  	<h4>彼得·梅尔</h4>
		  	<p>英国</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/18.jpg">
          <div class="captn">
		  	<h4>岛田庄司</h4>
		  	<p>日本</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/19.jpg">
          <div class="captn">
		  	<h4>渡边淳一</h4>
		  	<p>日本</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/20.jpg">
          <div class="captn">
		  	<h4>可爱淘</h4>
		  	<p>韩国</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/21.jpg">
          <div class="captn">
		  	<h4>陈寿</h4>
		  	<p>中国 · 魏晋</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img class="img-responsive" src="images/author/22.jpg">
          <div class="captn">
		  	<h4>吴承恩</h4>
		  	<p>中国 · 明朝</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img  class="img-responsive" src="images/author/23.jpg">
          <div class="captn">
		  	<h4>蔡东藩</h4>
		  	<p>中国 · 清朝</p>
		  </div>
        </a>
      </div>
      <div class="gallery-grid">
        <a href="author.html">
          <img  class="img-responsive" src="images/author/24.jpg">
          <div class="captn">
		  	<h4>古龙</h4>
		  	<p>中国 · 近现代</p>
		  </div>
        </a>
      </div>
    </div>
    <!--End 推荐作者-->

    <!--推荐书籍-->
    <div class="lyear-list clearfix">
      <div class="list-item">
        <a class="cover" href="book.html"><img src="images/book/1.jpg" alt="天龙八部"></a>
        <div class="list-entry">
          <h4>《<a href="book.html">天龙八部</a>》<small><a href="column.html">话本小说</a> · <a href="dynasty.html">近现代</a> · <a href="author.html">金庸</a></small></h4>
          <p class="text-muted">小说以宋哲宗时代为背景，通过宋、辽、大理、西夏、吐蕃等王国之间的武林恩怨和民族矛盾，从哲学的高度对人生和社会进行审视和描写，展示了一幅波澜壮阔的生活画卷，其故事之离奇曲折、涉及人物之众多、历史背景之广泛、武侠战役之庞大、想象力之丰富当属“金书”之最。</p>
        </div>
      </div>
      <div class="list-item">
        <a class="cover" href="book.html"><img src="images/book/2.jpg" alt="孙子兵法"></a>
        <div class="list-entry">
          <h4>《<a href="book.html">孙子兵法</a>》<small><a href="column.html">古文典籍</a> · <a href="dynasty.html">先秦</a> · <a href="author.html">孙武</a></small></h4>
          <p class="text-muted">又称《孙武兵法》、《吴孙子兵法》、《孙子兵书》《孙武兵书》等，是中国现存最早的兵书，也是世界上最早的军事著作，被誉为“兵学圣典”。共有六千字左右，一共十三篇。</p>
        </div>
      </div>
      <div class="list-item">
        <a class="cover" href="book.html"><img src="images/book/3.jpg" alt="杨家将传"></a>
        <div class="list-entry">
          <h4>《<a href="book.html">杨家将传</a>》<small><a href="column.html">话本小说</a> · <a href="dynasty.html">明</a> · <a href="author.html">熊大木</a></small></h4>
          <p class="text-muted">《北宋志传》(又名《杨家将传》、《杨家将演义》)写杨家将抗辽事迹。作者广泛搜集了宋元时期民间流传的杨家将故事、宋元话本和元杂剧中的有关剧目为基础加工整理而成。</p>
        </div>
      </div>
      <div class="list-item">
        <a class="cover" href="book.html"><img src="images/book/4.jpg" alt="爱丽丝梦游仙境"></a>
        <div class="list-entry">
          <h4>《<a href="book.html">爱丽丝梦游仙境</a>》<small><a href="column.html">国外名著</a> · <a href="author.html">刘易斯·卡罗尔</a></small></h4>
          <p class="text-muted">故事叙述一个名叫爱丽丝的女孩从兔子洞进入一处神奇国度，遇到许多会讲话的生物以及像人一般活动的纸牌，最后发现原来是一场梦。</p>
        </div>
      </div>
      <div class="list-item">
        <a class="cover" href="book.html"><img src="images/book/5.jpg" alt="唐砖"></a>
        <div class="list-entry">
          <h4>《<a href="book.html">唐砖</a>》<small><a href="column.html">穿越小说</a> · <a href="dynasty.html">近现代</a> · <a href="author.html">孑与2</a></small></h4>
          <p class="text-muted">这是一部典型的历史穿越类小说。它描写了主人公云烨回到唐初贞观年间，作为大唐贵族的他面临种种考验，过着混合着那个时代那个事儿的生活。</p>
        </div>
      </div>
      <div class="list-item">
        <a class="cover" href="book.html"><img src="images/book/6.jpg" alt="金粉世家"></a>
        <div class="list-entry">
          <h4>《<a href="book.html">金粉世家</a>》<small><a href="column.html">当代小说</a> · <a href="#">近现代</a> · <a href="author.html">张恨水</a></small></h4>
          <p class="text-muted">小说以北洋军阀内阁总理金铨封建大家族为背景，以金铨之子金燕西与平民女子冷清秋由恋爱、结婚到反目、离异的婚姻为主线，揭露了封建官僚及其妻妾子女空虚、堕落的精神世界和没落腐朽的生活，为豪门贵族描写了一部活生生的兴衰史。</p>
        </div>
      </div>
    </div>
    <!--End 推荐书籍-->

    <!--分类-->
    <div class="lyear-column">
      <ul class="list-inline">
        <li><a href="dynasty.html">先秦</a></li>
        <li><a href="dynasty.html">汉朝</a></li>
        <li><a href="dynasty.html">魏晋</a></li>
        <li><a href="dynasty.html">南北朝</a></li>
        <li><a href="dynasty.html">隋唐五代</a></li>
        <li><a href="dynasty.html">宋朝</a></li>
        <li><a href="dynasty.html">元朝</a></li>
        <li><a href="dynasty.html">明朝</a></li>
        <li><a href="dynasty.html">清朝</a></li>
        <li><a href="dynasty.html">近现代</a></li>
      </ul>
      <ul class="list-inline">
        <li><a href="nationality.html">美国</a></li>
        <li><a href="nationality.html">英国</a></li>
        <li><a href="nationality.html">法国</a></li>
        <li><a href="nationality.html">德国</a></li>
        <li><a href="nationality.html">日本</a></li>
        <li><a href="nationality.html">俄罗斯</a></li>
        <li><a href="nationality.html">希腊</a></li>
        <li><a href="nationality.html">罗马</a></li>
        <li><a href="nationality.html">意大利</a></li>
        <li><a href="nationality.html">奥地利</a></li>
        <li><a href="nationality.html">印度</a></li>
      </ul>
      <ul class="list-inline">
        <li><a href="column.html">现代文学</a></li>
        <li><a href="column.html">世界名著</a></li>
        <li><a href="column.html">古典名著</a></li>
        <li><a href="column.html">散文随笔</a></li>
        <li><a href="column.html">人物传记</a></li>
        <li><a href="column.html">网络小说</a></li>
      </ul>

      <form action="search.html" method="post" class="lyear-search">
        <input type="text" name="keywords" class="form-control" value="" placeholder="输入作者或书籍名称" />
      </form>
    </div>
    <!--End 分类-->

    <footer class="lyear-footer">
      <div class="inner-footer">
        <p>
          友情链接：
          <a href="http://www.uishijie.com" target="_blank">UI世界</a>&nbsp;&nbsp;
          <a href="http://www.itshubao.com" target="_blank">IT书包</a>
        </p>
        <p>Copyright &copy; 2019. <a href="http://www.bixiaguangnian.com" target="_blank">笔下光年</a> All rights reserved. 阅读在路上&nbsp;&nbsp;<a href="#">关于本站</a>&nbsp;&nbsp;<a href="#">网站声明</a></p>
      </div>
    </footer>

  </div>
</div>
<div class="gototop js-top">
  <a href="#" class="js-gotop"><i class="zmdi zmdi-long-arrow-up"></i></a>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/main.min.js"></script>
</body>
</html>