cafe

架空カフェ「萩野珈琲店」のWebサイト

🌟 概要

このWebサイトは、WEBエンジニアを目指す 萩野 弘祐 が制作した架空カフェのWebサイトです。 HTML, CSS, JavaScript などを活用し、シンプルなデザインで構成されています。

🌍 Webサイト

架空カフェ「萩野珈琲店」を開く

🛠 使用言語・ツールなど

HTML / CSS / JavaScript / Figma / GitHub

📌 機能

• HOME（トップページ） 制作したのはトップページのみになります。

🚀 インストール & 実行方法

ローカル環境で確認する場合は、以下の手順でセットアップしてください。

git clone https://github.com/KosukeHagino/cafe.git
cd cafe
open index.html



## 使用素材
このプロジェクトでは、以下のMITライセンスのアイコンを使用しています。

- **アイコン（header nav）**:
 [x_logo.svg]           by PrimeTek                 (https://icon-sets.iconify.design)
 [instagram_logo.svg]   by Vjacheslav Trushkin      (https://icon-sets.iconify.design)
 [cart_logo.svg]        by Ben Sperry               (https://icon-sets.iconify.design)

このプロジェクトでは、以下のUnsplashライセンスの写真を使用しています。
- **写真**: 
 [top_image.jpg]        by Jakub Dziubak            (https://unsplash.com)
 [about_cafe.jpg]       by daan evers               (https://unsplash.com)
 [commitment_beans.jpg] by nousnou iwasaki          (https://unsplash.com)
 [commitment_roast.jpg] by Tim Mossholder           (https://unsplash.com)
 [commitment_fresh.jpg] by Taylor Franz             (https://unsplash.com)
 [category_coffee.jpg]  by Bradley Gossett          (https://unsplash.com)
 [category_food.jpg]    by Eaters Collective        (https://unsplash.com)
 [category_beans.jpg]   by earlybird coffee         (https://unsplash.com)