工務店のコーポレートデモサイト

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

サイト情報

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

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

ユーザー名：　kiyo_admin

パスワード：　Sonozakigumi_1

_____________________________________________________

制作概要

制作時期：2023年6月

制作時間：総計約50時間

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

ページ数：1ページ

サイト構成：トップ

使用ツール：VScode、Photoshop

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

_____________________________________________________

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

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

・jQueryを用いてドロワーメニュー、ページトップ、アンカーリンク、スクロールによるヘッダーナビゲーションカラーの変更、スクロールでヘッダー変化、ローディング機能を実装

_____________________________________________________

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

※画面上部から下部へのスクリーンショットのためページトップボタンが写っています。


_____________________________________________________

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

※画面上部から下部へのスクリーンショットのためページトップボタンが写っています。


WEBSITE