anchor.diff:  						<div class="menu-details br-red">
   							<!-- Menu list -->
   							<ul class="list-unstyled">
  -								<li>
  -									<div class="menu-list-item">
  -										<!-- Icon -->
  -										<i class="fa fa-angle-right"></i> <a href="menu.html">First</a>
  -										<!-- Price badge -->
  -										<span class="pull-right">8.7</span>
  -										<div class="clearfix"></div>
  -									</div>
  -								</li>
  -								<li>
  -									<div class="menu-list-item">
  -										<!-- Icon -->
  -										<i class="fa fa-angle-right"></i> <a href="menu.html">Second</a>
  -										<!-- Price badge -->
  -										<span class="pull-right">9.2</span>
  -										<div class="clearfix"></div>
  -									</div>
  -								</li>
  -								<li>
  -									<div class="menu-list-item">
  -										<!-- Icon -->
  -										<i class="fa fa-angle-right"></i> <a href="menu.html">Third</a>
  -										<!-- Price badge -->
  -										<span class="pull-right">7.7</span>
  -										<div class="clearfix"></div>
  -									</div>
  -								</li>
  -								<li>
  -									<div class="menu-list-item">
  -										<!-- Icon -->
  -										<i class="fa fa-angle-right"></i> <a href="menu.html">Fourth</a>
  -										<!-- Price badge -->
  -										<span class="pull-right">9.5</span>
  -										<div class="clearfix"></div>
  -									</div>
  -								</li>
  -								<li>
  -									<div class="menu-list-item">
  -										<!-- Icon -->
  -										<i class="fa fa-angle-right"></i> <a href="menu.html">Fifth</a>
  -										<!-- Price badge -->
  -										<span class="pull-right">9.3</span>
  -										<div class="clearfix"></div>
  -									</div>
  -								</li>
  +								<% @products.each do |product| %>
  +									<% if product.catagory == "Pizza"%>
  +										<li>
  +											<div class="menu-list-item">
  +												<!-- Icon -->
  +												<i class="fa fa-angle-right"></i> <a href="menu.html"><%= product.title %></a>
  +												<!-- Price badge -->
  +												<span class="pull-right"><%= product.price %></span>
  +												<div class="clearfix"></div>
  +											</div>
  +										</li>
  +									<% end %>
  +								<% end %>
   							</ul>
   						</div><!-- / Menu details end -->
   					</div>
  
positive.code: 				<!-- Crown image -->
  				<img class="img-responsive" src="/assets/crown.png" alt="" />
  				<!-- Heading -->
  				<h2>Popular Restaurants</h2>
  				<!-- Paragraph -->
  				<p>A list of most popular dishes.</p>
  				<!-- Border -->
  
negative.code: 							<!-- Image for menu item -->
  							<img class="menu-img img-responsive img-thumbnail" src="/assets/menu/menu3.jpg" alt="" />
  							<!-- Menu title / Heading -->
  							<h3>Dessert</h3>
  							<!-- Border for above heading -->
  							<div class="title-border br-lblue"></div>
  						</div>
  