https://www.zhundhe.eatingout.com.tw/custom_141501.html
環境設施
環境設施
/* ---------- Content ---------- */
#content #box {
max-width: 1100px;
margin: auto;
color: #5a3d22;
line-height: 1.8;
}
/* 標題 */
#content .subtitle {
margin-bottom: 30px;
}
#content .subtitle img {
display: block;
max-width: 100%;
height: auto;
}
/* 左右排版 */
#content .facility {
display: flex;
gap: 40px;
align-items: flex-start;
}
/* 左側圖片 */
#content .pic_left {
flex: 0 0 340px;
max-width: 340px;
}
#content #view01 {
width: 100%;
display: block;
}
/* 縮圖 */
#content .thumbs {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
margin-top: 12px;
}
#content .thumbs img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
cursor: pointer;
transition: .25s;
}
#content .thumbs img:hover {
opacity: .8;
}
#content .thumbs img.active {
outline: 3px solid #b45f04;
outline-offset: -3px;
}
/* 右側文字 */
#content .text {
flex: 1;
}
#content h2 {
margin-bottom: 10px;
color: #663300;
font-size: 18px;
font-weight: bold;
}
#content p {
margin-bottom: 24px;
text-align: justify;
font-size: 15px;
color: #333333;
}
/* ---------- 平板 ---------- */
@media (max-width:900px) {
#content .facility {
gap: 25px;
}
#content .pic_left {
flex-basis: 280px;
}
}
/* ---------- 手機 ---------- */
@media (max-width:768px) {
#content {
padding: 20px 15px;
}
#content .facility {
flex-direction: column;
}
#content .pic_left {
width: 100%;
max-width: 100%;
flex: none;
}
#content .thumbs {
grid-template-columns: repeat(4, 1fr);
}
#content h2 {
font-size: 17px;
}
#content p {
font-size: 15px;
}
}
花草蟲鳴鳥叫 白天、黑夜各具風姿
舜德農莊休閒餐廳老闆楊義禮先生在自家土地上,以自己的構想,用原木、竹子等天然建材,打造成開放式的口字型庭院,中間置栽,餐桌圍繞四週,且用餐的桌椅也是老式的竹編桌椅,在這樣隨性的用餐空間中,讓您在白天可以親擁午後陽光及欣賞園中的無限綠意,若在晚上來此用餐,更可享受夜晚的徐徐涼風,涼爽怡人,一旁蛙叫蟲鳴,品茗用餐愜意悠閒。
宴會廳適合各式團體聚餐、宴客
除了開放式的用餐空間外,舜德農莊休閒餐廳另闢有容納20桌的室內宴會廳,內部乾淨寬敞,讓您可無拘無束的盡情歡樂用餐,不論家庭聚餐、公司洽商辦桌、喜慶宴客都非常適宜。
const view = document.getElementById('view01');
const thumbs = document.querySelectorAll('.thumbs img');
// 預設第一張 active
if (thumbs.length > 0) {
thumbs[0].classList.add('active');
}
thumbs.forEach(img => {
function setActive() {
// 換大圖(用 data-image)
view.src = img.dataset.image;
view.alt = img.alt;
// 清掉全部 active
thumbs.forEach(t => t.classList.remove('active'));
// 加上目前 active
img.classList.add('active');
}
// 電腦:滑過
img.addEventListener('mouseenter', setActive);
// 手機:點擊
img.addEventListener('click', setActive);
});
https://www.zhundhe.eatingout.com.tw/
網站名稱
花草蟲鳴鳥叫 白天、黑夜各具風姿
舜德農莊休閒餐廳老闆楊義禮先生在自家土地上,以自己的構想,用原木、竹子等天然建材,打造成開放式的口字型庭院,中間置栽,餐桌圍繞四週,且用餐的桌椅也是老式的竹編桌椅,在這樣隨性的用餐空間中,讓您在白天可以親擁午後陽光及欣賞園中的無限綠意,若在晚上來此用餐,更可享受夜晚的徐徐涼風,涼爽怡人,一旁蛙叫蟲鳴,品茗用餐愜意悠閒。
宴會廳適合各式團體聚餐、宴客
除了開放式的用餐空間外,舜德農莊休閒餐廳另闢有容納20桌的室內宴會廳,內部乾淨寬敞,讓您可無拘無束的盡情歡樂用餐,不論家庭聚餐、公司洽商辦桌、喜慶宴客都非常適宜。