list-catalog1-parts

  • サンプル画像を先にDLし、中の画像をimagesフォルダに入れておいて下さい。おすすめは商品の輪郭にそって切り抜いたpngやwebp画像ですが、jpgなどの通常画像をおいてももちろんOK。

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

通常画像の場合

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

300yen

通常画像の場合

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

300yen

カラムが余った際に、右ボックス(→)のように背景が真っ黒になってしまうのが嫌なら、ここのボックスのようにlistの外枠だけ残して下さい。

sectionにbleed-x-partsを追加すると、幅いっぱいになります。

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen

タイトル

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

300yen
《Web Design:Template-Party》