<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="jquery-mobile/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css">
<script src="jquery-mobile/jquery-1.11.1.min.js"></script>
<script src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>
</head>

<body>
<div data-role="page" id="page">
  <div data-role="header">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <div data-role="fieldcontain" style="text-align: center;">
          <img src="images/logo.png" />
        </div>
      </div>
      <div class="ui-block-b">
        <div data-role="fieldcontain">
          <input name="search" type="search" id="search" placeholder="请输入关键词" value=""  />
        </div>
      </div>
    </div>
  </div>
  <div data-role="content">
<div data-role="collapsible-set">
      <div data-role="collapsible">
        <h3>装修案例1</h3>
        <p><img src="images/1.jpg" width="100%"></p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>装修案例2</h3>
        <p><img src="images/2.jpg" width="100%"></p>
      </div>
      <div data-role="collapsible" data-collapsed="true">
        <h3>装修案例3</h3>
        <p><img src="images/3.jpg" width="100%"></p>
      </div>
    </div>
	  
  </div>
  <div data-role="footer">
    <h4>佳美馨装饰有限公司 版权所有</h4>
  </div>
</div>
</body>
</html>
