URL:https://onomichi.riso-portfolio.com/
※サイト閲覧ID：
demo,サイト閲覧パスワード：demo
-
担当範囲：
コーディング
-
使用言語：
HTML / CSS（Sass） / JavaScript（jQuery）
-
CSS設計：
BEM設計
-
制作期間：
14日間
- 実装機能（要件に基づく実装）：
- レスポンシブ対応
- 自動で画像が流れるスライダー
- ページネーション付きカードスライダー（SPではスワイプ対応）
- お問い合わせフォームのバリデーション（送信無効化含む）
- Google Mapsの埋め込み
- 実装機能（独自に追加した機能）：
- wow.jsによるコンテンツタイトルのフェードインアニメーション
-
制作概要：
装飾要素が多いデザインに対応するため、各デバイスサイズでの表示崩れが起きないよう、レスポンシブ対応に注力して実装しています。
また、お問い合わせフォームについても、指定に沿って、バリデーション機能や入力欄・ラベルの色変化、リアルタイムの形式チェック、送信無効化などを組み込みました。
