SAMPLE CAFE

MENU

当ページのメニューボックスが動くアニメーション効果は「jquery.inview.js」を使っています。

※「jquery.inview.js」は別途ダウンロードが必要です。
テンプレートのダウンロード直後の状態ではアニメーションは動きません。必ずマニュアルをご覧下さい。設定は簡単です。

ランチメニュー(通常表示の例です)

ランチプレート

ランチプレート 1,300円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
ランチプレート

ランチプレート 1,300円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
ランチプレート

ランチプレート 1,300円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

↑ PAGE TOP

コースメニュー(class="transform1"の例です)

コース

コース 2,000円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
コース

コース 2,000円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
コース

コース 2,000円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

↑ PAGE TOP

単品メニュー(class="transform2"の例です)

サラダ

サラダ 400円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
サラダ

サラダ 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
サラダ

サラダ 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

↑ PAGE TOP

ドリンクメニュー(class="up"の例です)

コーヒー

コーヒー 400円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
コーヒー

コーヒー 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
コーヒー

コーヒー 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

↑ PAGE TOP

デザートメニュー(class="left"の例です)

デザート

デザート 400円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
デザート

デザート 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
デザート

デザート 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

↑ PAGE TOP

デザートメニュー(class="right"の例です)

デザート

デザート 400円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
デザート

デザート 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
デザート

デザート 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

↑ PAGE TOP

デザートメニュー(divタグでなく、中の画像だけに指定してもOKです。)

デザート

デザート 400円

「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。

おすすめ
デザート

デザート 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。

人気
デザート

デザート 400円

ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。