list2-auto-parts
画像のアスペクト比そのまま

各ボックスの最大幅250pxの間で自動調整。(画面幅を変更していくと意味がわかります)

タイトル

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

ボタン

タイトル

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

ボタン

タイトル

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

ボタン

タイトル

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

タイトル

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

タイトル

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

画像のアスペクト比を1:1に

画像自体の縦横比はそのままで、中央だけくり抜かれる感じです。
使い分けは簡単で、外側のブロックの
「list2-auto-parts」を「list2-auto-parts square」にするだけです。

タイトル

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

ボタン

タイトル

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

ボタン

タイトル

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

ボタン

タイトル

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

タイトル

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

タイトル

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

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》