コンテンツを増やす
コンテンツを加える。
600px幅で表示。
<div id="amiens-05" class="amiens-black">
<div class="amiens-1060w">
<h2>コンサルティングとは</h2>
<p id="amiens-05-consulting"><img src="https://amiens.jp/wp-content/themes/stinger8-child/images/consulting-1x.gif" srcset="https://amiens.jp/wp-content/themes/stinger8-child/images/consulting-1x.gif 600w,https://amiens.jp/wp-content/themes/stinger8-child/images/consulting-2x.gif 1200w" alt="consulting"></p>
<div class="amiens-600w">
コンサルティングとサイト制作を混同している方がいらっしゃいます。弊社が行っているのは、コンサルティングです。ですから、「売上アップなんてどうでもいいから、安くホームページを作ってくれるところを探している」という方は、いますぐお立ち去り下さい。
もちろん弊社でもサイト制作は可能ですし、事業メニューとして受け付けてもいます。しかし制作だけということはなく、「売上をアップするにはどうするか」を合わせて指導させていただいています。
</div>
</div>
</div>
前回作ったgifアニメーションを挿入しておいた。
次のブロックは、提案部分を角丸ラインで囲む。
こちらも600px幅にした。
<div id="amiens-06" class="amiens-black">
<div class="amiens-1060w">
<h2>ネットショップ運営に悩んでいませんか？</h2>
<div class="amiens-600w">
<ul>
<li>ネットショップをオープンしたが、赤字続き</li>
<li>ライバル店は売り上げ好調なのに、自社店舗はいまひとつ</li>
</ul>
こんな悩みを抱えていませんか？それなら、ご安心ください。
私どもがお役に立てるかも知れません。
ネットショップの売上アップには、「コツ」があります。やるべきことをしっかり実行することで売上が50％アップ、それどころか2倍になることも珍しくありません。
</div>
</div>
</div>
cssはこちら。
.amiens-black ul{
border: 1px solid #aaa;
border-radius: 10px;
padding: 1em 1em 2em 3em;
margin: 5em auto 5em auto;
}
.amiens-black li{
margin-top: 1em;
}
ダラダラ書いても読みにくいので、ところどころにアクセントを入れるようにしている。
だいぶボリュームが出てきた。
