<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="tes1.css" rel="stylesheet" type="text/css">
<!--
要详细了解文件顶部 html 标签周围的条件注释:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
如果您使用的是 modernizr (http://www.modernizr.com/) 的自定义内部版本，请执行以下操作:
* 在此处将链接插入 js
* 将下方链接移至 html5shiv
* 将“no-js”类添加到顶部的 html 标签
* 如果 modernizr 内部版本中包含 MQ Polyfill，您也可以将链接移至 respond.min.js
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"><img src="image/1.jpg">
<div id="menu">
<div id="menu2"><span>首页</span>|<span>作品展示</span>|<span>设计理念</span>|<span>团队合作</span>|<span>联系我们</span></div>
</div>
<div id="pic1"><img src="image/2.jpg"><p><span>香雪海</span></p></div>
<div id="pic2"><img src="image/3.jpg"><p><span>香雪海</span></p></div>
<div id="pic3"><img src="image/4.jpg"><p><span>香雪海</span></p></div>
<div id="pic4"><img src="image/5.jpg"><p><span>香雪海</span></p></div>
<div id="pic5"><img src="image/6.jpg"><p><span>香雪海</span></p></div>
<div id="pic6"><img src="image/2.jpg"><p><span>香雪海</span></p></div>
<div id="footer"><p style="color:#000">版权所有：xxx</p></div>
</div>
</div>
</body>
</html>