布地の販売をイメージしたECサイト風のデモページです。
HTML・CSS・jQueryを使用し、スライダーやハンバーガーメニュー、レスポンシブ対応の構成で制作しました。
- 商品バナーをクリックすると、商品詳細ページへ遷移しますが、
- デモのため全て同一ページにリンクされています。
- ナビゲーションの各リンクはトップページに戻るように設定されています(仮設定)。
- 商品情報は架空のものです。
スマートフォン・PC両方に対応しており、実際のECサイトの動きや構成を想定してデザインしました。
- 制作時間:3時間30分
- HTML5 CSS3 JQueryを使用したJavascript
下記のリンクから実装ページに移行できます。
https://whitechikuwa.sakura.ne.jp/demo-website



