コードサンプル | 緑カイロプラクティック福岡整体院

保護中: コードサンプル

↓↓↓コンテンツはこの下から適用されます↓↓↓

▼ BOX-1　タイトルあり

タイトルタイトルタイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ BOX-1

    $<section class="section">
<h2 class="sec_title_02 green">タイトルタイトルタイトルタイトルタイトルタイトル</h2>
<div class="sec_cnt">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</div>
</section>$

▼ BOX-1-orange　タイトルあり　オレンジ

タイトルタイトルタイトルタイトルタイトルタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ BOX-1-orange

    $<section class="section">
<h2 class="sec_title_02 orange">タイトルタイトルタイトルタイトルタイトルタイトル</h2>
<div class="sec_cnt">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</div>
</section>$

▼ BOX-2　タイトルなし

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ BOX-2

    $<div class="section">
<div class="sec_cnt box">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</div>
</div>$

▼ BOX-2-orange.　タイトルなし　オレンジ

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ BOX-2-orange

    $<div class="section">
<div class="sec_cnt box orange">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</div>
</div>$

▼ BOX-3-green

タイトルタイトルタイトルタイトルタイトルタイトル

テキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
テキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ BOX-3-green

    $<section class="check_cnt green">
<h3 class="check_cnt_tit"><span>タイトルタイトルタイトルタイトルタイトルタイトル</span></h3>
<div class="check_cnt_txt">
<ul>
<li>テキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキスト</li>
</ul>
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</div>
</section>$

▼ BOX-3-orange

タイトルタイトルタイトルタイトルタイトルタイトル

テキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
テキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ BOX-3-orange

    $<section class="check_cnt orange">
<h3 class="check_cnt_tit"><span>タイトルタイトルタイトルタイトルタイトルタイトル</span></h3>
<div class="check_cnt_txt">
<ul>
<li>テキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキスト</li>
</ul>
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</div>
</section>$

▼ BOX-4 よくある質問

よくある質問

質問です。質問です。質問です。質問です。質問です。質問です。
質問の答えです。質問の答えです。質問の答えです。
質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。
質問です。質問です。質問です。質問です。質問です。質問です。
質問の答えです。質問の答えです。質問の答えです。
質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。
質問です。質問です。質問です。質問です。質問です。質問です。
質問の答えです。質問の答えです。質問の答えです。
質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。

コピペ用ソース ■ BOX-4 faq-li

    $<section class="section">
<h2 class="sec_title_02 green">よくある質問</h2>
<div class="faq_cnt">
<ul>

<li>
<div class="inner">
<div class="faq_cnt_tit">質問です。質問です。質問です。質問です。質問です。質問です。</div>
<div class="faq_cnt_cnt">
質問の答えです。質問の答えです。質問の答えです。
質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。
</div>
</div>
</li>


<li>
<div class="inner">
<div class="faq_cnt_tit">質問です。質問です。質問です。質問です。質問です。質問です。</div>
<div class="faq_cnt_cnt">
質問の答えです。質問の答えです。質問の答えです。
質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。質問の答えです。
</div>
</div>
</li>

</ul>
</div>
</section>$

▼ BOX-5 患者さんの声

患者さんの声

■家事もままなかったつらい肩こり・頭痛・腰痛・冷え症・メニエールが改善した

コピペ用ソース ■ BOX-5 voice

    $<section class="section orange">
<h2 class="sec_title_02 orange">一足先に肩こり整体を受けた患者さまの声をお聞きください。</h2>

<div class="sec_cnt voice_cnt">
<div class="wrap woman">
<h3 class="tit">■家事もままなかったつらい肩こり・頭痛・腰痛・冷え症・メニエールが改善した</h3>
<div class="img"><img src="/img/voice_b_img25.jpg"></div>
</div>
</div>


<div class="sec_cnt voice_cnt">
<div class="wrap man">
<h3 class="tit">■家事もままなかったつらい肩こり・頭痛・腰痛・冷え症・メニエールが改善した</h3>
<div class="img"><img src="/img/voice_b_img25.jpg"></div>
</div>
</div>

</section>$

▼ タイトルテキストの装飾

■ TEXT-title-1

タイトルテキストです。タイトルテキストです。タイトルテキストです。

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

■ TEXT-title-2

タイトルテキストです。タイトルテキストです。タイトルテキストです。

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

タイトルテキストです。タイトルテキストです。タイトルテキストです。

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

コピペ用ソース ■ TEXT-title-1

    $<div class="sec_title_03">タイトルテキストです。タイトルテキストです。タイトルテキストです。</div>$

コピペ用ソース ■ TEXT-title-2-green

    $<div class="sec_title_04 green">タイトルテキストです。タイトルテキストです。タイトルテキストです。</div>$

コピペ用ソース ■ TEXT-title-2-orange

    $<div class="sec_title_04 orange">タイトルテキストです。タイトルテキストです。タイトルテキストです。</div>$

▼ テキストの装飾

■ テキスト

オレンジ色のテキストです。オレンジ色のテキストです。オレンジ色のテキストです。オレンジ色のテキストです。

