医療法人社団清仁会 | 膠原病・腎臓病の専門施設です。その他消化器科・整形外科・肝臓病・糖尿病・心臓病・呼吸器病の専門外来も対応可能。

デザインサンプル

  • HOME »
  • デザインサンプル

リードテキスト

<p class=”leadTxt”>リードテキスト</p>

見出し2

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

<h2>見出し2</h2>

見出し3

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

<h3>見出し3</h3>

見出し4

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

<h4>見出し4</h4>
見出し5

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

<h5>見出し5</h5>
見出し6

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

<h6>見出し6</h6>
  • リストです。
  • リストです。
<ul>
	<li>リストです。</li>
	<li>リストです。</li>
</ul>
  1. 番号リストです。
  2. 番号リストです。
<ol>
	<li>番号リストです。</li>
	<li>番号リストです。</li>
</ol>

通常のテーブル

thead th thead th
th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容
th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容

モバイル時に縦積みになるテーブル

table class=”mobile-block” を指定すると、画面が狭い場合に縦積みのテーブルになります。
ただし、thead無しの横2列までの表での有効です。横のセルが多かったりすると意味がわからなくなります。

th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容
th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容
<table class="mobile-block">
<tbody>
<tr>
<th>th テーブル項目</th>
<td>td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容</td>
</tr>
<tr>
<th>th テーブル項目</th>
<td>td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容</td>
</tr>
</tbody>
</table>

div要素に class=”sectionFrame” を指定すると、このような枠が装飾されます。

<div class="sectionFrame sectionBox">

div要素に class="sectionFrame" を指定すると、このような枠が装飾されます。

</div>

class=”sectionBox” を指定すると、指定した要素の下に少し広めの余白が設定されます。

<div class="sectionBox">

class="sectionBox" を指定すると、指定した要素の下に少し広めの余白が設定されます。

</div>
dt 定義リスト
dl 定義リスト内容
<dl>
<dt>dt 定義リスト</dt>
<dd>dl 定義リスト内容</dd>
</dl>
質問1
回答回答回答回答回答回答
質問2
回答回答回答回答回答回答
<dl class="qaItem">
<dt>質問1</dt>
<dd>回答回答回答回答回答回答</dd>
</dl>
<dl class="qaItem">
<dt>質問2</dt>
<dd>回答回答回答回答回答回答</dd>
</dl>
お問い合わせ
まずはお気軽のお問い合わせください。
納品・ご入金
納品いたしましたらご入金よろしくお願いいたします。
<div class="sectionBox">
<div class="flowBox">
<dl>
<dt>お問い合わせ</dt>
<dd>まずはお気軽のお問い合わせください。</dd>
</dl>
</div>
<div class="flowBox">
<dl>
<dt>納品・ご入金</dt>
<dd>納品いたしましたらご入金よろしくお願いいたします。</dd>
</dl>
</div>
</div>

ボタン小
ボタン
ボタン大

<a class="btn btnS" href="#">ボタン小</a>
<a class="btn" href="#">ボタン</a>
<a class="btn btnL" href="#">ボタン大</a>

お気軽にお問い合わせください TEL 0877-56-7777

受付時間

午前 8時30分~11時30分
午後 1時00分~5時30分
休診 木曜午後、日曜、祝日

午前
午後

診療科によって休診日が異なる場合がございます。詳しくは外来担当表をご覧ください。

外来担当医表


お問合せ電話番号

0877-56-7777

午前 9時00分~12時00分
午後 2時00分~6時00分
[木曜午後、日曜、祝日除く]


所在地

〒769-0205
香川県綾歌郡宇多津町浜五番丁66-1
交通アクセス

リウマチ・膠原病についてのイメージ
腎臓疾患・透析についてのイメージ
PAGETOP