响应式项目-微金所

1.页面结构

  <!-- 头部块 -->
  <header class="wjs_header"></header>
  <!-- 导航条 -->
  <nav class="wjs_nav"></nav>
  <!-- 轮播图 -->
  <div class="wjs_banner"></div>
  <!-- 信息块 -->
  <div class="wjs_info"></div>
  <!-- 预约块 -->
  <div class="reverse"></div>
  <!-- 产品块 -->
  <div class="wjs_product"></div>
  <!-- 新闻块 -->
  <div class="wjs_news"></div>
  <!-- 合作伙伴 -->
  <footer class="wjs_partner"></footer>