コーポレートサイト

概要
Adobe XDデザインカンプからのコーディング
サイトURL
https://corporate.ori-web.com/
※Basic認証によりアクセス制限をかけています。
ID: demo / PASS: demo_corporate
使用技術
HTML / CSS / Sass / jQuery
制作期間
約20時間
概説・ポイント
オンラインスクールの課題で架空コーポレートサイトのLPのコーディングを行いました。
PixelPerfectを意識し、デザインカンプを忠実に再現することを心がけました。

その他
・jQueryを利用したハンバーガーメニュー、アコーディオン、スライダーの作成
・Google Mapの埋め込み
・スクロール時の背景画像の固定
・Googleフォームを利用したお問い合わせ欄作成