架空のカフェのホームページです。

URL

https://shuichiroyagasaki.com/sample_cafe/

特徴

・ページのフル領域に画像を配置したトップページデザイン。
・2カラムレイアウトに対応した「News」ページ。
・タイル型レイアウトに対応した「Menu」ページ。
・レスポンシブデザイン対応。
・Google mapの埋め込み。
・SNSプラグインの埋め込み。

備考

・ページのコードは書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」
を参考にさせていただいております。
・画像は「PAKUTASO」さんのフリー素材を利用させていただいております。