「全てサンプルカンパニーが解決します!」ブロックについて
<!--▼▼▼▼▼ここから「全てサンプルカンパニーが解決します!」-->
<section class="bg-primary-color">
<div class="c">
<h2 class="inline-block relative">
全てサンプルカンパニーが解決します!
<div><img src="images/onayami.png" alt="そのお悩み"></div>
</h2>
</div>
<div class="list-grid1">
<div class="list up">
<figure class="icon"><img src="images/icon1.png" alt=""></figure>
<h4><span class="marker">最新トレンドで差をつける</span></h4>
<p>1000件以上の制作実績を持つクリエイターが、貴社の強みと最新デザインを組み合わせた、競合と差別化できるWEBサイトをご提案します。</p>
<span class="num">01</span>
</div>
<div class="list up">
<figure class="icon"><img src="images/icon2.png" alt=""></figure>
<h4><span class="marker">安心の定額制プラン</span></h4>
<p>必要な機能と優先順位を明確化し、段階的な開発計画をご提案。見積項目を詳細に明示し、追加費用の心配がない定額制で対応します。</p>
<span class="num">02</span>
</div>
<div class="list up">
<figure class="icon"><img src="images/icon3.png" alt=""></figure>
<h4><span class="marker">成果を生み出す伴走支援</span></h4>
<p>制作後もアクセス解析とユーザー行動の調査結果をもとに、具体的な改善施策をご提案。月次レポートで成長をサポートします。</p>
<span class="num">03</span>
</div>
</div>
<!--/.list-grid1-->
</section>
<!--▲▲▲▲▲ここまで「全てサンプルカンパニーが解決します!」-->
3カラムのスタイルは
cssフォルダのstyle.cssから「list-grid1」でテキスト検索してみて下さい。詳しい解説もあります。
<section class="bg-primary-color">について
テンプレートごとのテーマカラーを背景色にしたタイプです。
cssフォルダのstyle.cssから「bg-primary-color」でテキスト検索してみて下さい。詳しい解説もあります。
見出し左上のふきだし画像(↓)
<div class="c">
<h2 class="inline-block relative">
全てサンプルカンパニーが解決します!
<div><img src="images/onayami.png" alt="そのお悩み"></div>
</h2>
</div>
サイズや配置場所については、style.cssから「h2 img {」でテキスト検索してみて下さい。詳しい解説もあります。
html部分ですが、この画像を使わないなら他のh2と同じく、以下のようにすればOK。
全てサンプルカンパニーが解決します!
<h2>全てサンプルカンパニーが解決します!</h2>