CSSフレームワーク Foundation 6 をベースに記述しています。詳しいグリッド等については以下を参照ください
https://get.foundation/sites/docs/xy-grid.html
本文内でも横幅100%に対応するためにdefaultは100%幅としメイン幅をもうけていません。
<section class="section sec_wrap">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell large-12">
本文をここに
<!–large-12–></div>
<!– grid-x –></div>
<!– grid-container –></div>
<!– section –></section>
文字装飾文字装飾文字装飾文字装飾文字装飾文字装飾
文字を小さく font_s
文字を大きく font_l
文字をさらに大きく font_ll
文字を太く bold
赤字
緑字
THTHTH | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 |
---|---|---|---|---|
THTHTH | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 |
THTHTH | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 | 中身中身中身中身中身中身 |
class=”show-for-small-only”
class=”show-for-medium-up”
class=”show-for-medium-only”
class=”show-for-large-down”
class=”show-for-large”
class=”show-for-large-up”
class=”show-for-xlarge”
class=”show-for-xxlarge”
class=”hide-for-small-only”
class=”hide-for-medium-up”
class=”hide-for-medium-only”
class=”hide-for-large-down”
class=”hide-for-large”
class=”hide-for-large-up”
class=”hide-for-xlarge”
class=”hide-for-xxlarge”
image
当院副院長
上から治療前、施術直後、治療後1週間後
治療回数:1回
image
当院副院長
上から治療前、施術直後、治療後1週間後
治療回数:1回
image
当院副院長
上から治療前、施術直後、治療後1週間後
治療回数:1回
image
当院副院長
上から治療前、施術直後、治療後1週間後
治療回数:1回
image
当院副院長
上から治療前、施術直後、治療後1週間後
治療回数:1回
image
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
image
ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用
image
ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用ダミーテキスト回り込み用