SAMPLE GALLERY

1カラムレイアウト

<body>を<body class="c1">にすると当ページのように1カラムになります。
class指定が既に入っている場合は半角スペースで区切って指定して下さい。例:<body class="s-n c1">

GALLERY

ラナンキュラス

画像名を入れます

ここに簡単な説明を入れます。サンプルテキスト。ここに簡単な説明を入れます。サンプルテキスト。

蓮の葉

画像名を入れます

画像サイズは縦横比率を統一した方がおすすめです。

バラ

画像名を入れます

ボックスの高さを変更したい場合はcssフォルダのstyle.cssの「#main section.list {」のheightの値を調整してみて下さい。

紅葉

画像名を入れます

ボックスの中身を詰め込みすぎると飛び出た部分が非表示になりますのでご注意下さい。

ラナンキュラス

画像名を入れます

ここに簡単な説明を入れます。サンプルテキスト。ここに簡単な説明を入れます。サンプルテキスト。

蓮の葉

画像名を入れます

画像サイズは縦横比率を統一した方がおすすめです。

バラ

画像名を入れます

ボックスの高さを変更したい場合はcssフォルダのstyle.cssの「#main section.list {」のheightの値を調整してみて下さい。

紅葉

画像名を入れます

ボックスの中身を詰め込みすぎると飛び出た部分が非表示になりますのでご注意下さい。

ラナンキュラス

画像名を入れます

ここに簡単な説明を入れます。サンプルテキスト。ここに簡単な説明を入れます。サンプルテキスト。

この見出しはh2タグです

このボックスは、class="box1"と指定すれば出ます。ここに画像を置く場合、PC環境だと幅198pxまで。それ以上だと自動縮小されます。

この見出しはh2タグです

ここのスペースも使えます。ここに画像を置く場合、PC環境だと幅230pxまで。それ以上だと自動縮小されます。