キャンペーンサイト

尾道のキャンペーンをイメージしたLPサイト(架空)

猫、お菓子、ドリンク、写真など多くのあしらい画像をパーフェクトピクセルで制作しております。

「Swiper」を使用し、流れる写真を制作しました。
sp〜pcの画面幅によって表示される写真の枚数が変わるようになっており、一定のスピードで滑らかに流れ続ける動きで実装しております。

JavaScript（jQuery）を使い自作で実装しております。
カード全体をクリック領域とし、クリックで詳細カードをモーダルで表示しております。

初期状態では、1番目の回答が開いてる状態で実装しております。質問をクリックで回答がスライド式に開閉するアニメーションで実装しております。

formタグやinputタグを使って、適切なタグでマークアップしております。バリデーションエラーを実装しており、送信成功時にはアラートが表示されます。

Works 制作実績