●Basic認証
ユーザー名、パスワード：testplay
●製作期間
約18日
●実装したこと
1, ファーストビューアニメーションは3つの画像をズームしながら切り替わるようにしました。
2, 予約モーダルを実装しました。
2-1, プランセレクトができるようにしました。
2-2, 日付選択を複数できるようにしました。
2-3, 現在日より前の日は選択できないようにしました。
3, お知らせでは「予約情報」と「その他」はタブにしました。
4, AOS.jsで各要素をふわっと表示するようにしました。
5, パンくずはSEOを考慮した構造化マークアップで設計しました。
●工夫点
1, レスポンシブでは背景画像の上に文字があり、そのままにすると読みにくくなります。そこで背景画像を黒フィルターをかけ、文字を光らせました。
2, 予約モーダルのカレンダーですが、土、日、祝日を分かりやすく色を付けました。
3, 画面サイズが350px ~ 2100pxでは文章の改行が不自然、配置が崩れているといったことをなくしました。
