実際のホームページの模写コーディングを行いました。
(対象サイト:https://www.nijitoumi.jp/
対象サイトのソースコードを閲覧せずに、レイアウトやJQueryを使用した動きなど
なるべく忠実に近づけられるよう制作しました。

URL

http://nizitoumi-copy.h-hayashi1996.com/
ID: j7NE3n65 / PW: j7NE3n65

コーディングについて

対象サイトと比較しながらレイアウトを進めていき、フォントサイズや余白などを
なるべく忠実に近づけられるよう心がけました。
またレイアウトにデザインの要素が多く、一つひとつ動きなどに違いがあったため、
JqueryやSlickを使用し、細部までこだわりました。
特にメインビジュアル部分のタイトル文字で、
画像に重なっている部分でフォントカラーが変わる仕組みは
何度も微調整し、正確に表示されるようにコーディングを行いました。