架空サラダ専門店のホームページ(コーディング)

• HTML/CSS

概要

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

ヘッダーナビは表示領域に対応してアクセント(下線)表示。

背景2カ所にパララックス効果付与。

マップ部分はGoogle Maps APIを使用してアイコン、カラー、表示UIのカスタマイズ(現在非アクティブ)。

フォーム部チェックボックスはフォーカス対応。

送信ボタンは必須入力項目確認後にenable。

プライバシーポリシーはモーダルで実装。

Basic認証