<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content=""/><meta name="description" content=""/>
<title>Python探索馆 - Slice</title>
<link rel="stylesheet" href="
{% static 'css/style.css' %}" /></head>
<body>
<div class="full-pic"></div> <!--===== Full Screen BG =====-->
<header class="header"> <!--===== Begin Header =====-->
<div class="fixed-head" style="position: fixed; width: 100%;">
<div class="wrap1000 head-wrap">
<div class="logo"><a href="detail.html">Python学院图书馆</a></div>
<div class="nav"><ul class="nav-list">
<li><a href="detail.html"><span>首页</span></a></li>
<li><a href="detail.html"><span>玄幻</span></a></li>
<li><a href="detail.html"><span>修仙</span></a></li></ul></div>
<div class="search"><form action="search.html" method="get" target="_blank">
<input name="kw" placeholder="搜索书名" type="text" maxlength="10" />
<input id="search-submit-btn" type="submit"/>
<label for="search-submit-btn"><i class="iconfont icon-search"></i></label>
</form></div>
</div></div>
</header>
<!--===== Begin Main =====-->
<section class="main"><div class="main-wrap wrap1000"><div class="hot-section"><div class="hot-content">
<div class="hot-shadow"><div class="hot-title">最热</div></div>
<div class="banner"> <!-- 1、banner -->
<ul class="banner-imgs"> <!--static/img文件夹下放了几张图片,就写几个li标签-->
<li><a href="detail.html"><img src="
{% static 'img/1.jpg' %}"/></a></li>
</ul>
<div class="control-page">
<a class="iconfont icon-bannerzuo" href=";"></a>
<a class="iconfont icon-banneryou" href=";"></a>
</div>
</div>
<div class="hot-recommend"><ul class="hot-list"> <!-- 2、hot -->
{% for novel in novelsHot %}
<li><a href="detail.html"><div><img src="
{{ novel.novelimg }}"/></div>
<p>
{{novel.novelname}}<span class="author">
{{novel.author}} 著</span>
<span class="book-description">
<!--
|safe把空格、换行等标点转为正常字符;
|chuncatechars:'数字',把超出的字数以仨点替之-->
{{ novel.description
|safe|truncatechars:'90'
}}
</span></p></a></li>
{% endfor %}</ul></div>
<div class="xuanhuan"> <!-- 3、Xuanhuan -->
<div class="xuanhuan-title">
<span>玄幻</span><p class="txt">Fantasy</p><p>Novel</p>
<span class="more"><a href="more.html">更多>></a></span>
</div>
<div class="wrap890 xuanhuan-wrap"><ul class="book-list">
{% for novel in novelsXH %}
<li class="book"><div class="book-wrap">
<a class="cover" href="detail.html"><img src="
{{ novel.novelimg }}" width="136" height="180" /></a>
<div class="book-presentation"><h2><a href="detail.html">
{{ novel.novelname }}</a></h2>
<p class="book-info"><span>
{{ novel.sort }}</span><span>
{{ novel.state }}</span></p>
<p class="book-author"><a href=";">作者:<span>
{{ novel.author }}</span></a></p>
<p class="desc">
{{ novel.description
|safe|truncatechars:'90'
}}</p>
</div></div></li>
{% endfor %}</ul></div>
</div>
<!-- 4、WuXia 仿照第3条的玄幻-->
</div></div></div></section> <!--=====End Main=====-->
<footer class="footer"> <!--=====Begin Footer=====-->
<div class="wrap1000 footer-wrap">
<div class="logo-footer"><a href="detail.html">
<img src="
{% static 'img/footer_logo.png' %}" alt="" width="50"/>
<span class="footer-txt">潭州教育Python学院</span></a>
<span class="footer-font">TAN ZHOU PYTHON COLLEGE</span></div>
<div class="copy-right"><p>本站仅供技术学习使用,勿用商业</p>
<p>Copyright © 2017 All Rights Reserved 潭州PYTHON</p></div>
</div></footer> <!--=====End Footer=====-->
<script src="
{% static 'js/index.js' %}"></script> <!-- Main Plugin -->
</body></html>