全てサンプルカンパニーが解決します!
そのお悩み

最新トレンドで差をつける

1000件以上の制作実績を持つクリエイターが、貴社の強みと最新デザインを組み合わせた、競合と差別化できるWEBサイトをご提案します。

01

安心の定額制プラン

必要な機能と優先順位を明確化し、段階的な開発計画をご提案。見積項目を詳細に明示し、追加費用の心配がない定額制で対応します。

02

成果を生み出す伴走支援

制作後もアクセス解析とユーザー行動の調査結果をもとに、具体的な改善施策をご提案。月次レポートで成長をサポートします。

03

「全てサンプルカンパニーが解決します!」ブロックについて

<!--▼▼▼▼▼ここから「全てサンプルカンパニーが解決します!」-->
<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>