![](https://cherish-labo.com/wp-content/uploads/2022/11/Apple-Display-on-the-white-desk-with-MacBook-in-the-office_スクリーンショット-2022-11-14-16.25.36-1024x671.png)
![](https://cherish-labo.com/wp-content/uploads/2022/11/iPhone-11-laying-on-the-opened-notepad_スクリーンショット-2022-11-14-16.30.47-1024x576.png)
HTML / CSS / JavaScript
サイトURL
https://middle-final-task.satoko-web.com/
Basic認証
ID:user PW:user
※オンラインスクール「デイトラ」の実践課題で制作しました。
※コーディングのみ担当しました(デザインは担当しておりません。)
制作期間
静的コーディング5日間
実装内容
・XDデザインカンプからコーディングしました。
・JavaScriptを使用し、スムーススクロール、スライダー(Results)、アコーディオンメニュー(Q&A)、フェードインアニメーションを実装しました。
・その他Google map埋め込み(Access)、問い合わせフォーム(Contact Us)を実装しました。
・レスポンシブ対応もしております。
![](https://cherish-labo.com/wp-content/uploads/2022/11/screencapture-127-0-0-1-50569-2022-11-15-13_12_39.png)