架空のシャンプー製品の通販サイト（LP）

ｍ.watanabe
Webコーダー（勉強中）

サイトURL

URL：https://miki-log.conohawing.com/premium-bio-shampoo/

※Basic認証をかけております。

　お手数をおかけしますが、下記ID・パスワードをご入力ください。

　　　ユーザー名 : miki 

　　　パスワード : miki@1212 

制作概要

  • 制作時期：2023年7月
  • 制作時間：総計約20時間
  • ページ数：1ページ
  • 使用ツール：VScode・Adobe Photoshop 

使用スキル

  • HTML

  • CSS

  • JavaScript/jQuery

  • レスポンシブ対応

実装内容・工夫した点

＜css＞

  •  Instagramセクションは、SP時に 各コンテンツをスクロールして確認できるように設定しています。

＜JavaScript/jQuery＞

  • 画像が左右や下からフェードインするように設定しています。

  • お問い合わせページの見た目をカスタマイズし、フォームバリデーションを実装しています。


WEBSITE