list1-border-parts

3列レイアウト。mainの幅が900px未満で2列に。

タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

アイコンをつけたい場合

色はcssのaccent-colorが適用されていますが、個別に直接カラーコードなどの指定もOKです。

icon1-parts

ここに説明を書きます。サンプルテキスト。

NEW

icon2-parts

アイコン内の文字数が増えると切れるので、少なくするか、cssでwidthとline-heigntを大きくして下さい。

NEW

icon3-parts

icon3-partsの中にspanがセットで必要なので注意して下さい。
このタイプは帯が飛び出るので、ボックス自体にis-clipを追加して下さい。

NEW

sectionの背景色に「bg-parts bg1-light-parts」を使った例。

タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

sectionの背景色の別バージョン(bg-parts bg1-parts

タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

sectionの背景色の別バージョン(bg-parts bg1-primary-parts

タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

sectionの背景色の別バージョン(bg-parts bg1-accent-parts
アイコンをつけると色が同じになってしまうので、必要があればアイコン色を変えるなりしてください。

タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

タイトル

ここに説明を書きます。サンプルテキスト。

ボタン

《Web Design:Template-Party》