hhh_index_dev/hhh_index/template/footer-back.html

<footer class="footer d-none d-md-block">
  <div class="container" style="margin:0 auto;">
    <div class="row">
      <div class="col footer__block">
        <h4 class="footer__block-title">相關連結</h4>
        <ul class="footer__block-list">
          <li><a class="footer__list-item" href="http://gstv.com.tw/" target="_blank">
              <div class="footer__list-icon"><img src="hhh_index/images/menu/tv.svg" alt=""></div>
              <p>幸福空間居家台</p>
            </a></li>
          <!--
          <li><a class="footer__list-item" href="https://event.hhh.com.tw/contest/2018/" target="_blank">
              <div class="footer__list-icon"><img src="images/menu/prize.svg" alt=""></div>
              <p>ADA 亞洲設計獎</p>
            </a></li>
			    -->
          <li><a class="footer__list-item" href="https://event.hhh.com.tw/2019global-award/" target="_blank">
              <div class="footer__list-icon"><img src="hhh_index/images/menu/champion.svg" alt=""></div>
              <p>國際設計大獎代辦</p>
            </a></li>
          <li><a class="footer__list-item" href="https://www.leju.com.tw/" target="_blank">
              <div class="footer__list-icon"><img src="hhh_index/images/menu/Image 1@2x.png" alt="" width="20"
                  class="lazyload">
              </div>
              <p>樂居網</p>
            </a></li>
          <li><a class="footer__list-item" href="https://shop.hhh.com.tw/" target="_blank">
              <div class="footer__list-icon"><img src="hhh_index/images/menu/cart.svg" alt=""></div>
              <p>+好物</p>
            </a></li>
        </ul>
      </div>
      <div class="col footer__block">
        <h4 class="footer__block-title">相關社群</h4>
        <div class="d-flex flex-column justify-content-center">
          <ul class="footer__block-socials">
            <li><a href="https://www.facebook.com/hhhfb"><img src="hhh_index/images/menu/fb.svg" alt=""
                  class="d-inline-block"></a></li>
            <li><a href="https://line.me/ti/p/%40ovs4341s"><img src="hhh_index/images/menu/line.svg" alt=""
                  class="d-inline-block"></a></li>
            <li><a href="https://www.youtube.com/user/gorgeousspace"><img src="hhh_index/images/menu/youtube.svg" alt=""
                  class="d-inline-block"></a></li>
            <li><a href="https://www.instagram.com/gorgeous_space/"><img src="hhh_index/images/menu/instagram@2x.png"
                  width="43" alt="" class="d-inline-block lazyload"></a></li>
            <li><a href=""><img src="hhh_index/images/menu/pinterest.svg" alt="" class="d-inline-block"></a>
            </li>
          </ul>
          <div class="py-4 text-center d-flex justify-content-center">
            <a href="https://www.facebook.com/agent.hhh.com.tw" class="follows-fp me-2"><img
                src="hhh_index/images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">
              <p>幸福經紀人</p>
            </a>
            <a href="https://www.facebook.com/retire.tw/" class="follows-fp ms-2"><img
                src="hhh_index/images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">
              <p>退休好幸福</p>
            </a>
          </div>
        </div>
      </div>
      <div class="col footer__block d-flex flex-column justify-content-center align-items-center">
        <div class="footer__block-phone">
          <p>幸福經紀人免付費諮詢電話</p><span class="ms-2"><a class="text-phone"
              href="tel:0800-366-086">0800-366-086</a></span></a>
        </div>
        <div class="footer__block-links">
          <div class="footer__block-links-grp">
            <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
            <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>
          </div>
          <div class="footer__block-links-grp">
            <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
            <a href="https://www.104.com.tw/company/d6hr8sg">企業徵才</a>
          </div>
          <div class="footer__block-links-grp">
            <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
            <a href="https://m.hhh.com.tw/about/sitemap/">網站地圖</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid bottom-box">

  </div>
</footer>

<!-- 手機版 -->
<!-- <div class="container-fluid px-0 m-0 fixed_menu d-block d-md-none">
  <div class="row gx-2 ps-1 pe-2">
    <div class="fixed_menu__box col">
      <a href="https://m.hhh.com.tw/about/request/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/40a8bf5.svg" alt="">
      </a>
    </div>
    <div class="fixed_menu__box col">
      <a href="https://m.hhh.com.tw/about/calculator/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/170ebf4.svg" alt="">
      </a>
    </div>
    <div class="fixed_menu__box col">
      <a href="https://m.hhh.com.tw/decoquery/lists/address/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/479aa61.svg" alt="">
      </a>
    </div>
    <div class="fixed_menu__box col">
      <a href="https://m.hhh.com.tw/program/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/dc6b655.svg" alt="">
      </a>
    </div>
    <div class="fixed_menu__box col">
      <a href="https://m.hhh.com.tw/login/index" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/76749fd.svg" alt="">
      </a>
    </div>
  </div>
</div> -->
<div class="footer-fix-block d-block d-md-none">
  <div class="row d-flex">
    <div class="footer-fix-wrapper col-3">
      <a href="https://m.hhh.com.tw/about/request/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/40a8bf5.svg" alt="">
      </a>
    </div>
    <div class="footer-fix-wrapper col-3">
      <a href="https://m.hhh.com.tw/about/calculator/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/170ebf4.svg" alt="估預算">
      </a>
    </div>
    <div class="footer-fix-wrapper col-3">
      <a href="https://m.hhh.com.tw/program/" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/dc6b655.svg" alt="TV 節目表">
      </a>
    </div>
    <div class="footer-fix-wrapper col-3">
      <a href="https://m.hhh.com.tw/login/index" target="_blank">
        <img src="https://m.hhh.com.tw/_nuxt/img/76749fd.svg" alt="會員登入">
      </a>
    </div>
  </div>
  <div style="height: 15px;"></div>
</div>