This is a standard menu layout that ustilises the Joomlashine framework for its fluid structure but could easily be adapted to bootstrap.
Demo
This will not look right because the columns are not fluid due to theri being no JSN Framework installed, but it will give you an idea.
The Example Menu
Starters
This is a tag line
| Soup of the day Served with a roll and butter |
£4.25 |
| Prawn Cocktail Greenland prawns on a bed of crisp lettuce and topped with a marie rose sauce |
£4.95 |
| Ardennes Pate Served with a salad garnie & toast |
£5.75 |
Main Course
Steaks from the Grill
Cooked to your liking
| 8 oz Rib-Eye Steak | £14.95 |
| Steak sauce Pepper - a cracked black peppercorn sauce Creamy Stilton Sauce |
£2.25 |
| Gammon Steak with Pineapple & egg | Large Small |
Fish
This is a tag line
| Breaded Golden Scampi & Chips | Large Small |
| Fresh Fish & Chips Peas/Salad | Large Small |
Vegetarian
This is a tag line
| Vegetarian Lasagne Served with Slices of garlic bread topped with grilled mozzarella chees |
£8.25 |
| Vegetable Curry. Served with Boiled rice or 1/2 & 1/2 Curry’s served with a puppodum |
£8.25 |
English
Main courses served with a choice of potatoes and vegetables
| Roast Beef & Yorkshire pudding | £8.95 |
| Steak and Ale Pie | £8.75 |
| Cumberland Sausages & onion gravy | £8.25 |
| Beef Burger and Chips Served with a salad garnish and a salsa dip |
£6.95 |
| Cheeseburger and Chips Served with a salad garnish and a salsa dip |
£7.25 |
| Bacon Cheeseburger and Chips Served with a salad garnish and a salsa dip |
£7.75 |
| 3 Sausages Chips and beans | £5.50 |
| 2 Sausages 2 Bacon Chips and beans | £5.80 |
If you have any allergy requirements ask to speak to the chef.
All our meals are cooked to order so during busy times there may be a wait, this is because everything is as fresh as possible and has been sourced locally where possible.
Continental
This is a tag line
| Lasagne Classico (Meat) Served with Salad & garlic bread |
£9.25 |
| Chilli and Rice or Chips | £8.75 |
| Chicken Tikka Masala (Medium/Hot) | £9.25 |
| Beef Madras (Hot) | £9.25 |
Main courses served with Boiled rice or 1/2 & 1/2
Curry’s served with a puppodum
Salads
This is a tag line
| Home Roast Ham Salad | £7.25 |
| Breast of Chicken Salad | £7.25 |
| Roast Beef Salad | £7.25 |
| Tuna and Prawn Salad | £7.65 |
Jacket Potatoes
Served with a salad garnish and coleslaw
| Chilli | £7.25 |
| Prawn & Tuna | £7.75 |
| Ham, Pineapple and Cheese | £7.25 |
| Cheese and Pineapple | £6.95 |
| Cheese and Beans | £6.95 |
Side Orders
This is a tag line
| Chips | £2.50 |
| Side Salad | £2.25 |
| Onion rings | £2.50 |
| Deli roll and butter | £1.40 |
| Garlic Bread with Cheese | £4.25 |
| Egg | £0.95 |
Soup of the day and a sandwich on brown or white bread served with a salad garnish & coleslaw..£5.00 *
Sandwichs
On brown or white bread
Served with a salad & coleslaw
| Home Cooked Gammon Ham | £4.25 |
| Roast Topside of Beef | £4.25 |
| Breast of Chicken | £4.25 |
| Tuna | £4.25 |
| Cheese and Tomato or Onion or Branston | £4.25 |
| Prawn | £4.50 |
If you have any allergy requirements ask to speak to the chef.
All our meals are cooked to order so during busy times there may be a wait, this is because everything is as fresh as possible and has been sourced locally where possible.
Code
<h1>The Example Menu</h1>
<div class="grid-layout">
<div>
<h2 style="margin-top: 20px;">Starters</h2>
<p><span style="font-size: 14pt; color: #878887;">This is a tag line</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Soup of the day</strong><br>Served with a roll and butter</td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Prawn Cocktail</strong><br>Greenland prawns on a bed of crisp lettuce and topped with a marie rose sauce</td>
<td><strong>£4.95</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Ardennes Pate</strong><br>Served with a salad garnie & toast</td>
<td><strong>£5.75</strong></td>
</tr>
</tbody>
</table>
<h2 style="margin-top: 20px;">Main Course</h2>
<p><span style="font-size: 14pt; color: #878887;">Steaks from the Grill<br>Cooked to your liking</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>8 oz Rib-Eye Steak</strong></td>
<td><strong>£14.95</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Steak sauce</strong><br><strong>Pepper</strong> - a cracked black peppercorn sauce<br><strong>Creamy Stilton Sauce</strong></td>
<td><strong>£2.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Gammon Steak with Pineapple & egg</strong></td>
<td><p><strong>Large<br>£11.95</strong></p><p><strong>Small<br>£6.95</strong></td>
</tr>
</tbody>
</table>
<h2 style="margin-top: 20px;">Fish</h2>
<p><span style="font-size: 14pt; color: #878887;">This is a tag line</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Breaded Golden Scampi & Chips</strong></td>
<td><p><strong>Large<br>£9.25</strong></p><p><strong>Small<br>£5.75</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Fresh Fish & Chips Peas/Salad</strong></td>
<td><p><strong>Large<br>£9.25</strong></p><p><strong>Small<br>£5.75</strong></td>
</tr>
</tbody>
</table>
</div>
<div>
<h2 style="margin-top: 20px;">Vegetarian</h2>
<p><span style="font-size: 14pt; color: #878887;">This is a tag line</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Vegetarian Lasagne</strong><br>Served with Slices of garlic bread topped with grilled mozzarella chees</td>
<td><strong>£8.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Vegetable Curry.</strong><br>Served with Boiled rice or 1/2 & 1/2<br>Curry’s served with a puppodum</td>
<td><strong>£8.25</strong></td>
</tr>
</tbody>
</table>
<h2 style="margin-top: 20px;">English</h2>
<p><span style="font-size: 14pt; color: #878887;">Main courses served with a choice of potatoes and vegetables</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Roast Beef & Yorkshire pudding</strong></td>
<td><strong>£8.95</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Steak and Ale Pie</strong></td>
<td><strong>£8.75</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Cumberland Sausages & onion gravy</strong></td>
<td><strong>£8.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Beef Burger and Chips</strong><br>Served with a salad garnish and a salsa dip</td>
<td><strong>£6.95</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Cheeseburger and Chips</strong><br>Served with a salad garnish and a salsa dip</td>
<td><strong>£7.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Bacon Cheeseburger and Chips</strong><br>Served with a salad garnish and a salsa dip</td>
<td><strong>£7.75</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>3 Sausages Chips and beans</strong></td>
<td><strong>£5.50</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>2 Sausages 2 Bacon Chips and beans</strong></td>
<td><strong>£5.80</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<p style="margin-bottom: 20px; padding: 20px; text-align: center; background-color: #878887;"><strong><em><span style="font-size: 11pt; color: #fffefd;">If you have any allergy requirements ask to speak to the chef.<br /><br />All our meals are cooked to order so during busy times there may be a wait, this is because everything is as fresh as possible and has been sourced locally where possible.</span></em></strong></p>
<div class="grid-layout">
<div>
<h2 style="margin-top: 20px;">Continental</h2>
<p><span style="font-size: 14pt; color: #878887;">This is a tag line</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Lasagne Classico (Meat)</strong><br>Served with Salad & garlic bread</td>
<td><strong>£9.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Chilli and Rice or Chips</strong></td>
<td><strong>£8.75</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Chicken Tikka Masala (Medium/Hot)</strong></td>
<td><strong>£9.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Beef Madras (Hot)</strong></td>
<td><strong>£9.25</strong></td>
</tr>
</tbody>
</table>
<p><span style="font-size: 14pt; color: #878887;">Main courses served with Boiled rice or 1/2 & 1/2<br>Curry’s served with a puppodum</span></p>
<h2 style="margin-top: 20px;">Salads</h2>
<p><span style="font-size: 14pt; color: #878887;">This is a tag line</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Home Roast Ham Salad</strong></td>
<td><strong>£7.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Breast of Chicken Salad</strong></td>
<td><strong>£7.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Roast Beef Salad</strong></td>
<td><strong>£7.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Tuna and Prawn Salad</strong></td>
<td><strong>£7.65</strong></td>
</tr>
</tbody>
</table>
<h2 style="margin-top: 20px;">Jacket Potatoes</h2>
<p><span style="font-size: 14pt; color: #878887;">Served with a salad garnish and coleslaw</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Chilli</strong></td>
<td><strong>£7.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Prawn & Tuna</strong></td>
<td><strong>£7.75</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Ham, Pineapple and Cheese</strong></td>
<td><strong>£7.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Cheese and Pineapple</strong></td>
<td><strong>£6.95</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Cheese and Beans</strong></td>
<td><strong>£6.95</strong></td>
</tr>
</tbody>
</table>
</div>
<div>
<h2 style="margin-top: 20px;">Side Orders</h2>
<p><span style="font-size: 14pt; color: #878887;">This is a tag line</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Chips</strong></td>
<td><strong>£2.50</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Side Salad</strong></td>
<td><strong>£2.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Onion rings</strong></td>
<td><strong>£2.50</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Deli roll and butter</strong></td>
<td><strong>£1.40</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Garlic Bread with Cheese</strong></td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Egg</strong></td>
<td><strong>£0.95</strong></td>
</tr>
</tbody>
</table>
<p><span style="font-size: 14pt; color: #878887;">Soup of the day and a sandwich on brown or white bread served with a salad garnish & coleslaw..£5.00 *</span></p>
<h2 style="margin-top: 20px;">Sandwichs</h2>
<p><span style="font-size: 14pt; color: #878887;">On brown or white bread<br>Served with a salad & coleslaw</span></p>
<table border="0" cellspacing="0" cellpadding="10">
<colgroup>
<col style="width: 300px; height: 16.4pt;" valign="top">
<col style="width: 40px; height: 16.4pt;" valign="top">
</colgroup>
<tbody>
<tr style="height: 30px;">
<td><strong>Home Cooked Gammon Ham</strong></td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Roast Topside of Beef</strong></td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Breast of Chicken</strong></td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Tuna</strong></td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Cheese and Tomato or Onion or Branston</strong></td>
<td><strong>£4.25</strong></td>
</tr>
<tr style="height: 30px;">
<td><strong>Prawn </strong></td>
<td><strong>£4.50</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<p style="margin-bottom: 20px; padding: 20px; text-align: center; background-color: #878887;"><strong><em><span style="font-size: 11pt; color: #fffefd;">If you have any allergy requirements ask to speak to the chef.<br /><br />All our meals are cooked to order so during busy times there may be a wait, this is because everything is as fresh as possible and has been sourced locally where possible.</span></em></strong></p>