検索

リンク

目次

  1. コンバージョン
  2. ミニコンバージョン
  3. 外部リンクアイコン
  4. 更に詳しく
  5. pager
  6. pdf
  7. 関連ページ
  8. ページ内横スクロールナビ
  9. パンくずリンク
  10. CTA1
  11. CTA2
  12. CTA3
  13. CTA4
  14. CTA5
  15. CTA6

コンバージョン

コンバージョンボタン

<p class="c-conversion"><a href="#">コンバージョンボタン</a></p>
コピー完了

ミニコンバージョン

ミニコンバージョンボタン

<p class="c-miniConversion"><a href="#">ミニコンバージョンボタン</a></p>
コピー完了

外部リンクアイコン

外部リンクアイコン

<p><a href="/" target="_blank" class="c-blank">外部リンクアイコン</a></p>
コピー完了

更に詳しく

さらに詳しく
<div class="c-more"><a href="#">さらに詳しく</a></div>
コピー完了

pager

  • 1
  • 2
<div class="c-pager">
    <ul class="order">
        <li class="prev"><a href="#">前のページ</a></li>
        <li class="next"><a href="#">次のページ</a></li>
    </ul>
    <ul class="direct">
        <li>1</li>
        <li><a href="#">2</a></li>
    </ul>
</div>
コピー完了

pdf

xxxについてのPDFファイル

<p><a href="#" class="c-pdf" target="blank">xxxについてのPDFファイル</a></p>
コピー完了

関連ページ

ロゴトレース費用
ロゴトレース費用

名刺やチラシからロゴデータをなぞってベクター化する作業。
2案
ロゴ制作2案

2案作成したものから2回以内の修正。

 
<div class="c-related-article-container">
    <div class="c-related-article-box">
        <a href="/solution/web/price/maintenance-trace">
            <div class="img"><img src="/images/img/coding/guide/freo/html-frame_01.jpg" alt="ロゴトレース費用" width="200" height="140"></div>
            <div class="txt">
                <div class="tit">ロゴトレース費用</div>
                <p>名刺やチラシからロゴデータをなぞってベクター化する作業。</p>    
            </div>
        </a>
    </div>
    <div class="c-related-article-box">
        <a href="/solution/web/price/design-logo2">
            <div class="img"><img src="/images/img/coding/guide/freo/template-file_01.png" alt="2案" width="200" height="140"></div>
            <div class="txt">
                <div class="tit">ロゴ制作2案</div>
                <p>2案作成したものから2回以内の修正。</p>    
            </div>
        </a>
    </div>
</div>
コピー完了
コピー完了 
<nav class="c-breadcrumb">
    <ol>
        <li><a href="/">トップページ</a></li>
        <li><a href="/regulation">デザイン規定</a></li>
        <li><a href="/regulation/text">テキスト</a></li>
    </ol>
</nav>
コピー完了

CTA1

お問合せはこちらからCONTACT

Webからのお問合せ

お電話からのお問合せ

tel.03-0000-0000

受付時間：月〜金 10:00-17:00

Faxからのお問合せ

tel.03-0000-0000

<div class="c-cta1-container">
    <h2>お問合せはこちらから<span>CONTACT</span></h2>
    <div>
        <section>
            <h3><i class="fas fa-laptop" aria-hidden="true"></i>Webからのお問合せ</h3>
            <div>
                <a href="/">お問合せフォームへ</a>
            </div>
        </section>
        <section>
            <h3><i class="fas fa-mobile-screen-button" aria-hidden="true"></i>お電話からのお問合せ</h3>
            <div>
                <p class="tel"><a href="tel:0300000000">tel.03-0000-0000</a></p>
                <p>受付時間：月〜金 10:00-17:00</p>
            </div>
        </section>
        <section>
            <h3><i class="fas fa-fax" aria-hidden="true"></i>Faxからのお問合せ</h3>
            <div>
                <p class="tel">tel.03-0000-0000</p>
            </div>
        </section>
    </div>
</div>
コピー完了

CTA2

CONTACT

まずはお気軽にお問合せください

<div class="c-cta2">
    <p>CONTACT</p>
    <p>まずはお気軽にお問合せください</p>
    <div><a href="/">お問合せフォームへ</a></div>
</div>
コピー完了

CTA3

<ul class="c-cta3">
    <li>
        <p>資料請求</p>
        <p>資料をいますぐダウンロードしてご確認頂けます。</p>
        <div><a href="/">今すぐダウンロード</a></div>
    </li>
    <li>
        <p>お問合せ</p>
        <p>まずは下記のフォームからお気軽にお問合せください。</p>
        <div><a href="/">お問合せフォームへ</a></div>
    </li>
</ul>
コピー完了

CTA4

お申込みや料金のことなど
なんでもお気軽にご相談ください！

テキストが入ります。テキストが入ります。
テキストが入ります。

<div class="c-cta4">
    <img src="https://v2.s-contigo.website/images/img/regulation/cta/cta04.webp" alt="">
    <p>お申込みや料金のことなど<br>なんでもお気軽にご相談ください！</p>
    <p>テキストが入ります。テキストが入ります。<br>テキストが入ります。</p>
    <ul>
        <li>
            <p>＼ 簡単ステップですぐに試せる！ ／</p>
            <div><a href="/">見積りフォームへ</a></div>
        </li>
        <li>
            <p>＼ 小さな疑問もお気軽にご相談を！ ／</p>
            <div><a href="/">お問合せフォームへ</a></div>
        </li>
    </ul>
</div>
コピー完了

CTA5

CONTACT

まずはお気軽にお問合せください

無料トライアルもお試しできます。

<div class="c-cta5">
    <img src="https://v2.s-contigo.website/images/img/regulation/cta/cta05.webp" alt="">
    <p>CONTACT</p>
    <p>まずはお気軽にお問合せください</p>
    <p>無料トライアルもお試しできます。</p>
    <div><a href="/">お問合せフォームへ</a></div>
</div>
コピー完了

CTA6

まずはお気軽にお問合せください

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

<div class="c-cta6">
    <img src="https://v2.s-contigo.website/images/img/regulation/cta/cta06.webp" alt="">
    <div>
        <p>まずはお気軽にお問合せください</p>
        <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
        <ul>
            <li><a href="/">資料請求</a></li>
            <li><a href="/">お問合せフォームへ</a></li>
        </ul>
    </div>
</div>
コピー完了