Ray

rank rank rank
// 12345

about here

sample text etc.

テキストや文章はこのように表示されます
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

span:sample
mark:sample
strong:sample
small:sample

class="center"で中央寄せ

class="right"で右寄せ

section > section はこのように表示されます
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

details / 詳細

ここに詳細を書くことができます
いろはにほへとちりぬるをわかよたれそつねならむ

details > details

このタグは入れ子にすることも可能です
いろはにほへとちりぬるをわかよたれそつねならむ

sample two column

sectionにclass="half"を追加することにより700px以上で2カラムになります
カラム落ちしないようにHTMLの記述にはご注意ください

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

sample mailform

works sample

view source

thanks matelrial


image by Mehdi Babousan from Unsplash

背景レースの画像はBg-Pattrensさまよりお借りしました
配布元さまの規約を守り、そちらのほうから保存してご使用ください

source code

ブログページ以外は1ページ完結型のつもりでつくりましたが、分けても大丈夫だと思います
お好きなようにアレンジやカスタマイズしてください


head / css


body ...top, 1page, works


body ...works(works:textpage)


body ...blog


body ...blog(postscript)