デモページ (H1)

目次や要約、注意事項など(H2)

sectionで囲んだH2要素は通常のH2と見た目が異なります。このsectionは目次や要約、注意事項での利用を想定したデザインになっています。

テキストの表示 (これもH2です。)

こんにちは。これはp要素で囲まれた通常のテキストの表示です。

H3です。

アンカーはこのような表示です。

  1. 順序ありリストです
  2. and this too.
これは開閉可能なトグルリストです。 こんにちは!

リンク

linkcardとlinkのクラスを使ってリンクカード風の表示が可能です。

ホームへもどる

画像の表示例

ピンク背景の花に囲まれた青い瞳のラグドール猫のフリー素材
ピンク背景の花に囲まれた青い瞳のラグドール猫のフリー素材 ピンクの布にのる、前足をちょこんと出すラグドールのフリー写真素材 ガラス越しに外を見つめる飼い猫の窓辺での一瞬のフリー写真素材

画像を複数枚横並びにする場合は、imagesのクラスを使用します。(これは.captionを使ったキャプション風表示です。)

突然のバグに目を丸くするノートパソコンの前の猫のフリー写真素材
突然のバグに目を丸くするノートパソコンの前の猫のフリー写真素材(これはfigcaptionです)

注意事項

このテンプレートで使用している写真素材は、ぱくたそ[ https://www.pakutaso.com ]のフリー素材を利用しています。二次配布物の受領者がこの素材を継続して利用する場合は、 ぱくたそ公式サイトからご自身でダウンロードしていただくか、ぱくたそのご利用規約[ https://www.pakutaso.com/userpolicy.html ]に同意していただく必要があります。 同意いただけない場合は素材のご利用はできませんのでご注意ください。