制作概要

学習で制作した架空のコーポレートサイトです。

実装機能

▼スライダーの実装
Resultsセクションにスライダーを実装しております。スマートフォンでのフリック操作も可能になっております。

▼アコーディオンメニューの実装
Q&Aセクションには、よく使われているクリックによって開閉するアコーディオンを実装しております。情報や文字量が多いQ&Aセクションをコンパクトにまとめています。

▼お問い合わせフォームをGoogleフォームと連携
送信された内容はGoogleフォームに集計されます。

▼お問い合わせフォームのバリデーション
入力漏れを防ぐため、必須項目が入力されていない場合は送信できない設定にしています。

▼ハンバーガーメニューの実装
スマートフォンサイズになると、右上のメニューがハンバーガーメニューに切り替わります。