• CSS Framework for restaurant sites

Getting Started

Download Content Typography Cards Images Navigation Carousel Sidebar Button Accordion Grid Forms Tabs Gallery Tables Menu Grid Media Queries Help classes

Grid Menu

Classic Menu

Add the class .menu-item to style the menu heading. The .menu-dots adds dots in between the menu name and the price. The class .menu-price styles the price of the menu item and the class .menu-desc styles the description of the menu item

Tex-Mex Chicken Wings

$6.50
Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce

Venezuelan Scrambled Eggs

$8.50
Caramelized onions . tomatoes . mashed potatoes. tilapia

Quesadillas Acapulco

$2.50
Corn chips topped with cheese sauce, served with sour cream, guacamole & pico de gallo

Classic Nachos

$6.50
Corn chips topped with cheese sauce, served with sour cream, guacamole & pico de gallo

Avocado Shell Stuffed

$8.50
Caramelized onions . tomatoes . mashed potatoes. tilapia

Baked Potato Jackets

$6.50
Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce

Nachos Grande

$3.50
Corn chips. Mexican fried chili beans. sour cream. guacamole & salsa. chili lamb mince

Mexican Taco Shells

$6.50
Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce

Greek Stuffed Mushroom

$6.50
Sundried tomato. pimento & ricotta. stuffed button mushrooms with balsamic drizzle 

<div class="grid column321 mt ">
	<div >
		<div class="menu-item ">
			<h3 class="menu-title">Tex-Mex Chicken Wings</h3>
			<span class="menu-dots"></span>
			<span class="menu-price"><span><span >$</span>6.50</span></span>
			<div class="menu-desc">
				Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce
			</div>
		</div>
		<div class="menu-item ">
			<h3 class="menu-title">Tex-Mex Chicken Wings</h3>
			<span class="menu-dots"></span>
			<span class="menu-price"><span><span >$</span>6.50</span></span>
			<div class="menu-desc">
				Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce
			</div>
		</div>
		<div class="menu-item ">
			<h3 class="menu-title">Tex-Mex Chicken Wings</h3>
			<span class="menu-dots"></span>
			<span class="menu-price"><span><span >$</span>6.50</span></span>
			<div class="menu-desc">
				Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce
			</div>
		</div>
	</div>


	<div >
		<div class="menu-item ">
			<h3 class="menu-title">Tex-Mex Chicken Wings</h3>
			<span class="menu-dots"></span>
			<span class="menu-price"><span><span >$</span>6.50</span></span>
			<div class="menu-desc">
				Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce
			</div>
		</div>
		<div class="menu-item ">
			<h3 class="menu-title">Tex-Mex Chicken Wings</h3>
			<span class="menu-dots"></span>
			<span class="menu-price"><span><span >$</span>6.50</span></span>
			<div class="menu-desc">
				Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce
			</div>
		</div>
		<div class="menu-item ">
			<h3 class="menu-title">Tex-Mex Chicken Wings</h3>
			<span class="menu-dots"></span>
			<span class="menu-price"><span><span >$</span>6.50</span></span>
			<div class="menu-desc">
				Chicken breast . spiced bread crumbs . chips or mashed potatoes . aioli sauce
			</div>
		</div>
	</div>
</div>