診療科目:内科
地域のみなさまの健康を見守る使命を感じて…
ここに説明文のタイトルをどうぞ。
各項目の第2階層は、ナビゲーションメニューでは第1階層の項目にカーソルが合わさるとスライドして現れるようになっています。スマートフォンでのナビゲーションは、左上の透明グレーのメニューアイコンをタップすることで、左側に各ページの項目が表示されます。第2階層は一段下がったリストになります。
この上の画像は、モニタサイズに合わせて拡大/縮小されます。高解像度の写真(ここで使用の画像幅は1,200ピクセル)を準備していただければ、きれいな画像としてどのサイズでも表示されます。低解像度の写真では、ここでは使わない方が良いでしょう。ブラウザのウインドウ幅を広げたり狭めたりして確認してみてください。一番幅が小さくなるまで持っていくと、スマートフォンの状態を確認することができます。スマートフォンでナビゲーションメニューの一番下は「電話をかける」になり、それをタップすることで電話を発信します。
本文中に写真を入れる見本は、ご覧の通りです。これはウインドウ幅で変化はいたしません。見本は右側ですが、左側に配置することもできます。
基本フォーマットの表組
トップページに使っている時間表も基本フォーマットの表組です。表組はtableタグにて記しています。ここでの見本も書き方は同じになっています。
診療時間 | 日 | 月 | 火 | 水 | 木 | 金 | 土 |
午前 | 休診 | 佐々木 | 佐々木 | 上田 | 宮本 | 上田 | 上田 |
午後 | 休診 | 上田 | 上田 | 休診 | 佐々木 | 佐々木 | 休診 |
夜診 | 休診 | 宮本 | 休診 | 上田 | 休診 | 佐々木 | 休診 |
午前: 8 〜12時、午後:14〜16時、夜診:18〜20時 |