header.html

<script src="JS/common.js"></script>

<header>
  <div class="pc">
    <a href="index.html" class="logo">
      <img src="pic/header_logo.png" alt="brand_logo">
    </a>
    <div class="pcMenu">
      <nav>
        <dl>
          <a href="about.html">
            <dt>關於我們</dt>
          </a>
          <dd class="none">
            <a href="about.html#gurantee">專業保證</a>
            <a href="about/shop.html">店鋪資訊</a>
            <a href="about/shop.html#contact">聯絡我們</a>
          </dd>
        </dl>
        <dl>
          <a href="collections.html">
            <dt>珠寶系列</dt>
          </a>
          <dd class="none">
            <a href="collections/b612.html">B612</a>
            <a href="collections/kepler.html">克卜勒</a>
            <a href="collections/starOfOcean.html">星辰大海</a>
          </dd>
        </dl>
        <dl>
          <dt><a href="news.html">最新消息</a>
        </dl>
        <dl>
          <dt><a href="faq.html">常見問題</a></dt>
        </dl>
      </nav>
      <div class="icon">
        <div class="search">
          <iconify-icon icon="majesticons:search-line" style="color: white;" width="24" height="24"></iconify-icon>

          <input type="text" placeholder="Search..." class="search_input">
          <iconify-icon icon="iconamoon:close-light" class="close" style="color: #b96982;" width="21"
            height="21"></iconify-icon>
        </div>
        <a href="login.html" class="member">
          <iconify-icon icon="ion:person" style="color: #fff;" width="24" height="24"></iconify-icon>
        </a>
      </div>
    </div>
  </div>
  <div class="ph">
    <div>
      <a href="index.html" class="logo">
        <img src="pic/header_logo.png" alt="brand_logo">
      </a>
      <div class="phMenu">
        <input type="checkbox">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
    <ul class="menu">
      <li>
        <div class="search">
          <iconify-icon icon="majesticons:search-line" style="color: white;" width="40" height="40"></iconify-icon>
          <input type="text" placeholder="Search..." class="search_input">
          <iconify-icon icon="iconamoon:close-light" class="close" style="color: #b96982;" width="38" height="38"></iconify-icon>
        </div>
      </li>
      <a href="about.html"><li>關於我們</li></a>
      <a href="about/shop.html"><li>店鋪資訊</li></a>
      <a href="collections.html"><li>珠寶一覽</li></a>
      <a href="collections/b612.html"><li>B612</li></a>
      <a href="news.html"><li>最新消息</li></a>
      <a href="faq.html"><li>常見問題</li></a>
      <a href="#"><li>會員中心</li></a>
    </ul>
  </div>
</header>