架空の旅館ホームページのコーディング

• HTML/CSS

概要

XDのデザインカンプからコーディング。レスポンシブ対応。

JSON-LD形式でパンくずを構造化。

ヘッダーはスクロールで固定表示と切り替わり。

ファーストビューは背景画像がズームしながらフェードイン/アウト。

フォームは入力チェックあり。チェック後に送信ボタンがenable。

お知らせ部分は、タブでその他と切り替え。

日付選択項目にはflatpicker使用し、当日以降で連泊選択可。

Basic認証