31 lines
1.2 KiB
HTML
31 lines
1.2 KiB
HTML
|
<!-- 成員切換標籤 -->
|
|||
|
|
<nav class="member-tabs">
|
|||
|
|
<button class="tab-btn active">殷志源 (Eun Ji Won)</button>
|
|||
|
|
<button class="tab-btn">高志溶 (Ko Ji Yong)</button>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<main class="content-container">
|
|||
|
|
<!-- 左側固定地圖 -->
|
|||
|
|
<section class="map-sticky">
|
|||
|
|
<iframe src="https://www.google.com/maps/d/embed?mid=1xpAsSoO8gNmMiW4x2sfkndISFTtjMQDw&hl=zh-TW&ehbc=2E312F"
|
|||
|
|
width="100%" height="450"></iframe>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- 右側拍立得清單 -->
|
|||
|
|
<section class="itinerary-list">
|
|||
|
|
<!-- 拍立得卡片 -->
|
|||
|
|
<article class="polaroid-card">
|
|||
|
|
<div class="photo-frame">
|
|||
|
|
<img src="節目截圖.jpg" alt="景點名稱">
|
|||
|
|
</div>
|
|||
|
|
<div class="card-content">
|
|||
|
|
<span class="date">2024.05.07</span>
|
|||
|
|
<h3>景點名稱（如：台北101）</h3>
|
|||
|
|
<p class="description">這裡可以放入節目的細節介紹，例如在那裡做了什麼、說了什麼話...</p>
|
|||
|
|
<div class="tag">#踩點成功</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
|
|||
|
|
<!-- 更多卡片... -->
|
|||
|
|
</section>
|
|||
|
|
</main>
|