Just Swipe
HTML+CSS

고급스러운 느낌의 골드+네이비
컬러를 사용했습니다.
포인트로 #8c7960을 사용했고,
베이직 컬러는 #1f1e2b로 사용했습니다.
호텔의 H를 호텔 외관처럼 보이게끔 만들었고
골드색상으로 우아함을 연출했습니다.
한글 폰트는 명품명조로 Sans-Serif체 이며,
영문 폰트는 Times New Roman입니다.

페이지는 총 3장으로
메인, 객실안내, 오시는길이 있습니다.
그 중 포인트가 되는 페이지는
메인, 객실안내 페이지 입니다.

대표적인 메인페이지의 레이아웃입니다.
데스크톱의 너비를 1903px로 제작을 하였으며,
구성은
header-slide-contents-section-footer
로 이루어져있습니다.
모바일 버전에서 네비게이션은 왼쪽으로 빠지며
눌렀을때만 보이는 scroll up이 들어가있습니다.
section 가운데에 자사 브랜드 홍보영상을
넣었으며 자동재생됩니다.

first code
Second code
결과는 안보이거나 다르게 보일수도있습니다.
코드만 봐주시길 부탁드립니다.

Thank you.
Charmant Hotel
Go to the Next Work