works

対応範囲

コーディング /
レスポンシブ対応

使用スキル

HTML / Sass(SCSS) / JavaScript(jQuery)

概要

全1ページ

既存のFigmaデザインカンプより、コーディングを行いました。

・ CSS設計手法はFlocssを使用
・ 『MENU』上下に配置の画像にパララックス効果を付与
・ PC版『MENU』のInstagram画像は、画面幅が縮まった際、画像のサイズは変えずに横にスクロールできるように実装
・ お問い合わせフォーム実装
・ プライバシーポリシーはモーダルで表示
・ ピクセルパーフェクトにて調整

Basic認証
　ユーザー名： demo
　パスワード： demo