歯科クリニック　架空サイト

担当範囲：

HTML CSS Sass JavaScript (jQuery)

制作期間：

3週間

使用ツール：

XD

実装機能：

• レスポンシブ対応
• Aos.jsを使用したフェードインアニメーション
• お知らせのタブ切り替え
• Google Mapsの埋め込み
• スクロールするとフローの縦線が伸びるアニメーション
• keyframesを使用したアイコンアニメーション

制作概要：

FLOCSSをベースとしたCSS設計を採用し、パーツの再利用性と管理しやすい設計を心がけて制作しました。

セルの結合を含むテーブルは、どの画面幅でも崩れないよう意識して実装しました。