WORK
【コーディング】架空旅館のHTMLサイト
coding/HTML
こちらのページはBasic認証をかけておりますので、お手数おかけしますが以下のID、パスワードを入力の上、ページをご覧になってください。
HTMLを用いた旅館サイトの構築 サイト： https://saya-hands.conohawing.com/Ishii-kadan/
ユーザー名：user-111
パスワード：user-111
XDデザインよりコーディングを行っております。
トップページのアニメーションはCSSで実装しており、リッチな印象づけれるようにズームで近づきながらゆっくり切り替わるように実装しております。
予約部分はモーダルで実装しております。
スマホ版のレスポンシブでは宿泊予約のボタンがスクロールしても左下に追従するように実装しております。
ハンバーガーメニューでも文字にアニメーションを使用しております。
ローディングもテーマカラーを意識したものを使用して統一感を演出しています。
また、jQueryを使用し、タブの実装をしております。