Home Works 観光キャンペーンLP(自主制作)
尾道の架空観光キャンペーンLPの画像

観光キャンペーンLP(自主制作)

制作内容
コーディング
種別
LP
制作期間
96時間(12日)
サイトへ
https://satoshi-test.site/onomichi
概要
自主制作サイト。
figmaのデザインカンプからのコーディング。
デザインを忠実に再現することを意識しました。
あしらいの多いデザインなので、画面幅によって表示崩れがないようにブレークポイントを切りつつ細かく調整しました。
swiper、モーダルウィンドウ、アコーディオン、お問い合わせフォーム、バリデーションエラー実装、Googleマップ埋め込みも実装しました。

*Basic認証*
user
$sample3104

Code Detail

HTML


														

CSS

															
														
													

JS


			
														

HTML


														

CSS

															
														
													

JS


														

HTML


														

CSS

										
													
												

JS