温泉旅館サイト（Sample）
架空の温泉旅館のサイトです。
XDのデザインカンプから作成しました。
URL
https://shuichiroyagasaki.com/ishiikadan/
※BASIC認証
・ユーザー名 Yaga0509
・パスワード yaga0509
特徴
・スクロールするとすぐに固定のヘッダーが表示される。
・トップページのイメージはアニメーション付きで3枚の画像を切り替え。
・AOS.jsを用いて、スクロール時に各要素をふわっと表示。
・予約モーダルの実装。
・予約モーダル内の日付選択はflatpickerを利用。日本語化にも対応。
・縦書きレイアウト。
・お知らせ部分のタブ切り替え。
・レスポンシブデザイン対応。
備考
・Shogoさんの「しょーごログ」よりご提供いただいている
「【中級Ex】 XDデザインからのコーディング実践演習【HTML,CSS,JS実案件レベル】」
に取り組ませていただきました。
素材はご提供いただいているものを使わせていただいております。
かなり厳密なセルフチェックシートと
サーバーアップロード、しょーごさんによる表示確認もあり、
Webデザインを学習されている方、
一通りコーディング基礎を学ばれた方皆さんにお勧めできます。
↑