実在するサイトをトレースしてコーディングしたものです。

画像はpositionで、PCはデザイン性を持たせて配置し、スマートフォンでは縦並びになるようレイアウトを変更させています。
背景の竹の絵はfixedで常に左下に表示させています。
画像にはリンクを貼っています。
「おしらせ」と「蔵人日記」の白い四角の部分は、下の黒い三角の部分のみにリンクを貼っています。

制作時間　7時間
・素材収集・加工　1時間
・コーディング　6時間

 

小玉醸造 >>

見本