青牡丹工務店｜大阪市北区の住宅建築・リフォーム・公共事業なら青牡丹工務店

使用技術：

担当：

username：

password：

概要

こちらのサイトは、Figmaで作成されたデザインカンプを基にコーディングを行った「架空の建築会社のサイト」になります。

　ローディング画面を実装しています。

　ファーストビューコピーや見出しの出現アニメーションは、GSAPで実装しています。

　トップページの横並びの画像箇所は、Swiperでスライダーを実装しています。

　NEWSセクションのお知らせの内容は、モーダルで出現させる仕様になっています。

　メールフォームの仕様は、「必須項目を全て入力しないと送信ボタンが押せない」「適切なautocomplete属性を使用しフォームの最適化」「フォーム送信後は、サンクスページに遷移」などになっています。

また、BASIC認証をかけているため、お手数ですがサイトのアクセス時に、ユーザーネーム：demo｜パスワード：demo02の入力をお願いいたします。