その他のページ

このページは、トップページ以外用にレイアウトしたページです。（メイン画像をなくしました）

他のページを作成する場合は、このページを複製してご利用下さい。

メイン画像があった方が良い場合は、トップページを複製してご利用下さい。

画像の配置について

配置する画像には、width と height は設定しないで下さい。

横幅 1200 px 以上の画像を配置しても、自動的に横幅 1200 px 以下に縮小されます。

ファイルサイズが小さくなるように、予め横幅 1200 px 以下に加工されることをお勧め致します。

サンプルフォトは、HTML ファイルの <div class="photo"><img src="images/sample-photo.jpg" alt="サンプルフォト" /></div> の部分です。

div タグに class photo を適用すると、横幅 900 px 以上（スクリーンサイズ）で、テキストが画像の右側に回り込みます。（設定は CSS ファイルで変更できます。CSS ファイルに書かれたコメントを参考にして下さい。）

サンプル画像のサイズは、横幅 600 px 高さ 400 px です。（配置する画像サイズに決まりはございません）

スクリーンサイズが小さい場合は、画像も自動的に縮小されます。

テキストの装飾

p タグに class font1 を適用すると、段落のテキストが赤字になります。（<p class="font1">赤字にするテキスト</p>）

文章の途中を赤字にすることもできます。文章の途中にスタイルを適用する場合は、span で囲みます。（<span class="font1">赤字にするテキスト</span>）

その他、お好みでスタイルを追加して下さい。スタイルのルールは、CSS ファイルに記載して下さい。（HTML ファイルに記載しても構いませんが、レイアウト関係は CSS ファイルに記載するのが一般的です）