coffeeショップのサイト

学習用デザインを基にHTML/CSSのみでコーディングしました。CSSパララックスで没入感を演出し、「Read More」ボタンは疑似要素(::before/::after)で枠線が描かれるホバーを実装。セマンティックな構造設計とスマホ〜PCのレスポンシブ最適化を行っています。
※画像の権利の都合により、当ページではモックアップ中心の掲載です。**動きは下の「実際のサイトを見る」**からご確認ください。
種別：HTML/CSS実装デモ（Codejump課題ベース）／制作範囲：コーディング