XDカンプからのコーディング(html,css,js)

OVERVIEW

架空サイト1ページをXDデザインデータをもとにHTML, Sass, jQueryでコーディングしました。

YEAR 2021

ベーシック認証をかけております。
お手数ですが、以下の情報からアクセスくださいませ。


サイトURL:https://asano-pf-04.xyz/

ユーザーネーム:admin

パスワード:admin^br8Rwa$4Jb#8a0w55$x

制作概要


制作時期:2021年7月

作業内容:静的コーディング

ページ数:1ページ

使用ツール:VScode、XD

備考


  • swiper(プラグイン)を使用しスライダー機能を実装。
  • AOS.js(プラグイン)を使用しスクロール連動のアニメーションを実装。
  • jQueryでハンバーガーメニュー、スムーススクロール、アコーディオンを実装。

こだわった点


  • Googleフォームを埋め込み、メールで受信出来る様にしました。
  • お問い合わせフォームでは全項目を入力しないと送信できない設定。
  • きれいにレスポンシブ出来る様に意識しました。


WEBSITE