架空サイト「石井花壇」

OVERVIEW

複数ページで構成された架空の温泉旅館サイト

YEAR 2022

石井花壇

公開サイトURL

https://kazumi-portfolio.conohawing.com/ishii-kadan/

indexを防ぐためBasic認証をかけております。下記IDとパスワードをご使用ください。

ユーザーID:ishii-kadan

パスワード:ishii-kadan2022


【概要】

XDデザインカンプからのコーディング(デザイン:しょーご様

使用ツール:VS Code Adobe XD

使用言語:HTML CSS JavaScript jQuery

使用ライブラリ・プラグイン:aos.js flatpickr.js


  • トップページのメイン画像がアニメーション付きで移り変わる仕様
  • トップページのヘッダーはスクロールにより変化
  • 宿泊予約ボタンを押すとモーダルが出る仕様
  • お知らせ部分の「営業情報」と「その他」はタブによって切り替え可能
  • それぞれの要素をaos.jsを用いふわっと表示



WEBSITE