/* 전체 컨테이너 스타일 */
.style1 {
background-color: #ffffff; /* 흰색 배경 */
padding: 50px; /* 내부 여백 50px */
border-radius: 20px; /* 모서리 둥글게 */
border: none; /* 테두리 제거 */
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); /* 부드러운 그림자 효과 */
max-width: 1200px; /* 최대 너비 설정 */
margin: 0 auto; /* 가운데 정렬 */
font-family: ‘Segoe UI’, Arial, sans-serif; /* 폰트 설정 */
}
/* 호텔 정보 박스 스타일 */
.hotelbox {
background-color: #fff; /* 흰색 배경 */
padding: 30px; /* 내부 여백 */
border-radius: 15px; /* 모서리 둥글게 */
border: none; /* 테두리 제거 */
margin-bottom: 40px; /* 아래쪽 여백 */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* 그림자 효과 */
transition: transform 0.3s ease, box-shadow 0.3s ease; /* 부드러운 전환 효과 */
cursor: pointer; /* 클릭 가능한 커서 */
}
/* 호텔 박스 호버 효과 */
.hotelbox:hover {
transform: translateY(-5px); /* 마우스 오버시 위로 살짝 이동 */
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* 그림자 효과 강화 */
}
/* 메인 제목 스타일 */
h1 {
color: #2c3e50; /* 진한 회색 글자색 */
font-size: 2.8em; /* 글자 크기 */
text-align: center; /* 가운데 정렬 */
padding: 30px; /* 내부 여백 */
margin-bottom: 50px; /* 아래쪽 여백 */
background: linear-gradient(135deg, #f6f9fc, #eef2f7); /* 그라데이션 배경 */
border-radius: 20px; /* 모서리 둥글게 */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* 그림자 효과 */
font-weight: 600; /* 글자 두께 */
}
/* 상단 호텔 목록 스타일 */
.style1 > p {
font-size: 1.1em; /* 글자 크기 */
padding: 20px; /* 내부 여백 */
margin: 20px 0; /* 위아래 여백 */
background: #f8f9fa; /* 연한 회색 배경 */
border-radius: 12px; /* 모서리 둥글게 */
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); /* 그림자 효과 */
transition: all 0.3s ease; /* 부드러운 전환 효과 */
color: #2c3e50; /* 글자색 */
line-height: 1.6; /* 줄 간격 */
cursor: pointer; /* 클릭 가능한 커서 */
}
/* 상단 호텔 목록 호버 효과 */
.style1 > p:hover {
transform: translateX(10px); /* 마우스 오버시 오른쪽으로 이동 */
background: #eef2f7; /* 배경색 변경 */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* 그림자 효과 강화 */
}
/* 호텔 제목 스타일 */
h3 {
background: linear-gradient(135deg, #6c5ce7, #a29bfe); /* 보라색 그라데이션 */
color: white; /* 흰색 글자 */
padding: 15px 25px; /* 내부 여백 */
margin: 0 0 25px 0; /* 아래쪽 여백 */
border-radius: 10px; /* 모서리 둥글게 */
display: inline-block; /* 인라인 블록 표시 */
font-weight: 500; /* 글자 두께 */
box-shadow: 0 4px 15px rgba(108, 92, 231, 0.2); /* 그림자 효과 */
}
/* 호텔 정보 문단 스타일 */
.hotelbox p {
margin: 15px 0; /* 위아래 여백 */
padding: 10px 0; /* 내부 여백 */
border-left: 3px solid #6c5ce7; /* 왼쪽 보라색 테두리 */
padding-left: 15px; /* 왼쪽 내부 여백 */
color: #2c3e50; /* 글자색 */
line-height: 1.6; /* 줄 간격 */
}
/* 이미지 스타일 */
img {
border-radius: 50%; /* 원형 모양으로 변경 */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* 그림자 효과 */
transition: transform 0.3s ease; /* 부드러운 전환 효과 */
max-width: 100%; /* 최대 너비 */
height: auto; /* 높이 자동 조정 */
object-fit: cover; /* 이미지 비율 유지하면서 채우기 */
aspect-ratio: 1/1; /* 정사각형 비율 유지 */
position: relative; /* 상대 위치 설정 */
}
/* 이미지 호버 효과 */
img:hover {
transform: scale(1.02); /* 마우스 오버시 살짝 확대 */
}
/* 이미지 컨테이너 스타일 */
.image-container {
position: relative;
display: inline-block;
}
/* 이미지 위 텍스트 스타일 */
.image-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
z-index: 1;
text-align: center;
width: 100%;
}
큰제목 – 홍콩의 가성비 좋은 고급 호텔 top5
1. The Upper House – 중구에 위치한 럭셔리 호텔로, 홍콩의 아름다운 전경을 감상할 수 있는 스위트룸과 미슐랭 스타 레스토랑이 유명합니다.
2. The Peninsula Hong Kong – 1928년에 설립된 역사적인 호텔로, 클래식한 럭셔리와 현대적인 편의시설이 조화를 이루는 최고급 호텔입니다.
3. Four Seasons Hotel Hong Kong – 빅토리아 항구를 조망할 수 있는 최고급 호텔로, 세계적인 스파와 미슐랭 3스타 레스토랑을 보유하고 있습니다.
4. The Ritz-Carlton Hong Kong – 세계에서 가장 높은 호텔 중 하나로, 118층에 위치한 스카이바와 수영장이 특징입니다.
5. Mandarin Oriental Hong Kong – 중구의 중심부에 위치한 전통적인 럭셔리 호텔로, 세계적인 스파와 미슐랭 스타 레스토랑이 유명합니다.
중제목 – The Upper House
호텔 소개: 홍콩 중구에 위치한 럭셔리 호텔로, 현대적인 디자인과 최고급 서비스로 유명합니다. 모든 객실이 스위트룸으로 구성되어 있으며, 홍콩의 아름다운 전경을 감상할 수 있습니다. 미슐랭 스타 레스토랑과 스파 시설을 갖추고 있어 완벽한 휴식을 제공합니다.
호텔 주소: 88 Queensway, Admiralty, Hong Kong
호텔 전화번호: +852 2918 1838
호텔 웹사이트: https://www.theupperhouse.com
호텔 이미지:
The Upper House
중제목 – The Peninsula Hong Kong
호텔 소개: 1928년에 설립된 홍콩의 역사적인 럭셔리 호텔입니다. 빅토리아 항구를 마주하고 있으며, 클래식한 영국식 럭셔리와 현대적인 편의시설이 조화를 이루고 있습니다. 전통적인 애프터눈 티와 미슐랭 스타 레스토랑이 유명합니다.
호텔 주소: Salisbury Road, Tsim Sha Tsui, Kowloon, Hong Kong
호텔 전화번호: +852 2920 2888
호텔 웹사이트: https://www.peninsula.com
호텔 이미지:
The Peninsula Hong Kong
중제목 – Four Seasons Hotel Hong Kong
호텔 소개: 빅토리아 항구를 조망할 수 있는 최고급 호텔로, 세계적인 스파와 미슐랭 3스타 레스토랑을 보유하고 있습니다. 모든 객실이 최신 시설을 갖추고 있으며, 특히 스파 시설은 아시아 최고 수준으로 평가받고 있습니다.
호텔 주소: 8 Finance Street, Central, Hong Kong
호텔 전화번호: +852 3196 8888
호텔 웹사이트: https://www.fourseasons.com/hongkong
호텔 이미지:
Four Seasons Hotel Hong Kong
중제목 – The Ritz-Carlton Hong Kong
호텔 소개: 세계에서 가장 높은 호텔 중 하나로, 118층에 위치한 스카이바와 수영장이 특징입니다. 모든 객실에서 홍콩의 아름다운 전경을 감상할 수 있으며, 미슐랭 스타 레스토랑과 럭셔리 스파를 제공합니다.
호텔 주소: International Commerce Centre, 1 Austin Road West, Kowloon, Hong Kong
호텔 전화번호: +852 2263 2263
호텔 웹사이트: https://www.ritzcarlton.com/hongkong
호텔 이미지:
The Ritz-Carlton Hong Kong
중제목 – Mandarin Oriental Hong Kong
호텔 소개: 중구의 중심부에 위치한 전통적인 럭셔리 호텔로, 1963년부터 홍콩의 상징적인 호텔로 자리잡았습니다. 세계적인 스파와 미슐랭 스타 레스토랑이 유명하며, 클래식한 럭셔리와 현대적인 서비스가 조화를 이루고 있습니다.
호텔 주소: 5 Connaught Road, Central, Hong Kong
호텔 전화번호: +852 2522 0111
호텔 웹사이트: https://www.mandarinoriental.com/hong-kong
호텔 이미지:
Mandarin Oriental Hong Kong
function toggleHotel(id) {
// 모든 호텔 박스 숨기기
document.querySelectorAll(“.hotelbox”).forEach(function(box) {
box.classList.remove(“active”);
});
// 클릭한 호텔 박스만 보이기
document.getElementById(id).classList.add(“active”);
// 해당 호텔 박스로 스크롤
document.getElementById(id).scrollIntoView({behavior: “smooth”});
}