架空の地域紹介キャンペーンサイト（LP）

サイトURL

URL：https://miki-log.conohawing.com/onomichi/

※Basic認証をかけております。

　お手数をおかけしますが、下記ID・パスワードをご入力ください。

　　　ユーザー名 : miki 

　　　パスワード : miki@1212 

制作概要

• 制作時期：2024年5月
• 制作時間：総計約30時間
• ページ数：1ページ
• 使用ツール：VScode・Figma

使用スキル

• HTML

• CSS

• JavaScript/jQuery

• レスポンシブ対応

実装内容・工夫した点

＜css＞

• Googleマップを埋め込んでいます。

＜JavaScript/jQuery＞

• SP画面でハンバーガーメニューを実装しています。

• 右下にトップへ戻るアイコンを設定しています。

• ページ内リンククリックで、該当セクションにスムーススクロールします。

• Sliderで画像を無限ループするように実装しました。

• 「予約メールフォーム」にバリデーションをかけ、必須項目が未記入の場合は、エントリーボタンを非活性にしています。必須項目を全て入力した場合は、送信完了というアラートが表示されるように実装しました。