はじめまして。募集に参加させて頂きます。 篠原です。 早速ですが、できるだけ既存のHTMLにあわせて作成させていただきました。 HTMLは <div id="stage">から CSSは「ここからトップバナー」と書いてありますところから コピペ で可能かと思います。 (もしかしたらhead内に<meta name="viewport" content="width=device-width, initial-scale=1.0">の追加がいるかもしれません。) トップバナーの画像はメッセージ性が強いと感じましたので左に配置し右に文言を置いてみました。 スマホサイトでは下に移動しているようにしております。 文言はより目立つようにフェイドインさせていただきました。 ご不明な点があればいつでもご連絡ください。早急に対応させていただきます。 よろしくおねがいします。 こちらからDLお願いします。 https://14.gigafile.nu/0719-b061dba1c9f792d8bdafb749372f28bcf (あと本件とは関係はないんですが、h1などにdisplay:noneをかけると、SEO的によくないと言われていますので 文言のところの「リピット予約システム」をh1に書き換えました。 もし可能でしたら元のh1のところは<p>タグに変えてあげるといいかもしれません。 よりよいHPになればとおもい、差し出がましいのは承知の上で意見させていただきました。申し訳ありません。。)
メンバーからのコメント
はじめまして。募集に参加させて頂きます。
篠原です。
早速ですが、できるだけ既存のHTMLにあわせて作成させていただきました。
HTMLは <div id="stage">から
CSSは「ここからトップバナー」と書いてありますところから コピペ で可能かと思います。
(もしかしたらhead内に<meta name="viewport" content="width=device-width, initial-scale=1.0">の追加がいるかもしれません。)
トップバナーの画像はメッセージ性が強いと感じましたので左に配置し右に文言を置いてみました。
スマホサイトでは下に移動しているようにしております。
文言はより目立つようにフェイドインさせていただきました。
ご不明な点があればいつでもご連絡ください。早急に対応させていただきます。
よろしくおねがいします。
こちらからDLお願いします。
https://14.gigafile.nu/0719-b061dba1c9f792d8bdafb749372f28bcf
(あと本件とは関係はないんですが、h1などにdisplay:noneをかけると、SEO的によくないと言われていますので
文言のところの「リピット予約システム」をh1に書き換えました。
もし可能でしたら元のh1のところは<p>タグに変えてあげるといいかもしれません。
よりよいHPになればとおもい、差し出がましいのは承知の上で意見させていただきました。申し訳ありません。。)