36c4398ca5b2aa03

架空サイト制作 石井花壇

OVERVIEW

AdobeXDからのコーディング

AdobXDからのHTML・CSSのコーディングを行いました。
今回はトップページと下層ページの複数のページ構成でコーディングを
行っています。

トップページのmainVisualはズームアップしながらフェードインで切り替わるスライダーで実装しています。下層ページはブロークングリッドレイアウトのデザインになっています。


【タイトル】 
石井花壇 (2022年1月)
AdobXDデザイン :しょーご様
【制作日数】
 10日間
【使用ツール】 
AdobXD 、HTML・CSS 、
JavaScript : swiper (スライダー)、AOS.js(アニメーション)、
Flatpickr(日時入力をカレンダー表示)
 jQuery :トップページのheader変化とTab切り替え

公開サイト : https://yukihito.conohawing.com/ishiikadan
※Basic認証をかけております。下記ID・パスワードを使用してください。
 ユーザー名 : yukihito パスワード : yuki-port04

モーダルウィンドウ