緑色のテキストです。緑色のテキストです。緑色のテキストです。緑色のテキストです。

ブラウン色のテキストです。ブラウン色のテキストです。ブラウン色のテキストです。

太字テキストです。太字テキストです。太字テキストです。

太字オレンジ色のテキストです。太字オレンジ色のテキストです。太字オレンジ色のテキストです。

太字緑色のテキストです。太字緑色のテキストです。太字緑色のテキストです。

太字ブラウン色のテキストです。太字ブラウン色のテキストです。太字ブラウン色のテキストです。

大きめの文字のテキストです。大きめの文字のテキストです。大きめの文字のテキストです。

■ 中央寄せ

中央寄せです。中央寄せです。

■ 右寄せ

右寄せです。右寄せです。

コピペ用ソース ■ TEXT-orange

    $<span class="text orange">オレンジ色のテキストです。</span>$

コピペ用ソース ■ TEXT-green

    $<span class="text green">緑色のテキストです。</span>$

コピペ用ソース ■ TEXT-brown

    $<span class="text brown">ブラウン色のテキストです。</span>$

コピペ用ソース ■ TEXT-bold

    $<span class="text bold">太字テキストです。</span>$

コピペ用ソース ■ TEXT-bold-orange

    $<span class="text bold orange">オレンジ色の太字テキストです。</span>$

コピペ用ソース ■ TEXT-bold-green

    $<span class="text bold green">緑色の太字テキストです。</span>$

コピペ用ソース ■ TEXT-bold-brown

    $<span class="text bold brown">ブラウン色の太字テキストです。</span>$

コピペ用ソース ■ TEXT-fs2

    $<span class="text fs2">大きめの文字のテキストです。</span>$

コピペ用ソース ■ TEXT-fs2-bold

    $<span class="text bold fs2">大きめの太字のテキストです。</span>$

コピペ用ソース ■ TEXT-taC

    $中央寄せです。$

コピペ用ソース ■ TEXT-taR

    $右寄せです。$

▼ リスト形式の装飾

■ TEXT-list

テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
オレンジ色のテキストです。オレンジ色のテキストです。
太字オレンジ色のテキストです。太字オレンジ色のテキストです。

■ TEXT-list1

テキストテキスト
テキストテキストテキスト
テキスト

テキストテキスト
テキストテキストテキスト
テキスト

コピペ用ソース ■ TEXT-list

    $<ul class="txt_ul">
<li>テキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
<li><span class="text orange">オレンジ色のテキストです。</span></li>
<li><span class="text bold orange">太字オレンジ色のテキストです。</span></li>
</ul>$

コピペ用ソース ■ TEXT-list1-green

    $<ul class="txt_ul ul_01 green">
<li>テキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
</ul>$

コピペ用ソース ■ TEXT-list1-orange

    $<ul class="txt_ul ul_01 gorange">
<li>テキストテキストテキスト</li>
<li>テキストテキストテキストテキスト</li>
</ul>$

▼ ボタン

■ BUTTON-1

■ BUTTON-2

コピペ用ソース ■ BUTTON-1-orange

    $<div class="link_btn_01 orange"><a href="#">オレンジボタン</a></div>$

コピペ用ソース ■ BUTTON-1-green

    $<div class="link_btn_01 green"><a href="#">緑ボタン</a></div>$

コピペ用ソース ■ BUTTON-2-orange

    $<div class="link_btn_02 orange"><a href="#">オレンジボタン</a></div>$

コピペ用ソース ■ BUTTON-2-green

    $<div class="link_btn_02 green"><a href="#">緑ボタン</a></div>$

▼ 画像-1

■ IMG-left 左に配置

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

■ IMG-taC 中央

■ IMG-right 右に配置

コピペ用ソース ■ IMG-left

    $<div class="img_wp">
<div class="img_fL" style="width:150px;"><img src="img/sample_img_01.jpg" alt=""></div>
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
</div>$

コピペ用ソース ■ IMG-center

    $<div class="img_wp">
<div class="img_taC" style="width:300px;"><img src="img/sample_img_01.jpg" alt=""></div>
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
</div>$

コピペ用ソース ■ IMG-right

    $<div class="img_wp">
<div class="img_fR" style="width:150px;"><img src="img/sample_img_01.jpg" alt=""></div>
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
</div>$

↑↑↑コンテンツはここまで↑↑↑

電話受付時間	平日 8:45～19:10
電話受付時間	土曜 9:00～18:30

保護中: マニュアル

保護中: コードサンプル

タイトルタイトルタイトルタイトルタイトルタイトル

タイトルタイトルタイトルタイトルタイトルタイトル

タイトルタイトルタイトルタイトルタイトルタイトル

タイトルタイトルタイトルタイトルタイトルタイトル

よくある質問

患者さんの声

■家事もままなかったつらい肩こり・頭痛・腰痛・冷え症・メニエールが改善した

■家事もままなかったつらい肩こり・頭痛・腰痛・冷え症・メニエールが改善した