架空の温泉サイト

制作日数	1週間
使用ツール	Adobe XD
サイトURL	https://product5.oratjdaigo.com

※お手数ですが、ベーシック認証は下記のID、PASSWORDを入力願います。

ID : demoPASSWORD : test5

概要

Web制作者のコーディング教材。静的コーディングの複数ページサイトです。ページ数は4P。

コーディング実装

MVはフェードイン・フェードアウトタイプのスライドをCSSアニメーションで実装しております。一部縦書きレイアウトあり。お問い合わせはモーダルで表示実装しており、また日付入力は「flatpicker」で入力支援できるようになっています。各要素はAos.jsで動きを付けています。（ハンバーガーメニューあり。）

制作一覧