<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>书与创</title>
<link href="css/style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!--header begin-->
<div class="header">
<ul class="nav">
<li class="logo"><img src="images/logo.png" / alt=""</li>
<li><a href="#">文创发展对策</a></li>
<li><a href="#">文创的政策</a></li>
<li><a href="#">文创的对策</a></li>
<li><a href="#">文创的趋势</a></li>
<li><a href="#">文创的开发</a></li>
<li><a href="#">艺术长廊</a></li>
<li><a href="#">每月推荐书目</a></li>
<li><a href="#">会员/登陆</a></li>
</ul>
</div>
<!--header end-->
<!--content begin-->
<div class="content">
<div class="banner"><img src="images/banner.jpg" alt=""></div>
<h2><img src="images/c-1.png" alt=""></h2>
<div class="style">
<ul>
<li>
<a href="#">
<img src="images/1.png" alt="">
<p>上海图书馆</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" alt="">
<p>西安图书馆</p>
</a>
</li>
<li>
<a href="#">
<img src="images/7.png" alt="">
<p>陕西图书馆</p>
</a>
</li>
<li>
<a href="#">
<img src="images/2.jpg" alt="">
<p>四川图书馆</p>
</a>
</li>
<li>
<a href="#">
<img src="images/3.jpg" alt="">
<p>北京图书馆</p>
</a>
</li>
</ul>
</div>
</div>
<div class="a">
<h2><img src="images/f-1.png" alt=""></h2>
</div>
<div class="current">
<div class="style">
<ul>
<li>
<a href="#">
<img src="images/01.png" alt="">
<p>野兽出没的地方</p>
</a>
</li>
<li>
<a href="#">
<img src="images/02.jpg" alt="">
<p>大英图书馆文创商店</p>
</a>
</li>
<li>
<a href="#">
<img src="images/03.jpg" alt="">
<p>GWLHearsMe明信片</p>
</a>
</li>
<li>
<a href="#">
<img src="images/04.jpg" alt="">
<p>博德利安图书馆</p>
</a>
</li>
<li>
<a href="#">
<img src="images/05.png" alt="">
<p>American明信片</p>
</a>
</li>
</ul>
</div>
</div>
<!--content end-->
<!--footer begin-->
<div class="footer">
<div class="foot">
<dl>
<dt>帮助中心</dt>
<dd>账户管理</dd>
<dd>参观指南</dd>
<dd>借阅指南</dd>
</dl>
<dl>
<dt>关注我们</dt>
<dd>新浪微博</dd>
<dd>官方微信</dd>
<dd>联系我们</dd>
<dd>公益基金会</dd>
</dl>
<dl>
<dt>网站特色</dt>
<dd>音乐天地</dd>
<dd>陇上心语</dd>
</dl>
<dl>
<dt>阅读.书香</dt>
<dd>《简爱》</dd>
<dd>《怒河春醒》</dd>
<dd>《百年葛莱美》</dd>
</dl>
</div>
</div>
<!--footer end-->
</body>
</html>