Charmant Hotel&Resort page

Just scroll down

HTML+CSS+Media Query+Jquery

iphone X에 최적화 되어있는 페이지입니다.

Color & Font & Logo

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

Pages

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

Layout

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

HTML+CSS+jQuery

1.

See the Pen BaQyxBx by Jiwoo (@wldn) on CodePen.

2.

See the Pen zYoxjxG by Jiwoo (@wldn) on CodePen.

결과는 안보이거나 다르게 보일수도있습니다.

코드만 봐주시길 부탁드립니다.

Page 6

Nothing to do here, continue scrolling.