Berg HTML documentation

Food menu

We created 2 variant of food menu (with or without images). Every variant has the list category food. The appropriate category load automatically, so you don't have to scroll all menu.

Remember "data-filter" of list category must be the same as class category in food menu. You should also add a number "data-myorder". To good working use predefined our classes ( example under text ).

If you want to add food images you should choose menu.html and insert images url. Second variant of menu ( menu2.html ) use if you haven't food photos.

		<ul class="list-category">
			<li> 
				<span class="filter" data-filter="all">Show all</span>
			</li>
			<li> 
				<span class="filter" data-filter=".promotions">Promotions</span>
			</li>
			...
		</ul>

		<div class="mix promotions" data-myorder="1">
			<div class="row">
				<div class="col-xs-12 menu-category sticky-header sticky-header first-header fixed visible">
					<h2>Promotions</h2>
				</div>
			</div>
			<div class="row">
				<div class="menu-item">
					<a href="img/food/1.jpg" class="hidden-xs unveil open-overlay">
						<figure>
							<img src="img/placeholder.png" data-src="img/food/1.jpg" alt="Menu item"/>
							<div class="actions">
								<i class="icon-magnifier-add"></i>
							</div>
						</figure>
					</a>
					<div class="item-description">
						<div class="">
							<div class=""> 
								<h6>Burbon Chicken</h6>
								<p>sed dapibus mauris ac ipsum suscipit, at semper libero commodo</p>
								<span class="old-price">$24.90</span>
								<span class="new-price item-price">$22.90</span>
							</div>
						</div>
					</div>
				</div>
		...