XDデザインカンプからのコーディング | 架空の英会話スクール LP
デザインカンプからのコーディングを行いました。CSSアニメーションやjQueryなどを使って、動きのあるWebページに仕上がっています。PHPのメールフォームを使って、お問い合わせ機能も実装しています。（追記。404ページも設置しました）
URL：https://rea1i2e.wpx.jp/2021-09lp-bbb-english-school/
ユーザー名 testuser
パスワード 1026
■学習者向けのデザインカンプを利用しました。架空の英会話スクールのLPです。
・デザインカンプ
【HTML/CSS コーディング練習】中級編：ランディングページ／CSSアニメーション
https://code-step.com/lp-menu/
・画像はunsplashのものを利用しています。
・テキストは一部差し替えています。
■特徴
・Sassを使った効率的なコーディング
・複数ページで構成（トップページ＋問い合わせフォーム＋サンクスページ）
※上記以外の下層ページは作っておりません。
・CSSアニメーションでの画像切替（メインビュー）
・ハンバーガーメニュー（jQueryで実装）
・ドロワーメニュー（jQueryで実装）
・お問い合わせフォーム（PHPのメールフォームを実装）
※こちらを活用 レスポンシブメールフォーム
※・スクロールする表示されるコンテンツ（aos.jsを利用して実装）
・404ページの設置
・動く背景（CSSアニメーション）
・レスポンシブ対応
・クロスブラウザ対応（Chrome、Safari、FireFox、Edge）
・複数OS対応（mac OS、Windows）
※Windowsは"ConoHa for Windows Server"を利用して表示確認
■お問い合わせフォームの機能について
・お問い合わせフォームに必要な情報とメールアドレスを入力して送信すると、送信者には「お問い合わせありがとうございました。」のメールが返信されます。
・Webページ運営者には、問い合わせがあった旨の通知があらかじめ設定したメールアドレスに届きます。
