温泉旅館のデモサイト

清水凌希
フリーランスWebコーダー

サイト情報

※basic認証をかけているためお手数ですが、URL検索後ユーザー名とパスワードのご入力をお願いいたします。

サイト　　： 　https://kiyo-log.conohawing.com/IshiiKadan/

ユーザー名：　kiyo_admin

パスワード：　IshiiKadan_1

_____________________________________________________

制作概要

制作時期：2023年3月

制作時間：総計約65時間

制作内容：Adobe XDからコーディング

ページ数：4ページ

サイト構成：トップ / お部屋 / お料理 / 温泉

使用ツール：VScode、Adobe XD

使用スキル：HTML、CSS、Sass、JavaScript、jQuery

_____________________________________________________

実装した機能、工夫したこと

・ファーストビューが計３枚徐々に拡大されて切り替わるようにCSSアニメーションを用いて動きを付与

・jQueryを用いてドロワーメニュー、コンタクトフォームのバリデーション、モーダルウィンドウ、スクロールでヘッダー変化、タブ切替機能を実装

・予約カレンダーはJavaScriptライブラリのFlatpikr、スクロールアニメーションは AOS.jsを使用

_____________________________________________________

トップページ（pc）の外観

_____________________________________________________

トップページの（sp）外観

WEBSITE