features.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <div class="home-container container-fluid">
  2. <div class="row g-3 home-content">
  3. <div class="col-sm-6 bg-portfolio">
  4. <a href="/collection/">
  5. <div class="bg-img"></div>
  6. </a>
  7. </div>
  8. <div class="col-sm-6 bg-serve">
  9. <a href="/room_planner/">
  10. <div class="bg-img"></div>
  11. </a>
  12. </div>
  13. <div class="col-sm-6 bg-qa">
  14. <a href="/frequently_asked_questions/">
  15. <div class="bg-img"></div>
  16. </a>
  17. </div>
  18. <div class="col-sm-6 bg-store">
  19. <a href="/store/">
  20. <div class="bg-img"></div>
  21. </a>
  22. </div>
  23. </div>
  24. <div class="row g-3 home-content" style="padding: 0 8px;">
  25. <div class="col-12 p-0 bottom-box">
  26. <a href="">
  27. <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
  28. <div>
  29. <p>山與水|心曠神怡</p>
  30. <p>新北王醫師|三房兩廳|35坪</p>
  31. </div>
  32. </a>
  33. </div>
  34. <div class="col-12 p-0 bottom-box">
  35. <a href="">
  36. <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
  37. <div>
  38. <p>標題|副標NotoJPBold20級字置右</p>
  39. <p>屋主名|房型|坪數NotoJPBold16級字置右</p>
  40. </div>
  41. </a>
  42. </div>
  43. <div class="col-12 p-0 bottom-box">
  44. <a href="">
  45. <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
  46. <div>
  47. <p>標題|副標NotoJPBold20級字置右</p>
  48. <p>屋主名|房型|坪數NotoJPBold16級字置右</p>
  49. </div>
  50. </a>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="reserve">
  55. <a href="">
  56. <img src="img/home/線上預約icon.png" alt="">
  57. </a>
  58. </div>